/* GLOBAL */
.white-fade {
background: linear-gradient(to right, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 1));
}
/* Slow down animations slightly */
.animated {
-webkit-animation-duration: 1.25s;
animation-duration: 1.25s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.card {
background-color: rgb(255, 255, 255);
box-shadow: rgba(163, 177, 198, 0.5) 12px 12px 24px 0px, rgb(255, 255, 255) -12px -12px 24px 0px;
-webkit-box-shadow: rgba(163, 177, 198, 0.5) 12px 12px 24px 0px, rgb(255, 255, 255) -12px -12px 24px 0px;
border-radius: 30px;
-webkit-border-radius: 30px;
border: 0px;
}
/*------------------------------------*
Arrow Notch SCROLL DOWN
*------------------------------------*/
.arrow-container {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
}
.down-arrow {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) rotate(-135deg);
-ms-transform: translateX(-50%) rotate(-135deg);
transform: translateX(-50%) rotate(-135deg);
width: 16px;
height: 16px;
border-right: 2px solid transparent;
border-bottom: 2px solid transparent;
z-index: 100;
}
#begin:before {
content: "";
display: block;
height: 130px;
/* fixed header height*/
margin: -130px 0 0;
/* negative fixed header height */
}
.notch-position {
top: -48px;
}
.down-arrow {
top: -40px;
}
@media (min-width: 768px) {
.notch-position {
top: -48px;
}
.down-arrow {
top: -40px;
}
}
@media (min-width: 1200px) {
.notch-position {
top: -49.5px;
}
.down-arrow {
top: -33px;
}
}
@media (min-width: 1500px) {
.notch-position {
top: -49.5px;
}
.down-arrow {
top: -33px;
color: #505050 !important;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-style: italic;
}
.oms-wrapper .btn {
padding: 0.75rem 1.5rem;
border-width: 2px;
border-radius: 1000rem;
text-transform: uppercase;
transition: .3s;
text-align: center;
font-weight: 700;
font-size: 100%;
box-shadow: none;
letter-spacing: 0.5px;
}
.oms-wrapper .btn.btn-white {
color: var(--primary);
}
.oms-wrapper .btn.btn-white:hover {
background: transparent;
color: var(--white);
}
.oms-wrapper hr {
border-top: 2px solid var(--primary);
max-width: 100px;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.oms-wrapper .oms-blog-detail {
text-align: center;
}
.fb-text-label,
.fb-textarea-label {
display: none;
}
.card-header:first-child:not(card) {
border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
/***************************************************
PAGE FADE IN
**************************************************/
@keyframes fadeinall {
0% {
opacity: 1;
}
97% {
opacity: 0;
}
98% {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
99% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
opacity: 0;
z-index: -1;
}
}
#loader {
opacity: 1;
position: fixed;
width: 100%;
height: 100%;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
background-color: var(--primary);
z-index: 999;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation: fadeinall 1s normal both;
animation: fadeinall 1s normal both;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
/***************************************************
* Generated by SVG Artista on 2/18/2021, 10:51:12 AM
* MIT license (https://opensource.org/licenses/MIT)
* W. https://svgartista.net
**************************************************/
@-webkit-keyframes animate-svg-fill-1 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-1 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-1 {
-webkit-animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}
@-webkit-keyframes animate-svg-fill-2 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-2 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-2 {
-webkit-animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}
@-webkit-keyframes animate-svg-fill-3 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-3 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-3 {
-webkit-animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}
@-webkit-keyframes animate-svg-fill-4 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-4 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-4 {
-webkit-animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}
@-webkit-keyframes animate-svg-fill-5 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-5 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-5 {
-webkit-animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}
@-webkit-keyframes animate-svg-fill-6 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-6 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-6 {
-webkit-animation: animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
animation: animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}
@-webkit-keyframes animate-svg-fill-7 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-7 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-7 {
-webkit-animation: animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
animation: animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}
@-webkit-keyframes animate-svg-fill-8 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-8 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-8 {
-webkit-animation: animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
animation: animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}
@-webkit-keyframes animate-svg-fill-9 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-9 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-9 {
-webkit-animation: animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
animation: animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}
@-webkit-keyframes animate-svg-fill-10 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-10 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-10 {
-webkit-animation: animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
animation: animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}
@-webkit-keyframes animate-svg-fill-11 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-11 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-11 {
-webkit-animation: animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
animation: animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}
@-webkit-keyframes animate-svg-fill-12 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-12 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-12 {
-webkit-animation: animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
animation: animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}
@-webkit-keyframes animate-svg-fill-13 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-13 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-13 {
-webkit-animation: animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
animation: animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}
@-webkit-keyframes animate-svg-fill-14 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-14 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-14 {
-webkit-animation: animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
animation: animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}
@-webkit-keyframes animate-svg-fill-15 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-15 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-15 {
-webkit-animation: animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
animation: animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}
@-webkit-keyframes animate-svg-fill-16 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-16 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-16 {
-webkit-animation: animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
animation: animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}
@-webkit-keyframes animate-svg-fill-17 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-17 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-17 {
-webkit-animation: animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
animation: animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}
@-webkit-keyframes animate-svg-fill-18 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-18 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-18 {
-webkit-animation: animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
animation: animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}
@-webkit-keyframes animate-svg-fill-19 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-19 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-19 {
-webkit-animation: animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
animation: animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
}
@-webkit-keyframes animate-svg-fill-20 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-20 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-20 {
-webkit-animation: animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
animation: animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
}
@-webkit-keyframes animate-svg-fill-21 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-21 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-21 {
-webkit-animation: animate-svg-fill-21 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
animation: animate-svg-fill-21 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
}
@-webkit-keyframes animate-svg-fill-22 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-22 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-22 {
-webkit-animation: animate-svg-fill-22 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
animation: animate-svg-fill-22 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
}
@-webkit-keyframes animate-svg-fill-23 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-23 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-23 {
-webkit-animation: animate-svg-fill-23 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
animation: animate-svg-fill-23 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}
@-webkit-keyframes animate-svg-fill-24 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-24 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-24 {
-webkit-animation: animate-svg-fill-24 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both;
animation: animate-svg-fill-24 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both;
}
@-webkit-keyframes animate-svg-fill-25 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
@keyframes animate-svg-fill-25 {
0% {
fill: transparent;
}
100% {
fill: rgb(255, 255, 255);
}
}
.svg-elem-25 {
-webkit-animation: animate-svg-fill-25 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
animation: animate-svg-fill-25 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
}
/* PAGE SPECIFIC */
/* FOOTER */