/* GLOBAL */
/* GLOBAL CSS */
/*body {
background: url(//userfiles/2384/Email-Background-Picture-18-x-24-in-.jpg) center center / cover no-repeat;
background-attachment: fixed;
}*/
/*body,
html {
overflow-x: hidden;
}*/
@media(min-width: 992px) {
h1, .h1 {
font-size: 3.5rem;
}
h1.mega,
.h1.mega {
font-size: 4.5rem;
}
h2,
.h2 {
font-size: 3rem;
}
h3,
.h3 {
font-size: 2.6rem;
}
h4,
.h4 {
f font-size: 2.2rem;
}
h5,
.h5 {
font-size: 1.8rem;
}
h6,
.h6 {
font-size: 1.4rem;
}
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
text-transform: uppercase;
}
.btn-outline-white:hover {
background-color: var(--primary);
border-color: var(--primary);
}
.anchor {
height: 0;
}
.blog-content {
background: white;
}
.oms-blog-detail {
padding-top: 7rem !important;
background: url(userfiles/2384/Email-Background-Picture-18-x-24-in-.jpg) center center / cover no-repeat;
}
.oms-blog-detail .blog-desc {
background: white;
border: 1px solid var(--border);
padding: 1.25rem;
}
/* Slow down animations slightly */
.animated {
-webkit-animation-duration: 1.45s;
animation-duration: 1.45s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.curved {
position: relative;
background: #2c3e50;
height: 100vh;
border-bottom-left-radius: 50% 20%;
border-bottom-right-radius: 50% 20%;
}
.oms-wrapper .form-control,
.oms-wrapper input {
background: rgba(0, 0, 0, 0.7);
color: white;
font-weight: bold;
border: 1px solid rgba(255, 255, 255, .2);
}
.oms-wrapper form .btn-primary {
width: 100%;
display: block;
}
.oms-library-container {
-webkit-user-select: none;
/* Safari */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* IE10+/Edge */
user-select: none;
/* Standard */
cursor: grab;
width: 100%;
overflow-x: scroll;
}
.oms-library-card {
-webkit-user-select: none;
/* Safari */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* IE10+/Edge */
user-select: none;
/* Standard */
cursor: pointer;
margin: 1rem 1rem 1rem 0;
}
.oms-library-card .overlay {
transition: 0.2s background;
}
.oms-library-card:hover .overlay {
background: #000!important;
}
.oms-library-card,
.oms-library-card .bg-image {
width: 300px;
height: 500px;
}
.oms-library-card .position-absolute {
bottom: 1rem;
left: 1rem;
right: 1rem;
z-index: 4;
color: white;
}
.oms-library-card p {
font-size: 0.95rem;
}
.oms-library-card img {
width: 100px;
height: 100px;
position: absolute;
top: 1rem;
right: 1rem;
}
.collapsing {
-webkit-transition: none;
transition: none;
display: none;
}
p {} h1,
h2,
h3,
h4,
h5,
h6 {
/*text-transform: uppercase; */
text-shadow: 4px 4px 0px rgb(0 0 0 / 7.5%);
}
.oms-wrapper .btn:not(.btn-sm) {
padding: 0.75rem 1.5rem;
border-width: 2px;
border-radius: 1000rem;
text-transform: uppercase;
transition: .3s;
text-align: center;
font-weight: 700;
font-size: 1rem;
letter-spacing: 1px;
box-shadow: none;
}
.oms-wrapper .btn.btn-white {
color: var(--primary);
}
.oms-wrapper .btn.btn-white:hover {
background: transparent;
color: var(--white);
}
.shadow {
box-shadow: 0 19px 35px rgba(0, 0, 0, 0.22), 0 15px 12px rgba(0, 0, 0, 0.22);
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
.card-custom {
overflow: hidden;
min-height: 450px;
box-shadow: 0 19px 35px rgba(0, 0, 0, 0.22), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.card-custom-img {
height: 200px;
min-height: 200px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-color: inherit;
}
/* First border-left-width setting is a fallback */
.card-custom-img::after {
position: absolute;
content: '';
top: 161px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-top-width: 40px;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 545px;
border-left-width: calc(575px - 5vw);
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: inherit;
}
.card-custom-avatar img {
border-radius: 50%;
box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
position: absolute;
top: 100px;
left: 1.25rem;
width: 100px;
height: 100px;
}
/* DEMO GENERAL ============================== */
.hover {
overflow: hidden;
position: relative;
padding-bottom: 60%;
}
.hover-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 90;
transition: all 0.4s;
}
.hover img {
width: 100%;
position: absolute;
top: 0;
left: 0;
transition: all 0.3s;
}
.hover-content {
position: relative;
z-index: 99;
}
/* DEMO 3 ============================== */
.hover-3::after {
content: '';
width: calc(100% - 3rem);
height: calc(100% - 3rem);
border: 1px solid #fff;
position: absolute;
top: 1.5rem;
left: 1.5rem;
z-index: 90;
transition: all 0.3s;
transform: scale(1.1);
opacity: 0;
display: block;
opacity: 0;
}
.hover-3-content {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
text-align: center;
z-index: 99;
}
.hover-3-description {
opacity: 0;
transform: scale(1.3);
transition: all 0.3s;
}
.hover-3 img {
width: 110%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.hover-3 .hover-overlay {
background: rgba(0, 0, 0, 0.2);
}
.hover-3:hover img {
width: 100%;
}
.hover-3:hover::after {
opacity: 1;
transform: none;
}
.hover-3:hover .hover-3-description {
opacity: 1;
transform: none;
}
.hover-3:hover .hover-overlay {
background: rgba(150, 150, 150, 0.8);
}
.glass {
background: rgba(255, 255, 255, 0.25);
box-shadow: 20px 20px 40px -6px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(4.5px);
-webkit-backdrop-filter: blur(4.5px);
border-radius: 10px;
}
@media(max-width: 991px) {
.snipOuter.pt-7.pt-lg-9 {
padding-top: 7rem !important;
}
}
.oms-captcha img {
height: 40px !important;
filter: invert(1);
}
/* PAGE SPECIFIC */
/* Page Specific CSS */
.hero-content {
background: rgba(255, 255, 255, 0.9);
padding: 20px;
border-radius: 6px;
margin-bottom: 30px;
text-align: center;
}
.hero-content h1 {
margin-top: 0;
font-size: 28px;
color: #333;
}
.hero-content h3 {
font-size: 20px;
color: #555;
margin-bottom: 10px;
}
.hero-content ul {
list-style: none;
padding: 0;
margin: 10px 0 20px;
}
.hero-content ul li {
margin-bottom: 5px;
font-weight: bold;
}
/* FOOTER */