/**
 * Default style definitions for the Post Content Shortcodes plugin
 * @package WordPress
 * @subpackage Post Content Shortcodes
 * @version 1.0
 */
.elovis-applications-heading {
    margin-top: 36px;
}

.elovis-application, .elovis-example, .elovis-service {
	text-align: center;
}

.elovis-application img, .elovis-example img, .elovis-service img {
	margin-bottom: 15px;
}

.elovis-application h3, .elovis-example h3 {
    min-height: 48px;
}

.elovis-application-row, .elovis-example-row, .elovis-product-row {
    margin: -10px;
}

.elovis-example {
    padding: 10px;
}

.elovis-example-more img {
    margin-bottom: 75px;
    width: 50%;
	min-height: 116px;
}

.elovis-application img {
	width: 50%;
	min-height: 116px;
}

.elovis-application-home img {
	width: 113px;
	min-height: 116px;
}

.elovis-service img {
	width: 33%;
	min-height: 116px;
}

.elovis-product-image {
	float: left;
	width: 25%;
	padding: 10px;
}

.elovis-product-description {
	float: right;
	width: 75%;
	padding: 10px;
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap>.elementor-widget>.elementor-widget-container>.elementor-shortcode>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 10px;
}

/* landing video */

.videobanner {
    height: 400px;
    overflow: hidden;
}

.videoHeader {
    height: 100%;
}

#videoHeader {
    object-fit: cover;
    height: 100%;
}

.full-width-box {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
}

.overlayText {
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    position: absolute;
    opacity: .9;
    font-size: 70px;
}

.overlayText .title1 {
    text-anchor: end;
}

.overlayText .title2 {
    text-anchor: middle;
    font-size: 123px;
}

.overlayText .title3 {
    text-anchor: start;
}

svg:not(:root) {
    overflow: visible;
}

svg {
    width: 100%;
    height: inherit;
}

svg #alpha {
    fill: #fff;
}

svg #base {
    fill: rgba(255,255,255,.6);
}

svg text {
    text-anchor: middle;
    font-size: 80px;
    font-family: 'FFDINWebProMedium',Calibri,'Trebuchet MS',Arial,Helvetica,sans-serif;
}




/* Contact button */

@media (max-width: 767px) {
    #contact-wrapper{
        display: none;
    }
}

#contact-wrapper{
	position: fixed;
	top:133px;
	right: -874px;
	width: 830px;
	padding: 20px;
	border: 2px solid #da2724;
	border-right: 0px;
	background: #fff;
	z-index: 99999999;
}

#contact-wrapper .contact-button{
	background: #da2724;
    color: #fff;
    text-align: center;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: block;
    width: 110px;
    height: 25px;
    float: left;
    position: absolute;
    top: 210px;
    left: -85px;
    padding: 6px 8px 10px 8px;
    font-size: 18px;
}

#contact-overlay {
	position: fixed;
	width: 100%; 
	height: 100%;
	opacity: 0.6;
	background: rgb(0, 0, 0);
	z-index: 9999999;
	top: 0px;
	left: 0px;
}