@charset "UTF-8";
.ie .nav-menus-wrapper.align-to-right.nav-menus-wrapper-right {
background: #27495c;
}
.page-id-416 .sidebar .donate-side {
display: none;
}
#wpadminbar {
z-index: 9999999;
}
.sq-loader {
position: fixed;
width: 100%;
height: 100%;
background: white;
top: 0px;
left: 0px;
z-index: 99999999999;
}
.cover-up {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: white;
z-index: 9999;
}
.title {
font-family: 'Hind', sans-serif;
}
body, button, input, select, textarea {
font-family: 'Didact Gothic', sans-serif;
font-size: 20px;
}
body {
overflow-x: hidden;
}
body.menu-open, html.menu-open {
overflow: hidden !important;
}
.wave-top {
position: absolute;
top: -195px;
width: 120%;
left: -10%;
}
.nav-top-section.sticky {
display: none;
}
.nav-dropdown>li.active>a, .content p a {
color: #00b6b6;
}
@media(max-width: 868px) {
.wave-top {
width: 200% !important;
left: -50%;
}
}
p, li, text-wrapper * {
font-family: 'Didact Gothic', sans-serif;
color: #707070;
font-size: 18px;
}
.content p {
font-size: 23px;
}
.text-wrapper P {
margin-bottom: 30px;
}
.text-wrapper P a, li a, .text-wrapper a {
color: #00b6b6;
text-decoration: underline;
white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word;
}
.wave-heading {
padding: 0px;
}
.nav-extra-show {
display: block !important;
}
.nav-extra-show .nav-menu {
display: block !important;
}
img.aligncenter {
margin: auto;
display: block;
}
h1, h2, h3, h4, h5, h6 {
position: relative;
}
a[name] {
position: absolute;
top: -100px;
}
.modal {
z-index: 9999999;
}
.page-id-422 .overlap-heading-standard, .page-id-2101 .overlap-heading-standard {
background-position: center 20%;
}
.bioText p a, .bioText a {
color: #2bbdbd;
}
.in-page-btn {
margin-bottom: 10px;
}
.in-page-btn span {
white-space: nowrap;
}
@media(max-width: 400px) {
.table-flow {
max-width: 400px;
}
}
.nf-field-label {
width: 100%;
} .line-drawing {
position: relative;
}
.panel-1 a svg {
height: 75px;
width: auto;
}
.panel-2 a svg, .panel-3 a svg, .panel-4 a svg {
height: 75px;
width: auto;
}
.panel-1 .line-drawing {
width: 75px;
}
.panel-3 .line-drawing {
width: 90px;
}
.line-drawing svg.cover {
position: absolute;
top: 0px;
left: 0px;
}
.panel-2 .line-drawing svg.cover {
margin: auto;
left: 0px;
right: 0px;
}
.home-panels .panel-1 a:hover svg.cover {
opacity: 0 !important;
}
.home-panels .panel-2 a:hover svg.cover {
opacity: 0 !important;
}
.home-panels .panel-3 a:hover svg.cover {
opacity: 0 !important;
}
.home-panels .panel-4 a:hover svg.cover {
opacity: 0 !important;
} #hero-slider.royalSlider {
position: relative;
width: 100%;
height: 95vh;
min-height: 600px;
max-height: 900px;
margin-top: 40px;
}
.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
background: white;
}
.slider-wrapper {
position: relative;
background-position: 50% 20%;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
}
.slider-content {
position: absolute;
width: 350px;
height: 300px;
top: calc(40% + 70px);
margin: auto;
}
.slider-wrapper.left-content .slider-content {
left: 200px;
}
.slider-wrapper.right-content .slider-content {
left: auto;
right: 200px;
}
.slider-content .button {
margin-top: 20px;
}
.slider-content .button:hover {
background-color: rgba(255, 255, 255, 0.9) !important;
color: rgba(0, 182, 182, 1.000) !important;
}
.slider-inner-wrapper {
position: relative;
height: 100%;
}
.ripple-wrapper {
height: 100%;
width: 100%;
}
.scene {
opacity: 0.5;
position: absolute;
top: calc(20% + 100px);
}
.scene2 {
opacity: 0.5;
position: absolute;
top: calc(20% + 100px);
}
.slider-wrapper.left-content .scene, .slider-wrapper.left-content .scene2 {
left: 50px;
}
.slider-wrapper.right-content .scene, .slider-wrapper.right-content .scene2 {
left: auto;
right: 300px;
}
.scene2 path {
fill: #04B7B7;
opacity: 0.9;
}
.scene path {
fill: #294357;
opacity: 0.5;
}
.scene {
width: 420px;
height: 320px;
}
.scene2 {
width: 400px;
height: 300px;
}
.slider-content h1 {
font-size: 2.4rem !important;
}
@media(max-height: 938px) {
.scene, .scene2 {
top: calc(15% + 100px);
}
}
@media(max-height: 862px) {
.scene {
width: 320px;
height: 220px;
}
.scene2 {
width: 300px;
height: 200px;
}
.slider-content {
width: 280px;
top: calc(35% + 40px);
}
.slider-content h1 {
font-size: 30px !important;
}
}
@media(max-width: 1100px) {
.slider-wrapper.left-content .scene, .slider-wrapper.left-content .scene2 {
left: 0px;
}
.slider-wrapper.left-content .slider-content {
left: 150px;
}
.slider-wrapper.right-content .scene, .slider-wrapper.right-content .scene2 {
right: 250px;
}
.slider-wrapper.right-content .slider-content {
right: 150px;
}
}
@media(max-width: 770px) {
.slider-wrapper.left-content .scene, .slider-wrapper.left-content .scene2 {
left: -50px;
}
.slider-wrapper.left-content .slider-content {
left: 100px;
}
.slider-wrapper.right-content .scene, .slider-wrapper.right-content .scene2 {
right: 130px;
}
.slider-wrapper.right-content .slider-content {
right: 20px;
}
}
@media(max-width: 614px) {
.slider-content h1 {
font-size: 25px !important;
}
.scene {
width: 280px;
height: 160px;
}
.scene2 {
width: 260px;
height: 140px;
}
.scene, .scene2 {
top: calc(10% + 100px);
}
.slider-content {
width: 250px;
top: calc(25% + 70px);
}
}
@media(max-width: 614px) {
.scene, .scene2 {
top: calc(10% + 200px);
}
.slider-content {
top: calc(25% + 170px);
}
#hero-slider.royalSlider {
min-height: 700px;
}
.slider-wrapper.left-content .scene, .slider-wrapper.left-content .scene2 {
left: -90px;
}
.slider-wrapper.left-content .slider-content {
left: 50px;
}
.slider-wrapper.num-1 {
background-position: 50% -50px;
background-size: auto 110%;
}
} #news-slider {
margin-top: 0px;
}
#news-slider .news-inside {
width: 100%;
position: absolute;
bottom: 0px;
left: 0px;
padding: 40px 30px 20px 30px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(54%, rgba(0, 0, 0, 0.64)), to(rgba(0, 0, 0, 0.82)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.64) 54%, rgba(0, 0, 0, 0.82) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d1000000', GradientType=0);
}
#news-slider .news-inside .wrapper-1 {
max-width: 1400px;
margin: auto;
}
#news-slider .news-inside p, #news-slider .news-inside p a {
color: white;
font-size: 30px;
font-weight: bold;
font-family: 'Hind', sans-serif;
}
#news-slider .news-inside a.more-link {
padding: 5px 0px;
position: relative;
color: white;
font-family: 'Didact Gothic', sans-serif;
font-size: 20px;
}
#news-slider .news-inside a.more-link::after {
content: '';
position: absolute;
height: 12px;
width: 26px;
background-image: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/img/link-arrow.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
margin: auto;
top: 3px;
left: 105%;
bottom: 0px;
-webkit-transition: all 0.7s;
transition: all 0.7s;
}
#news-slider .news-inside a.more-link:hover::after {
left: 115%;
}
.rsActiveSlide {
z-index: 99;
}
.visibleNearby {
width: calc(100% - 20px);
background: white;
color: #FFF;
}
.visibleNearby .rsGCaption {
font-size: 16px;
line-height: 18px;
padding: 12px 0 16px;
background: #141414;
width: 100%;
position: static;
float: left;
left: auto;
bottom: auto;
text-align: center;
}
.visibleNearby .rsGCaption span {
display: block;
clear: both;
color: #bbb;
font-size: 14px;
line-height: 22px;
}
#news-slider.royalSlider .rsSlide::after {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: rgba(255, 255, 255, 0.7);
top: 0px;
left: 0px;
}
#news-slider.royalSlider .rsActiveSlide.rsSlide::after {
display: none;
} .visibleNearby .rsSlide img {
opacity: 0.45;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.visibleNearby .rsActiveSlide img {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
#news-slider {
margin: 10px;
}
#news-slider, #news-slider .rsOverflow {
height: 600px !important;
}
#news-slider, #news-slider .rsOverflow {
height: 500px !important;
}
#news-slider .swiper-slide{
width: 47%;
}
#news-slider .news-inside{
box-sizing: border-box;
padding-left: 90px;
}
#news-slider .news-inside p{
line-height: 30px;
margin-bottom: 20px;
} @media screen and (min-width: 0px) and (max-width: 918px) {
#news-slider, #news-slider .rsOverflow {
height: 400px !important;
}
#news-slider .swiper-slide{
width: 100%;
}
}
@media (max-width: 688px) {
#news-slider .news-inside p, #news-slider .news-inside p a {
font-size: 20px;
line-height: 20px;
}
}
@media screen and (min-width: 0px) and (max-width: 500px) {
#news-slider .news-inside p, #news-slider .news-inside p a {
font-size: 16px;
}
#news-slider, #news-slider .rsOverflow {
height: 400px !important;
}
} .navigation-fixed-wrapper.fixed .navigation {
background-color: rgba(39, 73, 92, 0.95);
}
.navigation-fixed-wrapper {
position: fixed;
z-index: 999999;
}
.navigation-fixed-wrapper.fixed {
top: 0px !important;
}
.nav-wrapper {
max-width: 1400px;
margin: auto;
padding: 0px 30px;
position: relative;
height: 93px;
}
.nav-header {
margin-top: 20px;
}
.nav-menu {
margin-top: 5px;
margin-right: 25px;
}
.navigation {
font-family: 'Hind', sans-serif;
}
.nav-menu a {
position: relative;
}
.nav-menus-wrapper-extra .nav-menu>li:hover>a::after, .nav-menus-wrapper-extra .nav-menu>li.active>a::after, .nav-menus-wrapper-extra .nav-menu>li.focus>a::after {
content: '';
position: absolute;
height: 5px;
width: 5px;
background: white;
border-radius: 50px;
bottom: 8px;
margin: auto;
left: 0px;
right: 0px;
}
.nav-menus-wrapper-extra .nav-menu>li>a {
white-space: nowrap;
}
.nav-menus-wrapper-extra .menu-item-has-children>a {
padding-right: 20px;
}
.nav-menus-wrapper-extra .submenu-indicator {
margin-top: 12px;
position: absolute;
right: 5px;
}
.nav-menus-wrapper-extra .nav-dropdown>li>a {
font-size: 20px;
}
.nav-menus-wrapper-extra .nav-dropdown>li {
border-bottom: 1px solid #e3e3e3;
}
.nav-menus-wrapper-extra .nav-dropdown>li:last-child {
border-bottom: none;
}
.nav-toggle {
display: block;
}
.navigation-fixed-placeholder.visible {
position: fixed;
top: 30px;
}
.nav-menus-wrapper-extra {
margin-right: 30px;
}
.navigation-portrait .submenu-indicator {
top: 8px;
background-color: #45697e;
border-radius: 50px;
}
.navigation-portrait .nav-menu>li>a {
font-size: 22px;
font-weight: bold;
}
.navigation-portrait .nav-menu>li {
position: relative;
}
.navigation-portrait .nav-menu>li::before {
content: '';
position: absolute;
height: 5px;
width: 5px;
margin: auto;
background: rgba(0, 182, 182, 0.5);
top: 3px;
bottom: 0px;
left: 5px;
border-radius: 10px;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.navigation-portrait .nav-menu>li.active>a, .navigation-portrait .nav-menu>li.focus>a {
color: #0ff;
}
.navigation-portrait .nav-menu>li:hover::before {
width: 15px;
}
.navigation-portrait .nav-menu>li.active::before {
width: 15px;
background: #0ff;
}
.navigation-portrait .nav-menu>li.focus::before {
display: none;
}
.navigation-portrait .nav-dropdown>li>a {
background-color: rgba(39, 73, 92, 0);
font-size: 18px;
color: #c9c9c9;
}
.navigation-portrait .nav-dropdown>li>a:hover {
color: rgba(0, 182, 182, 1.000);
}
.navigation-portrait .nav-dropdown>li>a {
padding: 12px 20px 12px 50px;
}
.navigation-portrait .nav-dropdown>li.active>a {
color: rgba(0, 182, 182, 1.000);
}
.navigation-portrait .nav-menu>li>.nav-dropdown {
border-top: none;
}
.navigation-portrait .nav-menus-wrapper {
width: 100%;
background-color: transparent;
}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
right: 0%;
top: -100%;
-webkit-transition: top 0.5s;
transition: top 0.5s;
}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
top: 0px;
}
.navigation-portrait .nav-menu>li {
border-top: none;
}
.navigation-portrait .nav-menu>li:last-child {
border-bottom: none;
margin-bottom: 100px;
}
.navigation-portrait .nav-menu {
max-width: 500px;
margin: auto;
margin-top: 150px;
}
.nav-menus-wrapper-close-button {
width: 50px;
height: 50px;
text-align: center;
font-size: 37px;
background: #00b6b6;
margin: 0px;
color: white;
border-bottom-left-radius: 30px;
padding-left: 5px;
line-height: 49px;
}
.nav-menus-wrapper-close-button-cover {
width: 50px;
height: 50px;
text-align: center;
font-size: 37px;
background: red;
margin: 0px;
color: white;
float: right;
display: block;
position: absolute;
top: 0px;
right: 0px;
opacity: 0;
}
.nav-toggle-cover {
right: 25px;
width: 30px;
height: 30px;
padding: 6px 2px 0;
position: absolute;
top: 50%;
margin-top: -14px;
background-color: red;
opacity: 0;
}
.shape-overlays {
width: 100vw;
height: 100vh;
pointer-events: none;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}
.shape-overlays path:nth-of-type(1) {
fill: #00b6b6;
}
.shape-overlays path:nth-of-type(2) {
fill: #caf3f3;
}
.shape-overlays path:nth-of-type(3) {
fill: #27495c;
}
.navigation-portrait.hide {
opacity: 0;
} .nav-dropdown.nav-submenu .submenu-indicator-chevron{
border-color: transparent rgba(0, 182, 182, 1.000) rgba(0, 182, 182, 1.000) transparent;
}
.nav-menus-wrapper-extra .nav-dropdown.nav-submenu .submenu-indicator{
right: 15px;
}
.navigation-portrait .nav-dropdown > li > ul > li > a{
padding-left: 70px;
}
.nav-dropdown > li > ul > li{
width: 200px;
}
.navigation-portrait .nav-dropdown > li > ul > li{
width: auto;
} @media (max-width: 1130px) {
.nav-menus-wrapper-extra .nav-menu>li>a, .nav-menus-wrapper-extra .nav-dropdown>li>a {
font-size: 17px;
}
.nav-menus-wrapper-extra .submenu-indicator {
margin-top: 9px;
}
}
@media (max-width: 792px) {
.navigation-portrait .nav-menu {
max-width: 300px;
}
.navigation-portrait .nav-menu>li>a {
font-size: 16px;
}
.navigation-portrait .submenu-indicator {
width: 30px;
height: 34px;
}
.navigation-portrait .submenu-indicator-chevron {
left: 12px;
top: 13px;
}
.navigation-portrait .nav-dropdown>li>a {
font-size: 15px;
}
.navigation-portrait .nav-menu>li:hover::before {
width: 5px;
}
} .nav-top-section {
height: 40px;
background-color: #27495C;
width: 100%;
}
.nav-top-section.fixed {
position: fixed;
top: -50px;
}
.nav-toggle {
right: 25px;
}
.nav-top-section .wrapper-1 {
max-width: 1400px;
margin: auto;
padding: 0px 45px;
}
.nav-top-section .links, .nav-top-section .block-links {
position: relative;
color: white;
padding-top: 1px;
padding: 1px 6px 0px 6px;
line-height: 40px;
}
.nav-top-section .links span {
position: relative;
}
.nav-top-section .block-links:hover {
background-color: rgba(0, 182, 182, 1.000);
}
.nav-top-section .links::before {
content: '';
position: absolute;
height: 5px;
width: 0px;
background: rgba(0, 182, 182, 1.000);
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
opacity: 0.6;
-webkit-transition: all 0.5s;
transition: all 0.5s;
border-radius: 5px;
}
.nav-top-section .links:hover::before {
width: 100%;
}
.sa-xxs {
font-size: .25em;
vertical-align: 0.25em;
}
@media (min-width: 1036px){
.nav-toggle{
display: none;
}
.nav-menus-wrapper-extra{
margin-right: 10px;
}
}
@media(max-width: 548px) {
.nav-top-section .links, .nav-top-section .block-links {
font-size: 15px;
}
}
@media(max-width: 410px) {
.nav-top-section .level-right .links:nth-child(1), .nav-top-section .level-right>span {
display: none;
}
.nav-top-section .wrapper-1 {
padding: 0px 25px;
}
} #curveUpColor {
position: absolute;
top: -99px;
fill: white;
}
.home-about-section {
position: relative;
background-image: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/img/BCD-555psed1.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 0px;
}
.home-about-section::before {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), color-stop(10%, rgba(255, 255, 255, 0.93)), color-stop(12%, rgba(255, 255, 255, 0.93)), to(rgba(255, 255, 255, 0.93)));
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.93) 10%, rgba(255, 255, 255, 0.93) 12%, rgba(255, 255, 255, 0.93) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#edffffff', GradientType=0);
top: 0px;
left: 0px;
}
.home-about-section .container.is-fullhd {
padding: 150px 0px;
overflow: hidden;
}
.home-about-section .column {
position: relative;
}
.home-about-section .is-three-fifths, .home-about-section img {
position: relative;
} .home-about-section .is-pulled-right {
max-width: 390px;
margin-top: 150px;
margin-right: 20px;
margin-left: 20px;
}
.home-about-section .is-pulled-right h2 {
color: #2C4659;
margin-bottom: 5px;
}
.home-about-section .is-pulled-right p {
font-family: 'Hind', sans-serif;
color: rgba(0, 182, 182, 1.000);
font-size: 26px;
line-height: 1.7em;
}
.home-about-section .scenebg {
position: absolute;
height: 100%;
width: 100%;
left: 0%;
}
.home-about-section .about-scene-wrapper {
position: absolute;
height: 50%;
width: 50%;
left: 25%;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
.home-about-section .scenebg path {
fill: #2C4659;
opacity: 0.1;
}
@media(max-width: 768px) {
.home-about-section .container.is-fullhd {
padding-top: 10px;
padding-bottom: 0px;
}
.home-about-section .is-pulled-right {
max-width: 100%;
margin-top: 50px;
margin-right: 30px;
margin-left: 30px;
margin-bottom: 50px;
}
.home-about-section .is-three-fifths {
padding: 0px;
}
.home-about-section .is-pulled-right p {
line-height: 1.2em;
}
.home-about-section .about-scene-wrapper {
height: 70%;
}
} .home-panels, .home-panels .container {
padding: 0px;
margin: 0px;
}
.home-panels .is-one-quarter {
position: relative;
}
.home-panels .is-one-quarter.panel-1 {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.home-panels .is-one-quarter.panel-2 {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.home-panels .is-one-quarter.panel-3 {
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;
}
.home-panels .is-one-quarter a {
display: block;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
-webkit-transition: all 0.8s;
transition: all 0.8s;
padding: 200px 30px;
}
.home-panels .is-one-quarter img {
height: 70px;
width: auto;
margin-bottom: 20px;
}
.home-panels .is-one-quarter h3 {
margin-bottom: 10px;
color: white;
}
.home-panels .is-one-quarter p {
color: white;
}
.home-panels .is-one-quarter.panel-3 h3 {
color: #27495c;
}
.home-panels .is-one-quarter.panel-3 p {
color: #27495c;
}
.home-panels .is-one-quarter.panel-1 a {
background: rgba(0, 182, 182, 1.000);
}
.home-panels .is-one-quarter.panel-2 a {
background: #2C4659;
}
.home-panels .is-one-quarter.panel-3 a {
background: #B9E1FF;
}
.home-panels .is-one-quarter.panel-4 a {
background: #626262;
}
.home-panels .is-one-quarter.panel-1 a:hover {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 182, 182, 0.76)), to(rgba(44, 70, 89, 0.95)));
background: linear-gradient(to bottom, rgba(0, 182, 182, 0.76) 0%, rgba(44, 70, 89, 0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c200b6b6', endColorstr='#f22c4659', GradientType=0);
}
.home-panels .is-one-quarter.touch-enabled.panel-1 a[data-emergence=visible] {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 182, 182, 0.76)), to(rgba(44, 70, 89, 0.95)));
background: linear-gradient(to bottom, rgba(0, 182, 182, 0.76) 0%, rgba(44, 70, 89, 0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c200b6b6', endColorstr='#f22c4659', GradientType=0);
}
.home-panels .is-one-quarter.panel-2 a:hover {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(185, 225, 255, 0.39)), color-stop(54%, rgba(44, 70, 89, 0.82)), to(rgba(44, 70, 89, 0.95)));
background: linear-gradient(to bottom, rgba(185, 225, 255, 0.39) 0%, rgba(44, 70, 89, 0.82) 54%, rgba(44, 70, 89, 0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b9e1ff', endColorstr='#f22c4659', GradientType=0);
}
.home-panels .is-one-quarter.touch-enabled.panel-2 a[data-emergence=visible] {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(185, 225, 255, 0.39)), color-stop(54%, rgba(44, 70, 89, 0.82)), to(rgba(44, 70, 89, 0.95)));
background: linear-gradient(to bottom, rgba(185, 225, 255, 0.39) 0%, rgba(44, 70, 89, 0.82) 54%, rgba(44, 70, 89, 0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b9e1ff', endColorstr='#f22c4659', GradientType=0);
}
.home-panels .is-one-quarter.panel-3 a:hover {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(44, 70, 89, 0.95)), color-stop(4%, rgba(44, 70, 89, 0.85)), color-stop(5%, rgba(48, 74, 94, 0.82)), color-stop(40%, rgba(185, 225, 255, 0.73)), to(rgba(185, 225, 255, 0.52)));
background: linear-gradient(to bottom, rgba(44, 70, 89, 0.95) 0%, rgba(44, 70, 89, 0.85) 4%, rgba(48, 74, 94, 0.82) 5%, rgba(185, 225, 255, 0.73) 40%, rgba(185, 225, 255, 0.52) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f22c4659', endColorstr='#38b9e1ff', GradientType=0);
}
.home-panels .is-one-quarter.touch-enabled.panel-3 a[data-emergence=visible] {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(44, 70, 89, 0.95)), color-stop(4%, rgba(44, 70, 89, 0.85)), color-stop(5%, rgba(48, 74, 94, 0.82)), color-stop(40%, rgba(185, 225, 255, 0.73)), to(rgba(185, 225, 255, 0.52)));
background: linear-gradient(to bottom, rgba(44, 70, 89, 0.95) 0%, rgba(44, 70, 89, 0.85) 4%, rgba(48, 74, 94, 0.82) 5%, rgba(185, 225, 255, 0.73) 40%, rgba(185, 225, 255, 0.52) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f22c4659', endColorstr='#38b9e1ff', GradientType=0);
}
.home-panels .is-one-quarter.panel-4 a:hover {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 182, 182, 0.48)), color-stop(71%, rgba(97, 99, 99, 0.53)), color-stop(72%, rgba(98, 98, 98, 0.54)), to(rgba(98, 98, 98, 0.95)));
background: linear-gradient(to bottom, rgba(0, 182, 182, 0.48) 0%, rgba(97, 99, 99, 0.53) 71%, rgba(98, 98, 98, 0.54) 72%, rgba(98, 98, 98, 0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a00b6b6', endColorstr='#f2626262', GradientType=0);
}
.home-panels .is-one-quarter.touch-enabled.panel-4 a[data-emergence=visible] {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 182, 182, 0.48)), color-stop(71%, rgba(97, 99, 99, 0.53)), color-stop(72%, rgba(98, 98, 98, 0.54)), to(rgba(98, 98, 98, 0.95)));
background: linear-gradient(to bottom, rgba(0, 182, 182, 0.48) 0%, rgba(97, 99, 99, 0.53) 71%, rgba(98, 98, 98, 0.54) 72%, rgba(98, 98, 98, 0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a00b6b6', endColorstr='#f2626262', GradientType=0);
} .panel-arrow {
position: relative;
display: block;
font-weight: bold;
text-decoration: none;
background-color: white;
height: 3px;
width: 95px;
margin: auto;
margin-top: 40px;
border-radius: 2px;
-webkit-transition: all 1s;
transition: all 1s;
}
.home-panels .is-one-quarter a:hover .panel-arrow {
width: 135px;
}
.panel-arrow:before, .panel-arrow:after {
width: 3px;
content: '';
display: block;
height: 30px;
margin-top: -25px;
position: absolute;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
right: 7px;
top: 50%;
background-color: white;
border-radius: 3px;
}
.panel-arrow:after {
margin-top: -5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.home-panels .is-one-quarter.panel-3 .panel-arrow, .home-panels .is-one-quarter.panel-3 .panel-arrow:before, .home-panels .is-one-quarter.panel-3 .panel-arrow:after {
background-color: #27495c;
}
.line-drawing {
width: 60px;
margin: auto;
margin-bottom: 30px;
}
@media(max-width: 1166px) {
.home-panels .is-one-quarter {
width: 50%;
}
}
@media(max-width: 768px) {
.home-panels .is-one-quarter {
width: 100%;
}
} .overlap-heading {
position: relative;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 300px 30px 350px;
}
.overlap-heading::before {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: rgba(0, 182, 182, 0.7);
top: 0px;
left: 0px;
}
.overlap-heading h1 {
position: relative;
color: white;
}
@media(max-width: 868px) {
.overlap-heading h1.title {
font-size: 40px;
}
} .whatwedo-4-points {
position: relative;
background: #f7f7f7;
}
.whatwedo-4-points .columns {
max-width: 1300px;
margin: auto;
margin-top: -300px;
position: relative;
}
@media(max-width: 1418px) {
.whatwedo-4-points .columns {
max-width: 1100px;
}
}
.whatwedo-4-points .columns .column .wrapper-1 {
background-color: white;
padding: 50px 30px;
border-radius: 5px;
border: 1px solid #00b6b6;
}
.whatwedo-4-points .columns .column .wrapper-1 img {
height: 60px;
width: auto;
margin-bottom: 10px;
}
.whatwedo-4-points .columns .column .wrapper-1 .title {
color: #27495c;
margin-bottom: 10px;
min-height: 54px;
} .whatwedo-main-1 {
position: relative;
padding-left: 0px;
padding-top: 0px;
overflow: hidden;
z-index: 2;
}
.whatwedo-main-1::before {
content: '';
position: absolute;
height: 300px;
width: 120%;
top: -90px;
left: 0px;
background: #f7f7f7;
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
.whatwedo-main-1 .container.is-fluid {
margin-left: 0px;
max-width: 1700px;
margin: auto;
}
.cruve-img {
position: absolute;
width: 90%;
height: 80%;
background-image: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/img/what-we-do-consult.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-bottom-right-radius: 250px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.whatwedo-main-1 .container.is-fluid .text-wrapper {
max-width: 700px;
margin-top: 160px;
margin-bottom: 150px;
position: relative;
}
.whatwedo-main-1 .text-wrapper P {
font-size: 23px;
} .bg-circle {
position: absolute;
width: 600px;
height: 600px;
background: rgba(0, 182, 182, 0.36);
bottom: -100px;
left: 120px;
border-radius: 50%;
-webkit-transition: all 1s;
transition: all 1s;
}
@media(max-width: 768px) {
.cruve-img {
position: relative;
height: 300px;
}
.bg-circle {
bottom: 650px;
}
}
.bg-circle.rotate {
-webkit-transform: rotate(96deg);
transform: rotate(96deg);
}
@media(min-width: 1720px) {
.bg-circle span {
position: absolute;
height: 150px;
width: 150px;
right: 20px;
background: #00b6b6;
border-radius: 50%;
}
} .whatwedo-main-1 .circle-title-s {
position: relative;
color: #27495c;
max-width: 600px;
margin: auto;
padding-left: 50px;
margin-bottom: 50px;
}
@media(max-width: 1719px) {
.circle-title-s::before {
content: '';
position: absolute;
height: 150px;
width: 150px;
background: #00b6b6;
top: -35px;
left: 0px;
border-radius: 50%;
}
}
@media(max-width: 712px) {
.whatwedo-main-1 .circle-title-s.title {
margin-left: 40px;
margin-bottom: 0px !important;
}
}
.whatwedo-main-1 .container.regular .text-wrapper {
max-width: 1200px;
margin: auto;
padding: 30px;
}
@media(max-width: 768px) {
.whatwedo-main-1 .container.is-fluid .text-wrapper {
padding: 30px;
margin-top: 0px;
margin-bottom: 50px;
}
.whatwedo-main-1 .container.regular .text-wrapper p, .whatwedo-main-1 .text-wrapper P {
font-size: 18px;
}
.whatwedo-main-1 .circle-title-s.title {
font-size: 23px;
padding-left: 30px;
margin-bottom: 30px;
}
.circle-title-s::before {
width: 80px;
height: 80px;
}
} .whatwedo-main-2 .graph-circle-care-small {
display: none;
}
.whatwedo-main-2 .graph-circle-care, .whatwedo-main-2 .graph-circle-care-small {
position: relative;
}
.whatwedo-main-2 .graph-circle-care img, .whatwedo-main-2 .graph-circle-care-small img {
max-width: 800px;
margin: auto;
position: relative;
width: 100%;
height: auto;
}
.whatwedo-main-2 .graph-circle-care svg {
position: absolute;
height: 250px;
margin: auto;
top: -70px;
left: 19px;
right: 0px;
bottom: 0px;
opacity: 0;
-webkit-transition: opacity 1s;
transition: opacity 1s;
}
.whatwedo-main-2 .graph-circle-care.visi svg {
opacity: 1;
}
.whatwedo-main-2 .wrapper-1 {
text-align: center;
position: relative;
}
.bg-wave-ripple {
position: absolute;
width: 150%;
left: -25%;
top: 50px;
height: 80%;
-webkit-transform: rotate(-220deg);
transform: rotate(-220deg);
}
.whatwedo-main-2 .wrapper-1 .bg-wave-ripple .scenebg {
width: 100%;
height: 100%;
}
.whatwedo-main-2 .wrapper-1 .scenebg path {
fill: #F8F8F8;
}
.whatwedo-main-2 .wrapper-1 .note {
max-width: 800px;
font-size: 18px;
color: #27495c;
margin: auto;
position: relative;
padding: 0px 30px;
}
.whatwedo-main-2 .wrapper-2 {
position: relative;
}
.whatwedo-main-2 .wrapper-2 .text-wrapper {
max-width: 1200px;
margin: auto;
padding: 30px;
margin-bottom: 150px;
}
.whatwedo-main-2 .wrapper-2 .text-wrapper P {
font-size: 23px;
margin-top: 20px;
}
@media(max-width: 768px) {
.whatwedo-main-2 .wrapper-2 .text-wrapper P {
font-size: 18px;
}
.whatwedo-main-2 .wrapper-2 .text-wrapper {
margin-bottom: 50px;
}
}
@media(max-width: 622px) {
.whatwedo-main-2 .graph-circle-care-small {
display: block;
}
.whatwedo-main-2 .graph-circle-care {
display: none;
}
} .wave-heading {
position: relative;
}
.overlap-heading-standard {
position: relative;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 300px 30px 250px;
}
.overlap-heading-standard::before {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.3);
top: 0px;
left: 0px;
}
.overlap-heading-standard h1 {
position: relative;
color: white;
}
@media(max-width: 868px) {
.overlap-heading-standard h1.title {
font-size: 40px;
}
}
@media(max-width: 500px) {
.overlap-heading-standard h1.title {
font-size: 30px;
}
} .side-visual-promo {
position: relative;
padding: 30px 0px 0px 30px;
}
.side-visual-promo a {
position: relative;
display: block;
width: 100%;
background-image: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/img/visual-promo-side.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
min-height: 470px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.side-visual-promo::before {
content: '';
position: absolute;
height: calc(100% - 30px);
width: calc(100% - 30px);
top: 0px;
left: 0px;
background-image: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/img/wave-re-bg.png);
background-repeat: repeat;
background-size: 350px;
}
.side-visual-promo .text {
position: absolute;
bottom: 0px;
left: 0px;
background: rgba(0, 182, 182, 0.8);
padding: 20px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
width: 100%;
}
.side-visual-promo a:hover .text {
padding-top: 30px;
}
.side-visual-promo .text .title {
font-weight: bold;
margin-bottom: 10px;
}
.side-visual-promo .text p {
font-size: 18px;
color: white;
}
.side-visual-promo img {
position: absolute;
width: 100%;
bottom: 100%;
left: 0px;
} .side-link {
margin-top: 40px;
padding: 30px;
}
.side-link a {
position: relative;
display: block;
font-family: 'Hind', sans-serif;
font-weight: bold;
font-size: 23px;
color: #2C4659;
margin-bottom: 4px;
border-bottom: none;
text-decoration: none;
}
.side-link a::before {
content: '';
position: absolute;
height: 7px;
width: 7px;
background: #00b6b6;
margin: auto;
top: 0px;
bottom: 0px;
left: -15px;
border-radius: 7px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.side-link a:hover::before {
width: 10px;
}
.side-link ul.sub-menu {
padding-left: 20px;
}
.side-link ul.sub-menu a {
font-size: 18px;
color: #546775;
} .donate-side {
padding: 10px;
}
.donate-side a {
margin: auto;
padding: 20px 20px;
display: block;
position: relative;
font-family: 'Hind', sans-serif;
font-weight: bold;
font-size: 30px;
border-radius: 50px;
text-align: center;
color: white;
width: 100%;
max-width: 320px;
background-image: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/img/donate-btn-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.donate-side a span {
position: relative;
display: inline-block;
padding-left: 50px;
}
.donate-side a span::before {
content: '';
position: absolute;
height: 46px;
width: 37px;
top: 0px;
left: 0px;
background-image: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/img/donate-icon.png);
background-position: center;
background-size: 37px 46px;
background-repeat: no-repeat;
}
.donate-side p {
text-align: center;
margin-top: 20px;
} @-webkit-keyframes hvr-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
@keyframes hvr-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
.hvr-ripple-out:before {
content: '';
position: absolute;
border: #2b4558 solid 6px;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 50px;
-webkit-animation-duration: 1s;
animation-duration: 1s;
z-index: -1;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
-webkit-animation-name: hvr-ripple-out;
animation-name: hvr-ripple-out;
}
@media(max-width: 1023px) {
.sidebar {
margin-top: 50px;
}
} .related-content {
padding: 0px;
}
.related-content .level-item {
position: relative;
padding: 150px 30px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 0px;
}
.related-content .level-item::before {
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
background: linear-gradient(45deg, rgba(44, 70, 89, 0.9) 0%, rgba(0, 182, 182, 0.81) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e62c4659', endColorstr='#cf00b6b6', GradientType=1);
}
.related-content .level-item.dark::before {
background: rgba(43, 69, 88, 0.81);
}
.related-content .level-item>div {
position: relative;
max-width: 500px;
margin: auto;
}
.related-content .level-item p {
color: white;
}
.related-content .level-item p.excerpt {
font-size: 17px;
}
.related-content .level-item a {
display: inline-block;
margin-top: 30px;
color: white;
border: 1px solid white;
padding: 10px 25px;
border-radius: 50px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
white-space: nowrap;
}
.related-content .level-item a:hover {
background: rgba(255, 255, 255, 0.7);
color: rgba(43, 69, 88, 1.000);
} .overlap-heading-visual {
position: relative;
background-position: center top;
background-size: cover;
background-repeat: no-repeat;
padding: 0px;
margin: 0px;
}
.overlap-heading-visual::before {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0);
top: 0px;
left: 0px;
}
.overlap-heading-visual .container {
margin: 0px;
padding: 0px;
}
.overlap-heading-visual .column {
position: relative;
padding: 200px 50px 300px 30px;
margin-top: 146px;
margin-bottom: 0px;
overflow-x: hidden;
}
.overlap-heading-visual .column .blur-bg {
position: absolute;
height: 100%;
width: 200%;
top: 0px;
left: 0px;
background-image: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/img/stock-photo-retirement-senior-couple-lifestyle-living-concept-473353063.jpg);
background-position: center -146px;
background-size: cover;
background-repeat: no-repeat;
-webkit-filter: blur(8px);
-moz-filter: blur(8px);
-o-filter: blur(8px);
-ms-filter: blur(8px);
filter: blur(8px);
}
.overlap-heading-visual .column .blur-bg-cover {
position: absolute;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
background: linear-gradient(45deg, rgba(0, 182, 182, 0.87) 0%, rgba(44, 70, 89, 0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de00b6b6', endColorstr='#662c4659', GradientType=1);
}
.overlap-heading-visual .column .wrapper-1 {
max-width: 570px;
width: 100%;
padding-right: 30px;
}
.wave-heading.visual-page .wave-top {
top: -188px;
}
.overlap-heading-visual h1, .overlap-heading-visual p {
position: relative;
color: white;
}
.overlap-heading-visual h1::before {
content: '';
position: absolute;
height: 120px;
width: 120px;
background: rgba(43, 69, 88, 0.81);
top: -50px;
left: -50px;
border-radius: 50%;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.overlap-heading-visual h1 span {
position: relative;
}
.overlap-heading-visual p {
margin-top: 30px;
}
@media(max-width: 1361px) {
.overlap-heading-visual .column .wrapper-1 {
margin-left: 50px;
}
}
@media(max-width: 868px) {
.overlap-heading-visual h1.title {
font-size: 40px;
}
}
@media(max-width: 768px) {
.overlap-heading-visual .column .blur-bg {
width: 100%;
}
}
@media(max-width: 568px) {
.overlap-heading-visual h1.title {
font-size: 30px;
}
} .visual-content {
padding-top: 100px;
padding-bottom: 200px;
background-image: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/img/dots-bg.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.visual-content p.styled-p {
font-weight: bold;
color: #2b4558;
} .visual-cta {
padding: 70px 30px;
text-align: center;
position: relative;
background-image: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/img/businessman-with-laptop-calling-on-smartphone-PU5EE6B.jpg);
background-position: left center;
background-size: cover;
background-repeat: no-repeat;
}
.visual-cta .title, .visual-cta .title span {
position: relative;
}
.visual-cta .title::before {
content: '';
position: absolute;
height: 100px;
width: 100px;
background: #00b6b6;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
border-radius: 50%;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05), 0 6px 6px rgba(0, 0, 0, 0.10);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05), 0 6px 6px rgba(0, 0, 0, 0.10);
}
.visual-cta>* {
position: relative;
}
.visual-cta .title {
max-width: 800px;
margin: auto;
color: white;
}
.visual-cta a {
display: inline-block;
color: white;
font-size: 22px;
border: 1px solid white;
padding: 7px 25px;
margin-top: 25px;
border-radius: 50px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.visual-cta a:hover {
background: rgba(255, 255, 255, 0.5);
color: #2b4558;
} .overlap-heading-our-team {
position: relative;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 0px;
padding-top: 134px;
background: #318b96;
margin-bottom: -200px;
}
@media(max-width: 1572px) {
.overlap-heading-our-team {
margin-bottom: -300px;
}
}
@media(max-width: 1234px) {
.overlap-heading-our-team {
margin-bottom: -200px;
}
}
@media(min-width: 1178px) {
.overlap-heading-our-team img {
margin-top: -100px;
}
}
@media(max-width: 1178px) {
.overlap-heading-our-team {
margin-bottom: -100px;
}
}
@media(max-width: 818px) {
.overlap-heading-our-team {
margin-bottom: 0px;
}
}
@media(max-width: 818px) {
.team-page.wave-heading {
display: none;
}
.our-team-content {
padding-top: 80px;
}
}
.our-team-intro h1 {
position: relative;
text-align: center;
font-size: 30px;
color: #2b4558;
font-weight: bold;
font-family: 'Didact Gothic', sans-serif;
margin-bottom: 50px;
}
.our-team-intro h1 span {
position: relative;
}
.our-team-intro h1::before {
content: '';
position: absolute;
width: 100px;
height: 100px;
background: #00b6b6;
border-radius: 50%;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09), 0 6px 6px rgba(0, 0, 0, 0.10);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09), 0 6px 6px rgba(0, 0, 0, 0.10);
}
.our-team-intro p {
text-align: center;
font-size: 21px;
} .our-team-content {
margin-bottom: 80px;
background: white;
position: relative;
}
.our-team-content h2 {
margin-top: 70px;
color: #00b6b6;
}
.team-wrapper {
margin-top: 50px;
}
.team-wrapper .team-member {
position: relative;
display: block;
width: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
min-height: 480px;
overflow: hidden;
max-width: 400px;
margin: auto;
}
.team-wrapper .team-member .team-member-info {
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
background: rgba(0, 179, 179, 0.8);
padding: 20px 20px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.team-wrapper .team-member .team-member-info .title {
position: absolute;
width: 100%;
background: #2b4558;
color: white;
left: 0px;
bottom: -100%;
-webkit-transition: all 0.5s;
transition: all 0.5s;
text-align: center;
font-size: 18px;
padding: 8px 10px 4px;
font-weight: normal;
}
.team-wrapper .team-member:hover .team-member-info {
padding-bottom: 45px;
}
.team-wrapper .team-member:hover .team-member-info .title {
bottom: 0px;
}
.team-wrapper .team-member.even .team-member-info {
background: rgba(43, 69, 88, 0.82);
}
.team-wrapper .team-member.even .team-member-info .title {
background: #00b6b6;
}
.team-wrapper .team-member .team-member-info .memeber-name {
font-family: 'Hind', sans-serif;
font-weight: bold;
color: white;
font-size: 23px;
}
.team-wrapper .team-member .team-member-info .memeber-name span {
font-family: 'Didact Gothic', sans-serif;
font-size: 18px;
font-weight: normal;
}
.team-wrapper .team-member .team-member-info .memeber-position {
color: white;
}
.team-wrapper .team-member .team-member-info img {
position: absolute;
width: 100%;
bottom: 100%;
left: 0px;
} .overlap-heading-member-info {
position: relative;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 250px 30px 200px;
}
.overlap-heading-member-info::before {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: rgba(43, 69, 88, 0.84);
top: 0px;
left: 0px;
}
.overlap-heading-member-info h1 {
position: relative;
color: white;
margin-top: 20px;
margin-bottom: 0px !important;
}
.overlap-heading-member-info .prev-link a {
color: white;
font-size: 20px;
}
.overlap-heading-member-info .position-title {
color: white;
font-size: 25px;
}
.member-single-content {
position: relative;
overflow: hidden; }
.member-single-content .bg-wave-ripple {
top: 350px;
height: 500px;
}
.member-single-content .bg-wave-ripple .scenebg {
width: 100%;
height: 100%;
}
.member-single-content .scenebg path {
fill: #F8F8F8;
}
.member-single-content .bio-img-wrapper {
position: relative;
padding-top: 50px;
}
.member-single-content .bio-img-wrapper::after {
content: '';
position: absolute;
height: 100px;
width: 100px;
background: rgba(0, 182, 182, 0.80);
border-radius: 50%;
top: 0px;
left: -50px;
}
.member-single-content .bio-img-wrapper img {
border-bottom-right-radius: 200px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.member-single-content h2 {
color: #2b4558;
font-weight: bold;
margin-bottom: 5px !important;
}
.member-single-content p.bio-title {
margin-bottom: 0px;
color: #2bbdbd;
}
.member-single-content p.bio-position {
color: #2b4558;
margin-bottom: 50px;
}
.bio.related-content .level-item::before {
opacity: 0.8;
}
@media(max-width: 1023px) {
.bio-img-wrapper {
max-width: 500px;
margin: auto;
margin-bottom: 50px;
}
.member-single-content .bio-img-wrapper img {
border-bottom-right-radius: 100px;
}
}
@media(max-width: 868px) {
.overlap-heading-member-info h1.title {
font-size: 40px;
}
.overlap-heading-member-info .container {
padding: 0px !important;
}
}
@media(max-width: 619px) {
.member-single-content .bio-img-wrapper {
margin-left: 30px;
margin-right: 30px;
}
} .related-content.contact {
position: relative;
}
.related-content.contact::before {
content: '';
position: absolute;
height: 250px;
width: 250px;
border-radius: 50%;
background: #2bbdbd;
margin: auto;
bottom: -90px;
left: 0px;
right: 0px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05), 0 6px 6px rgba(0, 0, 0, 0.13);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05), 0 6px 6px rgba(0, 0, 0, 0.13);
}
.related-content.contact a {
border: none;
margin-top: 0px;
} .related-content.contact a:hover .panel-arrow {
width: 150px;
} .contact-content {
margin-top: 200px;
margin-bottom: 0px;
}
.contact-content .column {
border-right: 1px solid #EAEAEA;
}
.contact-content .column:last-child {
border-right: none;
border-bottom: none;
}
.contact-content h3 {
color: #2b4558;
}
.line-list, .contact-content ul {
margin-top: 30px;
}
.line-list li {
position: relative;
margin-bottom: 20px;
padding-left: 10px;
border-left: 2px solid #2bbdbd;
}
.contact-content .color-green {
color: #2bbdbd;
font-weight: bold;
}
.contact-content .normal-link {
font-weight: bold;
color: #707070;
} .section.contact-form {
position: relative;
overflow: hidden;
padding-top: 200px;
background: rgb(248, 248, 248);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(248, 248, 248, 1)), to(rgba(255, 255, 255, 1)));
background: linear-gradient(0deg, rgba(248, 248, 248, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.contact-form-intro h2 {
position: relative;
text-align: center;
font-size: 30px;
color: #00b6b6;
font-weight: bold;
font-family: 'Didact Gothic', sans-serif;
margin-bottom: 50px;
}
.contact-form-intro h2 span {
position: relative;
}
.contact-form-intro h2::before {
content: '';
position: absolute;
width: 100px;
height: 100px;
background: #2b4558;
border-radius: 50%;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09), 0 6px 6px rgba(0, 0, 0, 0.10);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09), 0 6px 6px rgba(0, 0, 0, 0.10);
}
.contact-form-intro p {
text-align: center;
font-size: 21px;
}
.section.contact-form .bg-wave-ripple {
top: 650px;
height: 250px;
width: 70%;
left: 35%;
max-width: 1200px;
}
.section.contact-form .scenebg path {
fill: #F8F8F8;
}
.nf-form-fields-required {
display: none;
}
.contact-form-wrapper {
margin-top: 100px;
margin-bottom: 100px;
}
.contact-form-wrapper .submit-wrap {
text-align: center;
}
.contact-form-wrapper .submit-wrap input {
font-size: 20px;
font-family: 'Didact Gothic', sans-serif;
color: #2bbdbd;
border: 1px solid #2bbdbd;
padding: 8px 18px;
background: transparent;
border-radius: 50px;
cursor: pointer;
}
.submit-wrap input {
font-size: 20px;
font-family: 'Didact Gothic', sans-serif;
color: #2bbdbd;
border: 1px solid #2bbdbd;
padding: 8px 18px;
background: transparent;
border-radius: 50px;
cursor: pointer;
}
.nf-error-field-errors {
text-align: center;
}
@media(max-width: 1404px) {
.section.contact-form .bg-wave-ripple {
top: 500px;
}
}
@media(max-width: 1132px) {
.section.contact-form .bg-wave-ripple {
top: 350px;
}
}
@media(max-width: 868px) {
.section.contact-form .bg-wave-ripple {
top: 250px;
}
}
@media(max-width: 654px) {
.section.contact-form .bg-wave-ripple {
top: 150px;
}
}
@media(max-width: 530px) {
.section.contact-form .nf-form-cont .one-third {
width: 100%;
margin: 0px;
margin-bottom: 5px;
}
}
@media(max-width: 506px) {
.section.contact-form .bg-wave-ripple {
top: 100px;
}
}
@media(max-width: 400px) {
.section.contact-form {
padding-top: 100px;
}
.section.contact-form .bg-wave-ripple {
top: 0px;
}
} .contact-photo img {
display: block;
width: 100%;
height: auto;
} .visual-promo {
margin: 0px;
padding-top: 50px;
background-image: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/img/wave-re-bg.png);
background-repeat: repeat;
background-size: 350px;
}
.visual-promo .container {
margin: 0px;
background-image: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/img/stock-photo-retirement-senior-couple-lifestyle-living-concept-473353063.jpg);
background-position: center 30%;
background-size: cover;
background-repeat: no-repeat;
}
.visual-promo .container .is-two-fifths {
position: relative;
padding: 150px 30px;
background: linear-gradient(45deg, rgba(0, 91, 91, 0.81) 0%, rgba(0, 182, 182, 0.81) 26%, rgba(0, 182, 182, 0.81) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf005b5b', endColorstr='#cf00b6b6', GradientType=1);
}
.visual-promo .container .is-two-fifths::before {
content: '';
position: absolute;
height: 100%;
width: 250px;
top: 0px;
right: -250px;
background-image: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/img/side-wave-deco.png);
background-position: center center;
background-size: auto 100%;
background-repeat: no-repeat;
opacity: 0.87;
}
.visual-promo .container .is-two-fifths div {
max-width: 400px;
margin: auto;
}
.visual-promo .container .is-two-fifths div p {
font-size: 25px;
}
.visual-promo .container .is-two-fifths div a {
font-size: 20px;
margin-top: 30px;
} .side-search {
margin-bottom: 30px;
}
.searchform_sidebar_wrapper {
position: relative;
padding-right: 50px;
}
.searchform_sidebar_wrapper .input {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.searchform_sidebar #searchsubmit {
position: absolute;
right: 0px;
top: 0px;
height: 100%;
width: 50px;
font-size: 23px;
color: white;
background: #2bbdbd;
border: none;
cursor: pointer;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.searchform_sidebar #searchsubmit:hover {
background: #27495c;
} .tag-cloud-link {
padding: 3px 9px;
margin: 5px;
border-radius: 5px;
color: #5d5d5d;
background-color: #dadada;
white-space: nowrap;
}
.tag-cloud-link:hover {
background-color: #2bbdbd;
color: white;
} .endocrine-links {
margin-bottom: 50px;
}
.endocrine-links a {
display: block;
text-decoration: none;
font-size: 23px;
font-weight: bold;
padding-left: 15px;
border-left: 3px solid #27495c;
margin-bottom: 10px;
}
.endocrine-links a.active {
color: #27495c;
border-left: 3px solid #2bbdbd;
} .post-entry {
margin-bottom: 120px;
}
.post-entry h2 {
position: relative;
margin-bottom: 0px;
}
.post-entry h2 a {
font-family: 'Hind', sans-serif;
color: #27495c;
position: relative;
font-weight: bold;
font-size: 35px;
}
.post-entry h2::before {
content: '';
position: absolute;
height: 70px;
width: 70px;
background: #2bbdbd;
top: -30px;
left: -30px;
border-radius: 50px;
}
.post-entry-cats {
margin-bottom: 5px !important;
line-height: 0.9em;
}
.post-entry-cats a, .post-entry-author a {
font-size: 18px;
color: #2bbdbd;
text-decoration: none !important;
font-weight: bold;
}
.post-entry-cats a:hover, .post-entry-author a:hover {
text-decoration: underline !important;
}
.post-entry-author {
font-size: 18px !important;
color: #27495c;
}
.post-entry .button {
margin-top: 20px;
border-radius: 50px;
border: 1px solid #2bbdbd;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.post-entry .button:hover {
background: #2bbdbd;
color: white;
}
.post-entry .entry-img {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom: -50px;
position: relative;
border-top-right-radius: 50px;
}
.post-entry .entry-img::after {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: rgb(255, 255, 255);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 1)), color-stop(10%, rgba(255, 255, 255, 0.695098107602416)), color-stop(25%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.695098107602416) 10%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 100%);
top: 0px;
left: 0px;
}
.pagination-link.is-current {
background-color: #2bbdbd;
border-color: #2bbdbd;
} .handouts-cat-link {
position: relative;
display: block;
margin-bottom: 30px;
text-align: center;
color: white !important;
text-decoration: none !important;
font-weight: bold;
background-image: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/img/office.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
font-size: 40px;
padding: 100px 20px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
border-radius: 10px;
overflow: hidden;
}
.handouts-cat-link span {
position: relative;
display: block;
line-height: 40px;
}
.handouts-cat-link span::before {
content: '';
position: absolute;
height: 4px;
width: 50px;
background: #2bbdbd;
margin: auto;
top: -5px;
left: 0px;
right: 0px;
border-radius: 5px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.handouts-cat-link span::after {
content: '';
position: absolute;
height: 4px;
width: 50px;
background: #2bbdbd;
margin: auto;
bottom: -16px;
left: 0px;
right: 0px;
border-radius: 5px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.handouts-cat-link::before {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: #27495c;
top: 0px;
left: 0px;
opacity: 0.7;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.handouts-cat-link:hover span::after, .handouts-cat-link:hover span::before {
width: 150px;
}
.handouts-cat-link:hover::before {
opacity: 0.9;
}
.handouts-cat-link-wrapper .handouts-cat-link:nth-child(even)::before {
background: #1fb3b8;
}
.handouts-cat-link-wrapper .handouts-cat-link:nth-child(even) span::before, .handouts-cat-link-wrapper .handouts-cat-link:nth-child(even) span::after {
background: #27495c;
}
.sort-options span, .sort-options a {
font-size: 1rem;
}
.sort-options a {
padding-top: 5px;
padding-bottom: 5px;
white-space: nowrap !important;
}
.breadcrumb a {
white-space: nowrap !important;
}
.sort-options li, .sort-options ul {
margin-top: 0px !important;
}
.sort-options.tabs.is-toggle li.is-active a {
background-color: #2bbdbd;
border-color: #2bbdbd;
}
.select:not(.is-multiple)::after {
border: 1px solid #2bbdbd;
border-right: 0;
border-top: 0;
}
.cat-control-wrapper p.label {
position: absolute;
top: -30px;
font-size: 20px;
color: #818181;
font-weight: normal;
margin-bottom: 0px !important;
}
.cat-control-wrapper .sort-options {
overflow: visible;
}
.file-cat-title.title {
font-weight: bold;
color: #2bbdbd;
margin-bottom: 0px;
}
.file-cat.breadcrumb {
margin-bottom: 60px;
}
.file-cat.breadcrumb .is-active a {
text-decoration: none;
}
.breadcrumb ul {
margin-left: 0px;
margin-top: 0px;
}
.file-cat-item {
margin-top: 50px;
}
.file-cat-item .aspect__inner {
text-align: center;
}
.file-cat-item img {
max-height: 70px;
width: auto;
}
.file-cat-item-inner {
background: #f8f8f8;
padding: 30px 20px;
border-radius: 5px;
text-align: center;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.02), 0 6px 6px rgba(0, 0, 0, 0.09);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.02), 0 6px 6px rgba(0, 0, 0, 0.09);
}
.file-cat-item-inner h3 {
margin-top: 10px !important;
margin-bottom: 20px;
font-size: 20px;
}
.file-cat-item-inner a {
background: #27495c;
text-decoration: none;
color: white;
border: none;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.file-cat-item-inner a:hover, .file-cat-item-inner a:active, .file-cat-item-inner a:visited {
color: white !important;
background: #2bbdbd;
} .file-cat-item.is-half.fullwidth {
width: 100%;
margin-top: 0px;
padding: 0.45rem;
}
.file-cat-item.is-half.fullwidth .file-cat-item-inner {
float: left;
width: 100%;
padding: 10px 20px;
}
.file-cat-item.is-half.fullwidth .aspect__inner {
float: left;
width: 40px;
}
.file-cat-item.is-half.fullwidth h3 {
float: left;
padding-left: 30px;
margin-bottom: 10px;
max-width: calc(100% - 157px);
text-align: left;
font-size: 19px;
}
.file-cat-item.is-half.fullwidth a {
float: right;
margin-top: 5px;
}
.file-cat-item.is-half.fullwidth p {
display: none;
} .file-cat-item.is-half.fullwidth .aspect__inner {
display: none;
}
.file-cat-item.is-half.fullwidth h3 {
padding-left: 10px;
}
.file-cat-item.is-half.fullwidth .file-cat-item-inner {
padding: 5px 20px;
}
.file-cat-item.is-half.fullwidth a {
margin-top: 0px;
}
@media(max-width: 438px) {
.file-cat-item.is-half.fullwidth .file-cat-item-inner {
padding-bottom: 0px;
}
.file-cat-item.is-half.fullwidth h3 {
max-width: calc(100% - 40px);
width: calc(100% - 40px);
font-size: 16px;
}
.file-cat-item.is-half.fullwidth a {
width: calc(100% + 40px);
left: 20px;
border-radius: 0px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
}
@media(max-width: 768px) {
.filter-options {
margin-top: 5px;
}
.sort-options {
margin-top: 15px !important;
}
.sort-options ul {
margin-left: 0px;
}
.file-cat.breadcrumb {
margin-bottom: 30px;
}
.file-cat-item {
width: 100%;
}
} .not-found-page h2 {
font-weight: bold;
color: #27495c;
}
.not-found-page .desc {
margin-bottom: 10px !important;
}
.not-found-page .desc.sug {
font-weight: bold;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 50px !important;
}
.not-found-page .desc.sug a {
color: #2bbdbd;
} .modal.feedback-form .modal-card-head {
background: #2bbdbd;
}
.modal.feedback-form .modal-card-head p {
color: white;
} .footer {
padding: 3rem 1.5rem 3rem;
background: rgb(39, 73, 92);
background: linear-gradient(45deg, rgba(39, 73, 92, 1) 0%, rgba(0, 182, 182, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27495c', endColorstr='#00b6b6', GradientType=1);
}
.footer .is-6 {
color: white;
margin-bottom: 10px;
font-size: 22px;
}
.footer p a {
color: white;
font-family: 'Didact Gothic', sans-serif;
}
.footer p a:hover {
color: #bdbdbd;
}
.footer p a.social:hover {
color: white;
opacity: 0.8;
}
.footer .level-item p {
color: white;
font-size: 14px;
}
.footer hr {
background-color: #cfcfcf;
}
@media(max-width: 632px) {
.overlap-heading-standard .container {
padding: 0px 15px !important;
}
}
@media(max-width: 1024px) {
.m-l-circle {
padding-left: 50px !important;
}
} .nav-menu>li>a {
font-size: 18px;
}
.nav-brand img {
width: 130px !important;
}
#myHeader-top>* {
font-size: 16px;
}
.nav-top-section {
height: 35px;
}
.nav-top-section .links, .nav-top-section .block-links {
line-height: 35px;
}
.nav-header {
margin-top: 10px;
height: 60px !important;
}
.nav-menus-wrapper-extra .nav-menu>li>a {
padding: 16px 15px !important;
height: 60px !important;
}
.overlap-heading-our-team {
padding-top: 105px;
}
.nav-wrapper {
height: 63px;
}
.navigation-portrait {
height: auto;
}
.nav-menus-wrapper-extra .submenu-indicator {
right: 2px;
}
#hero-slider.royalSlider {
margin-top: 35px;
}
.overlap-heading {
padding: 220px 30px 350px;
}
.overlap-heading-visual .column {
margin-top: 117px;
}
.overlap-heading-visual .column .blur-bg {
background-position: center -116px;
background-size: cover;
background-repeat: no-repeat;
}
.overlap-heading-standard {
padding: 250px 30px 250px;
}
@media(max-width: 1400px) {
.whatwedo-main-1 .text-wrapper P, .whatwedo-main-2 .wrapper-2 .text-wrapper P, .content p {
font-size: 20px;
}
}
@media(max-width: 1316px) {
.overlap-heading-visual .column .blur-bg {
background-position: center -106px;
}
}
@media(max-width: 1240px) {
.overlap-heading-visual .column .blur-bg {
background-position: center -86px;
}
}
@media(max-width: 1024px) {
.overlap-heading-standard {
padding: 200px 30px 200px;
}
.overlap-heading-standard .title.is-1 {
font-size: 35px;
}
.overlap-heading-visual .column .blur-bg {
background-position: center -66px;
}
}
@media(max-width: 768px) {
.home-panels .is-one-quarter a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 60px 30px;
}
.home-panels .is-one-quarter a figure {
width: 100%;
}
.home-panels .is-one-quarter {
height: calc(100vh - 63px);
min-height: 346px;
max-height: 746px;
}
}
html {
height: 100%;
max-width: 2560px;
margin: auto;
}
.navigation-fixed-placeholder, .navigation-fixed-wrapper.fixed, .navigation-fixed-wrapper .navigation {
max-width: 2560px;
margin: auto;
left: auto;
}
.bcd-video-btn {
display: inline-block;
border: 5px solid #00B6B6;
}
.bcd-video-btn span.pic {
position: relative;
float: left;
display: inline-block;
background-image: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/img/video-btn.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
height: 120px;
width: 200px;
}
.bcd-video-btn span.pic::after {
content: '';
position: absolute;
height: 50px;
width: 50px;
background-image: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/img/play-button-blue.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
.bcd-video-btn span.text {
padding-left: 10px;
float: left;
display: inline-block;
max-width: 200px;
text-align: left;
color: #27495C;
font-size: 18px;
font-weight: bold;
padding-top: 20px;
}
.bcd-video-btn-small {
position: relative;
display: inline-block;
background: #27495C;
border-radius: 5px;
padding: 10px 20px 10px 60px;
line-height: 28px;
margin-top: 20px;
}
.bcd-video-btn-small span.text {
color: white;
font-size: 18px;
}
.bcd-video-btn-small span.pic {
position: absolute;
height: 30px;
width: 30px;
background-image: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/img/play-button-white.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
left: 20px;
top: 10px;
}
.home-about-section .columns .column:nth-child(2) {
z-index: 1;
}
@media(max-width: 725px) {
.bcd-video-btn {
margin-top: 50px;
}
}
@media(max-width: 563px){
.nav-top-section .wrapper-1{
padding: 0px 10px;
}
}
@media(max-width: 493px) {
.bcd-video-btn span.pic {
width: 100%;
}
.bcd-video-btn span.text {
padding-bottom: 20px;
}
}
.num-1 .has-text-white{
font-weight: bold;
font-size: 22px;
font-family: 'Hind', sans-serif;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sponsor_logos_2 img{
max-height: 120px !important;
} 
.columns.sponsor_logos{
align-items: center;
}
.g-map{
margin-top: 105px;
}
 body { -webkit-backface-visibility: hidden;
}
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@-moz-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@-o-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
0%, 100% {-moz-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@-o-keyframes shake {
0%, 100% {-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);}	
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
0% {-moz-transform: scale(1);}	
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
100% {-moz-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
0% {-o-transform: scale(1);}	
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {transform: scale(1);}	
10%, 20% {transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
100% {transform: scale(1) rotate(0);}
}
.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }	
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }	
80% { -webkit-transform: rotate(-5deg); }	
100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes swing {
20% { -moz-transform: rotate(15deg); }	
40% { -moz-transform: rotate(-10deg); }
60% { -moz-transform: rotate(5deg); }	
80% { -moz-transform: rotate(-5deg); }	
100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes swing {
20% { -o-transform: rotate(15deg); }	
40% { -o-transform: rotate(-10deg); }
60% { -o-transform: rotate(5deg); }	
80% { -o-transform: rotate(-5deg); }	
100% { -o-transform: rotate(0deg); }
}
@keyframes swing {
20% { transform: rotate(15deg); }	
40% { transform: rotate(-10deg); }
60% { transform: rotate(5deg); }	
80% { transform: rotate(-5deg); }	
100% { transform: rotate(0deg); }
}
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
} @-webkit-keyframes wobble {
0% { -webkit-transform: translateX(0%); }
15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
30% { -webkit-transform: translateX(20%) rotate(3deg); }
45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
60% { -webkit-transform: translateX(10%) rotate(2deg); }
75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
100% { -webkit-transform: translateX(0%); }
}
@-moz-keyframes wobble {
0% { -moz-transform: translateX(0%); }
15% { -moz-transform: translateX(-25%) rotate(-5deg); }
30% { -moz-transform: translateX(20%) rotate(3deg); }
45% { -moz-transform: translateX(-15%) rotate(-3deg); }
60% { -moz-transform: translateX(10%) rotate(2deg); }
75% { -moz-transform: translateX(-5%) rotate(-1deg); }
100% { -moz-transform: translateX(0%); }
}
@-o-keyframes wobble {
0% { -o-transform: translateX(0%); }
15% { -o-transform: translateX(-25%) rotate(-5deg); }
30% { -o-transform: translateX(20%) rotate(3deg); }
45% { -o-transform: translateX(-15%) rotate(-3deg); }
60% { -o-transform: translateX(10%) rotate(2deg); }
75% { -o-transform: translateX(-5%) rotate(-1deg); }
100% { -o-transform: translateX(0%); }
}
@keyframes wobble {
0% { transform: translateX(0%); }
15% { transform: translateX(-25%) rotate(-5deg); }
30% { transform: translateX(20%) rotate(3deg); }
45% { transform: translateX(-15%) rotate(-3deg); }
60% { transform: translateX(10%) rotate(2deg); }
75% { transform: translateX(-5%) rotate(-1deg); }
100% { transform: translateX(0%); }
}
.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
} @-webkit-keyframes pulse {
0% { -webkit-transform: scale(1); }	
50% { -webkit-transform: scale(1.1); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
0% { -moz-transform: scale(1); }	
50% { -moz-transform: scale(1.1); }
100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
0% { -o-transform: scale(1); }	
50% { -o-transform: scale(1.1); }
100% { -o-transform: scale(1); }
}
@keyframes pulse {
0% { transform: scale(1); }	
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) rotateY(0);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) scale(1);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) rotateY(0);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) scale(1);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in;
}
}
.flip {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible !important;
-moz-animation-name: flip;
-o-backface-visibility: visible !important;
-o-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible !important;
-o-animation-name: flipOutY;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
}	
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(.95);
}
50% {
opacity: 1;
-moz-transform: scale(1.1);
}
100% {
opacity: 0;
-moz-transform: scale(.3);
}	
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(.95);
}
50% {
opacity: 1;
-o-transform: scale(1.1);
}
100% {
opacity: 0;
-o-transform: scale(.3);
}	
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(.3);
}	
}
.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-20px);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-20px);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0;
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
100% { -webkit-transform: translateY(700px); opacity: 0; }
}
@-moz-keyframes hinge {
0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
100% { -moz-transform: translateY(700px); opacity: 0; }
}
@-o-keyframes hinge {
0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
100% { -o-transform: translateY(700px); opacity: 0; }
}
@keyframes hinge {
0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
100% { transform: translateY(700px); opacity: 0; }
}
.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
} @-webkit-keyframes lightSpeedIn {
0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-moz-keyframes lightSpeedIn {
0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-o-keyframes lightSpeedIn {
0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@keyframes lightSpeedIn {
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
.animated.lightSpeedIn {
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
} @-webkit-keyframes lightSpeedOut {
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-moz-keyframes lightSpeedOut {
0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-o-keyframes lightSpeedOut {
0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@keyframes lightSpeedOut {
0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.animated.lightSpeedOut {
-webkit-animation-duration: 0.25s;
-moz-animation-duration: 0.25s;
-o-animation-duration: 0.25s;
animation-duration: 0.25s;
} @-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
20% { -webkit-transform: skewX(7deg); }
30% { -webkit-transform: skewX(-6deg); }
40% { -webkit-transform: skewX(5deg); }
50% { -webkit-transform: skewX(-4deg); }
60% { -webkit-transform: skewX(3deg); }
70% { -webkit-transform: skewX(-2deg); }
80% { -webkit-transform: skewX(1deg); }
90% { -webkit-transform: skewX(0deg); }
100% { -webkit-transform: skewX(0deg); }
}
@-moz-keyframes wiggle {
0% { -moz-transform: skewX(9deg); }
10% { -moz-transform: skewX(-8deg); }
20% { -moz-transform: skewX(7deg); }
30% { -moz-transform: skewX(-6deg); }
40% { -moz-transform: skewX(5deg); }
50% { -moz-transform: skewX(-4deg); }
60% { -moz-transform: skewX(3deg); }
70% { -moz-transform: skewX(-2deg); }
80% { -moz-transform: skewX(1deg); }
90% { -moz-transform: skewX(0deg); }
100% { -moz-transform: skewX(0deg); }
}
@-o-keyframes wiggle {
0% { -o-transform: skewX(9deg); }
10% { -o-transform: skewX(-8deg); }
20% { -o-transform: skewX(7deg); }
30% { -o-transform: skewX(-6deg); }
40% { -o-transform: skewX(5deg); }
50% { -o-transform: skewX(-4deg); }
60% { -o-transform: skewX(3deg); }
70% { -o-transform: skewX(-2deg); }
80% { -o-transform: skewX(1deg); }
90% { -o-transform: skewX(0deg); }
100% { -o-transform: skewX(0deg); }
}
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
20% { transform: skewX(7deg); }
30% { transform: skewX(-6deg); }
40% { transform: skewX(5deg); }
50% { transform: skewX(-4deg); }
60% { transform: skewX(3deg); }
70% { transform: skewX(-2deg); }
80% { transform: skewX(1deg); }
90% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }
}
.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.animated.wiggle {
-webkit-animation-duration: 0.75s;
-moz-animation-duration: 0.75s;
-o-animation-duration: 0.75s;
animation-duration: 0.75s;
}html{
overflow-y: auto !important;
width: 100%;
}
body{
width: 100%;
overflow: visible;
}
.event-page-header{
position: relative;
display: block;
padding: 40px 0px;
width: 100%;
background: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/event-templates/img/event-decoration.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.event-page-header::before{
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: linear-gradient(45deg, rgba(44, 70, 89, 0.9) 0%, rgba(0, 182, 182, 0.81) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e62c4659', endColorstr='#cf00b6b6', GradientType=1);
}
.event-page-header .inner{
position: relative;
text-align: center;
margin: 0px 40px;
border: 1px solid white;
padding: 150px 30px;
}
.event-page-header .inner span{
font-family: 'Didact Gothic', sans-serif;
color: white;
font-size: 25px;
font-weight: bold;
}
.event-page-header .inner h1{
font-family: 'Hind', sans-serif;
font-weight: bold;
color: white;
font-size: 50px;
line-height: 55px;
max-width: 600px;
margin: 40px auto 20px;
}
.event-page-header .inner h1 span{
font-family: 'Hind', sans-serif;
font-weight: bold;
color: white;
font-size: 50px;
line-height: 55px;
}
.event-page-header .inner p{
font-family: 'Didact Gothic', sans-serif;
color: white;
font-size: 17px;
}
.eve-btn{
color: white;
font-family: 'Hind', sans-serif;
font-weight: 500;
padding: 15px 20px 13px;
border: 1px solid white;
border-radius: 50px;
display: inline-block;
font-size: 20px;
line-height: 20px;
}
.eve-btn:hover{
background: rgba(255, 255, 255, 0.7);
color: rgba(43, 69, 88, 1.000);
}
.eve-nor-link{
font-family: 'Didact Gothic', sans-serif;
color: white;
font-size: 17px;
color: white;
display: inline-block;
width: 250px;
text-align: center;
}
.event-page-header .inner .eve-nor-link span{
font-family: 'Didact Gothic', sans-serif;
color: white;
font-size: 17px;
}
.event-page-header .inner .eve-nor-link:hover{
color: white;
text-decoration: underline;
}
.event-guest{
padding: 70px 30px 70px;
max-width: 1200px;
margin: auto;
}
.event-guest .tom-pic{
max-width: 90%;
width: 90%;
height: auto;
}
.event-guest .logo-pic{
width: 250px;
height: auto;
}
.event-guest .column{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.event-guest .column.text-content h2{
font-family: 'Hind', sans-serif;
font-weight: bold;
color: #2C3E53;
font-size: 35px;
line-height: 40px;
margin: 50px 0px 20px;
}
.event-guest .column.text-content .details{
margin-top: 40px;
}
.event-guest .column.text-content .details p{
font-family: 'Hind', sans-serif;
font-weight: bold;
}
.event-guest .column.text-content .details p.green-text{
margin-top: 20px;
color: #339BA4;
margin-bottom: 25px;
}
.eve-btn.green{
color: #2C3E53;
border: 1px solid #2C3E53;
}
.eve-btn.green:hover{
background: rgba(43, 69, 88, 0.9);
color: rgba(255, 255, 255, 1.000);
}
.cta-mad{
position: relative;
background: url(https://www.bcdiabetes.ca/wp-content/uploads/2018/05/Community-Outreach.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.cta-mad::before{
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: #2C3E53;
opacity: 0.89;
}
.cta-mad .inner{
position: relative;
max-width: 1200px;
margin: auto;
padding: 100px 30px;
text-align: center;
}
.cta-mad .inner h4{
font-family: 'Hind', sans-serif;
font-weight: bold;
color: white;
font-size: 50px;
line-height: 55px;
margin: 0px 0px 20px;
}
.cta-mad .inner p{
font-family: 'Didact Gothic', sans-serif;
color: white;
font-size: 17px;
} .ticket-section{
padding-top: 120px;
}
.ticket-wrapper{
max-width: 900px;
margin: auto;
border: 1px solid #cecece;
margin-top: 50px;
margin-bottom: 150px;
}
.ticket-section h4{
text-align: center;
font-family: 'Hind', sans-serif;
font-weight: bold;
color: #2C3E53;
font-size: 40px;
line-height: 40px;
margin: 0px 0px 20px;
padding: 0px 30px;
}
.ticket-section p{
text-align: center;
padding: 0px 30px;
} .about-bcerf{
display: block;
margin-bottom: 10px;
width: 100%;
overflow: hidden;
}
.about-bcerf .column{
padding: 30px;
}
.about-bcerf .column.is-two-fifths{
background: url(//www.bcdiabetes.ca/wp-content/themes/bcdiabetes/event-templates/img/grant-rih.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.about-bcerf .column .inner{
max-width: 1200px;
margin: auto;
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
}
.about-bcerf .column .inner img.logo-pic{
max-width: 100px;
height: auto;
}
.about-bcerf .column .inner h5{
font-family: 'Hind', sans-serif;
font-weight: bold;
color: #2C3E53;
font-size: 30px;
line-height: 35px;
margin: 30px 0px 20px;
}
.about-bcerf .column .inner p{
margin-bottom: 30px;
}
.eve-btn.dark{
color: #2C3E53;
border: 1px solid #2C3E53;
}
.eve-btn.dark:hover{
background: rgba(43, 69, 88, 0.7);
color: rgba(255, 255, 255, 1.000);
} .sponsors{
padding: 50px 30px;
}
.sponsors h5{
text-align: center;
font-family: 'Hind', sans-serif;
font-weight: bold;
color: #2C3E53;
font-size: 30px;
line-height: 35px;
margin: 30px 0px 0px;
}
.sponsors p{
text-align: center;
margin: 0px 0px 50px;
}
.sponsors .level{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sponsors .logo-pic{
max-height: 80px;
width: auto;
}
.sponsors .level-item{
padding: 20px;
} .team-pic-event{
width: 100%;
height: auto;
display: block;
} @media(max-width: 948px){
.event-page-header .inner h1, .cta-mad .inner h4, .event-page-header .inner h1 span {
font-size: 40px;
line-height: 45px;
}
}
@media(max-width: 768px) {
.event-page-header .inner h1, .cta-mad .inner h4, .event-page-header .inner h1 span{
font-size: 30px;
line-height: 35px;
}
.event-page-header .inner{
padding: 70px 30px;
}
.event-guest .columns{
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.event-guest .column{
display: block;
text-align: center;
}
.event-guest .tom-pic{
max-width: 350px;
margin: auto;
}
.event-guest .logo-pic{
margin: auto;
display: block;
}
.event-guest .column.text-content{
text-align: center;
}
.about-bcerf .column.is-two-fifths{
padding-top: 300px;
}
}
@media(max-width: 484px){
.event-page-header .inner h1, .cta-mad .inner h4, .event-page-header .inner h1 span{
font-size: 27px;
line-height: 30px;
}
.event-page-header .inner{
padding: 50px 20px;
margin: 0px 30px;
}
.event-page-header{
padding: 30px 0px;
}
.event-guest .column.text-content h2, .ticket-section h4, .about-bcerf .column .inner h5{
font-size: 25px;
}
}@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}