/* GLOBAL */
.order-container label {
display: none;
}
.formbuilder-file label {
display: block !important;
}
@media(min-width: 992px) {
h1.mega, .h1.mega {
font-size: 4rem;
}
}
@media(max-width: 767px) {
h1, .h1 {
font-size: 2rem;
}
h2,
.h2 {
font-size: 1.75rem;
}
h3,
.h3 {
font-size: 1.6rem;
}
h4,
.h4 {
font-size: 1.45rem;
}
h5,
.h5 {
font-size: 1.3rem;
}
h6,
.h6 {
font-size: 1.15rem;
}
}
.btn {
white-space: normal;
}
a:hover img,
a.bg-img:hover a.bg-image:hover {
opacity: .85;
}
#savecontent img {
max-width: 100% !important;
height: auto !important;
}
.rightfloat {
float: right;
margin: 0 0 .5rem 1rem;
width: 40%;
}
@media (max-width: 767px) {
.rightfloat {
float: none;
margin: 0 0 1rem 0;
width: 100%;
}
}
.btn-primary {
color: white !important;
}
@media(min-width: 1600px) {
.container {
max-width: 1500px;
}
}
.red-gradient {
background-color: #ab0505;
background-image: url(/userfiles/2415/images/black-circle-gradient.svg);
background-attachment: fixed;
background-size: cover;
}
@media (min-width: 992px) {
.order-container .container.container-narrow {
max-width: 700px!important;
}
.collapser {
font-size: 1.75rem !important;
}
}
@media(min-width: 575px) {
.order-container form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.order-container .form-group {
margin-left: 5px;
margin-right: 5px;
width: 100%;
}
.order-container .formbuilder-text,
.order-container .formbuilder-select {
flex: 1 1 250px;
}
}
.product-image {
min-height: auto !important;
background-size: contain !important;
position: relative;
padding-bottom: 70%;
background-repeat: no-repeat !important;
background-color: var(--light) !important;
}
/* PAGE SPECIFIC */
/* PAGE SPECIFIC CSS */
@media(min-width: 768px){
.vp-header{
height: 70vh;
}
}
.vp-header{
height: 90vh;
background: url(/userfiles/1378/images/map-home.png);
background-size: cover;
background-position: left;
}
.fullscreen{
height: 100vh;
}
.oms-full-height-carousel {} .oms-full-height-carousel .carousel-item {
height: 93vh;
}
@media(min-width:768px){
.oms-full-height-carousel {} .oms-full-height-carousel .carousel-item {
height: 70vh;
}
}
.oms-full-height-carousel .carousel-caption {
position: absolute;
top: 10%;
}
@media(min-width: 900px) {
.oms-full-height-carousel .carousel-caption {
position: absolute;
top: 25%;
}
}
.oms-full-height-carousel .carousel-caption h1 {
text-shadow: 0px 2px 20px rgba(0, 0, 0, 0.75);
}
.oms-full-height-carousel .carousel-caption p {
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.95);
}
/*@media (min-width: 992px) {*/
/* .oms-full-height-carousel .carousel-caption p {*/
/* font-size: 120%;*/
/* }*/
/*}*/
/*@media (max-width: 768px) {*/
/* .oms-full-height-carousel .carousel-caption h1 {*/
/* font-size: 150%;*/
/* }*/
/*}*/
@media(min-width: 1400px) {
.oms-full-height-carousel .carousel-caption {
position: absolute;
top: 15%;
}
}
@media(min-width: 1800px) {
.oms-full-height-carousel .carousel-caption {
position: absolute;
top: 25%;
}
}
.intro-card {
position: absolute;
top: 5%;
right: 2%;
left: 2%;
color: black;
z-index: 1000;
padding: 23px;
background: rgba(255, 255, 255, 0.9);
}
@media(min-width: 1200px) {
.intro-card {
position: absolute;
top: 10%;
left: 25%;
color: black;
z-index: 1000;
width: 50%;
padding: 20px;
background: rgba(255, 255, 255, 0.9);
}
}
.display-4 {
font-size: 1.2rem;
}
@media(min-width: 768px){
.display-4 {
font-size: 2.5rem;
}
}
.white-logo{
height: 33px;
}
@media(min-width: 768px){
.white-logo{
height: 100%;
}
}
.number{
height: 50px;
}
@media(min-width: 768px){
.number{
height: 100px;
}
}
.hero{
background: url('/userfiles/1378/images/header-ck.jpg');
background-size: cover;
height: 100vh;
}
.image{
background: url('/userfiles/1378/images/staircase.png');
background-size: cover;
background-position: center;
min-height: 400px;
}
.banner{
background: url('/userfiles/1378/images/client-banner.jpg');
background-size: cover;
background-position: center;
min-height: 400px;
display: flex;
justify-content: center;
align-items: center;
}
.special{
background: rgba(0,0,0,0.4);
}
.bg-dark-gray{
background: #363636!important;
}
.bg-dark-red{
background: #A70A0A;
}
.btn-outline-custom{
border: 3px solid #B40101;
padding: 15px;
}
.product-container{
background: #f9f9f9;
}
.product-card{
background: rgba(0,0,0,0.8);
}
.shadow{
-webkit-box-shadow: 10px 10px 16px -1px rgba(0,0,0,0.30);
-moz-box-shadow: 10px 10px 16px -1px rgba(0,0,0,0.30);
box-shadow: 10px 10px 16px -1px rgba(0,0,0,0.30);
}
.rounded {
border-radius: 10px!important;
}
.red-vert{
color: #A70A0A;
}
.bullet{
height:30px;
margin-right: 10px;
border-radius: 50%;
}
.media{
padding: 10px;
}
.media-heading {
font-size: 14px;
}
@media(min-width: 768px){
.media-heading {
font-size: 20px;
}
}
@media(min-width: 1000px){
.media-heading {
font-size: 25px;
}
}
.bg-off-white{
background: #f9f9f9;
}
.product{
max-height: 500px;
}
.border-red{
border: 5px solid #B40101;
}
.bg-red-gradient{
background: rgba(180,1,1,1);
background: -moz-linear-gradient(left, rgba(180,1,1,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(180,1,1,1)), color-stop(44%, rgba(143,2,34,1)), color-stop(100%, rgba(109,0,25,1)));
background: -webkit-linear-gradient(left, rgba(180,1,1,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -o-linear-gradient(left, rgba(180,1,1,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -ms-linear-gradient(left, rgba(180,1,1,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: linear-gradient(to right, rgba(180,1,1,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b40101', endColorstr='#6d0019', GradientType=1 );
}
.d-flex-1{
flex: 1;
}
.align-center{
align-items: center;
justify-content: center;
}
.arrow-container-down {
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;} .up-arrow {top: -40px;}
@media (max-width:767.98px) {.notch-position {top: -48px;} .down-arrow {top: -37px;}}
@media (min-width:768px) {.notch-position {top: -48px;} .down-arrow {top: -33px;}}
@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;}}
.arrow-container-up {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: -50px;
z-index: 10;
}
.up-arrow {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) rotate(45deg);
-ms-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
top: -30px;
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 */
}
@media (max-width:767.98px) {.notch-position-up {top: -48px;} .up-arrow {top: -30px;}}
@media (min-width:768px) {.notch-position-up {top: -49.5px;} .up-arrow {top: -27px;}}
.nav-tabs .nav-item {
margin-bottom: -1px;
border: 2px solid #b20102;
border-radius: 6px 6px 0px 0px;
width: 50%;
}
@media(min-width: 768px){
.nav-tabs .nav-item {
margin-bottom: -1px;
border: 2px solid #b20102;
border-radius: 6px 6px 0px 0px;
width: 25%;
}
}
.tab-item > a{
color: black;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
color: #f3f3f3;
background-color: #b20104;
border-color: #b20104;
height: 100%;
}
.nav-tabs .nav-link > a > i{
color: black;
}
hr.fade-red {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(167, 19, 19, 0.75), rgba(0, 0, 0, 0));
}
.li-font{
font-size: 13px;
}
@media(min-width: 768px){
.li-font{
font-size: 24px;
}
}
.slide-3-h3{
font-size: 1.0rem;
}
@media(min-width: 768px){
.slide-3-h3{
font-size: 1.75rem;
}
}
.red-gradient{
background-color: #ab0505;
background-image: url("/userfiles/1378/images/black-circle-gradient.svg");
background-attachment: fixed;
background-size: cover;
}
.slide-btn{
width: 190px;
}
@media(min-width: 768px){
.slide-btn{
width: 250px;
}
}
/* Steps */
.step {
position: relative;
min-height: 1em;
color: black;
}
.step + .step {
margin-top: 1.5em
}
.step > div:first-child {
position: static;
height: 0;
}
.step > div:not(:first-child) {
margin-left: 1.5em;
padding-left: 1em;
}
.step.step-active {
color: #4285f4
}
.step.step-active .circle {
background-color: #4285f4;
}
/* Circle */
.circle {
background: white;
position: relative;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
border-radius: 100%;
color: #000;
text-align: center;
box-shadow: 0 0 0 3px var(--primary);
}
.circle-2 {
background: white;
position: relative;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
border-radius: 100%;
color: #000;
text-align: center;
box-shadow: 0 0 0 3px var(--primary);
}
/* Vertical Line */
.circle:after {
content: ' ';
position: absolute;
display: block;
top: 1px;
right: 50%;
bottom: 1px;
left: 50%;
height: 190%;
width: 2px;
transform: scale(1, 2);
transform-origin: 50% -100%;
background-color: var(--primary);
z-index: -1;
}
.circle-2:after {
content: ' ';
position: absolute;
display: block;
top: -30px;
right: 50%;
bottom: 1px;
left: 50%;
height: 318%;
width: 2px;
transform: scale(1, 2);
transform-origin: 50% -100%;
background-color: var(--primary);
z-index: -1;
}
.step:last-child .circle:after {
display: none
}
/* Stepper Titles */
.title {
line-height: 1.5em;
font-weight: bold;
color: var(--primary);
}
.caption {
font-size: 0.8em;
}
/*Progress*/
.progress-bar{
background-color: #009985;
-webkit-transition: none !important;
transition: none !important;
}
.text-shadow{
text-shadow: 0px 0px 14px #000;
}
.chalk{
background: url('/userfiles/1378/images/chalkboard.jpg');
background-size: cover;
background-position: center;
}
.border-left{
border-left: 3px solid var(--primary)!important;
}
.bg-svg-red{
background-color: #330000;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23b40101'/%3E%3Cstop offset='1' stop-color='%23330000'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23FA3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FA3' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
background-position: center;
background-size: cover;
}
/* FOOTER */