/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
@font-face {
    font-family: GeoSansLight;
    src: url(GeosansLight.ttf);
}

html,
body {
    height: 100%;
}

body.lp {
    padding-top: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.lp-opaque {
    margin: 25px 25px 25px 25px;

    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    zoom: 1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.lp-more-opaque {
    margin: 25px 25px 25px 25px;

    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    zoom: 1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}
video {
	width: 100%;
	height: auto;
}
.cross {
    position: relative;
    display: inline-block;
	color: grey;
}
.cross::before, .cross::after {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}
.cross::before {
    border-bottom: 1px solid red;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
}
.cross::after {
    border-bottom: 1px solid red;
    -webkit-transform: skewY(10deg);
    transform: skewY(10deg);
}

.mauticform-error { margin-bottom: 10px; color: red; }
.mauticform-message { margin-bottom: 10px;color: green; }
.mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; }
.mauticform-errormsg { display: block; color: red; margin-top: 2px; }

/* MikeD */
body {
    background-color: #F5F5F5;
}
.navbar {
    min-height: 66px;
    margin-bottom:-10px;
}
.navbar-brand {
    color: #000000;
}
.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none;
    color: #CD6F01;
}
.navbar-nav > li > a {
    text-decoration: none;
    color: #000000;
}
.navbar-nav > li > a:hover {
    text-decoration: none;
    color: #CD6F01;
}
header {
    padding: left 0px !important;
    margin: left 0px !important;
}
header > div {
    margin-left:0px;
    padding-left:0px;
}
header > div > div {
    margin-left:0px;
    padding-left:0px;
}
header > img {
    height: 33px;
    left:0px;
    margin-left:0px;
    padding-left:0px;
}
.navbar-toggle {

    background-color: transparent;
    background-image: none;
    border: 1px solid black;
    border-radius: 4px;
}
.icon-bar {
    background-color:black;
}

footer {
    background: #BCC767;
    color: #CD6F01;
}

.buy-button {width:120px;height:40px;margin:5px;text-decoration:none;z-index: 500;}

/* xs */
@media (max-width: 576px) {
    .mbd {
        margin-bottom:10px;
        margin-top:-90px;
    }
    .mbd2 {
        margin-left:50px;
    }
    .mbd > img {
        box-shadow: 12px 4px 15px 5px rgba(0, 0, 0, 0.27);
        z-index: 5000;
    }
    .curve-bg {
        margin-top: 20px;
        padding-top:20px;
        background: #CD6F01;
        padding-bottom:1px;
    }
    .curve-bg > p {
        background: #CD6F01;
    }
    .curve-end-bg {
        margin-top:0px;
        padding-top:20px;
        padding-bottom:20px;
        background: #CD6F01;
    }
    .curve-img {
        margin-top:0px;
        
    }

}

/* small */
@media (min-width: 576px) {
    .mbd {
        margin-bottom:10px;
    }
    .mbd2 {
        margin-left:50px;
    }
    .mbd > img {
        box-shadow: 12px 4px 15px 5px rgba(0, 0, 0, 0.27);
        z-index: 5000;
    }
    .curve-bg {
        margin-top: 20px;
        padding-top:20px;
        padding-left:20px;
        background: #CD6F01;
    }
    .curve-bg > p {
        background: #CD6F01;
    }
    .curve-end-bg {
        margin-top: 20px;
        padding-top:20px;
        padding-bottom:59px;
        background: #CD6F01;
    }
    .curve-img {
        z-index: 500;
    }
}

/* medium */
@media (min-width: 768px) {
    .mbd {
        margin-bottom:10px;
        margin-left:50px;
        margin-top:-130px;
    }
    .mbd2 {
        margin-left:50px;
    }
    .mbd > img {
        box-shadow: 12px 4px 15px 5px rgba(0, 0, 0, 0.27);
        z-index: 5000;
    }
    .curve-bg {
        margin-top: 20px;
        padding-top:20px;
        padding-left:20px;
        background: #CD6F01;
    }
    .curve-bg > p {
        background: #CD6F01;
    }
    .curve-end-bg {
        margin-top: 20px;
        padding-top:20px;
        padding-bottom:59px;
        background: #CD6F01;
    }
    .curve-img {
        z-index: 500;
    }
}

/* large */
@media (min-width: 992px) {
    .mbd {
        margin-bottom:10px;
        margin-top:-100px;
        margin-left:50px;
    }
    .mbd2 {
        margin-left:50px;
    }
    .mbd > img {
        box-shadow: 12px 4px 15px 5px rgba(0, 0, 0, 0.27);
        z-index: 5000;
    }
    .curve-bg {
        margin-top: 20px;
        padding-top:10px;
        padding-left:75px;
        background: #CD6F01;
        border-radius: 0px 0px 0px 90px;
    }
    .curve-bg > p {
        background: #CD6F01;
    }
    .curve-end-bg {
        margin-top: 20px;
        padding-top:20px;
        padding-bottom:41px;
        background: #CD6F01;
    }
    .curve-img {
        z-index: 500;
        margin-top:-40px;
    }
}

/* x-large */
@media (min-width: 1200px) {
    .mbd {
        margin-bottom:10px;
        margin-top:-200px;
        margin-left:50px;
    }
    .mbd2 {
        margin-left:50px;
    }
    .mbd > img {
        box-shadow: 12px 4px 15px 5px rgba(0, 0, 0, 0.27);
        z-index: 5000;
    }
    .curve-bg {
        margin-top: 20px;
        padding-top:20px;
        padding-left:75px;
        background: #CD6F01;
        color:white;
        border-radius: 0px 0px 0px 90px;
    }
    .curve-bg > p {
        background: #CD6F01;
    }
    .curve-end-bg {
        margin-top: 20px;
        padding-top:20px;
        padding-bottom:46.5px;
        background: #CD6F01;
        color:white;
    }
    .curve-img {
        z-index: 500;
        margin-top:-80px;
    }
}