/*
Theme Name: Elvinaa Plus 02
Theme URI: https://www.spiraclethemes.com/elvinaa-plus-free-wordpress-theme/
Template: elvinaa
Author: Spiracle Themes
Author URI: https://www.spiraclethemes.com
Description: Elvinaa Plus is a clean, modern and powerful free WordPress theme. It is best suitalble for all small sized and medium sized businesses. Elvinaa Plus comes with powerful theme customizer options that can be used to customize your website the way you want. It has a responsive layout built on Bootstrap framework. It also supports WooCommerce to build online stores.
Tags: e-commerce,right-sidebar,left-sidebar,custom-menu,featured-images,theme-options,blog,custom-colors,custom-logo,flexible-header,threaded-comments,one-column,full-width-template,sticky-post,translation-ready
Version: 1.0.1.1560267249
Updated: 2019-06-11 15:34:09

*/

@font-face {
    font-family:"din";
    src: url(../elvinaa-plus/fonts/DIN-Light.ttf);
	font-display: auto;
}

@font-face {
    font-family: "DINOT-Black";
    src: url(../elvinaa-plus/fonts/DINOT-Black.woff2);
	font-display: auto;
}


@font-face {
    font-family: "DINOT-Medium";
    src: url(../elvinaa-plus/fonts/DINOT-Medium.otf);
	font-display: auto;
}
html, body {
    height: auto;
    overflow-x: hidden;
    min-height: 100%;
}
#main .content-inner {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}
form.wpcf7-form {
    width: 100%;
}
article.page {
    margin-bottom: 0;
}
article.page footer {
    margin: 0;
}
.csection h1 {
    font-size: 48px;
    color: #286163 !important;
    font-family: "DINOT-Black";
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}
.csection h2 {
    font-size: 48px;
    color: #555 !important;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}
.inner {
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-bottom: 40px;
    margin-left: auto;
    height: 1px;
    width: 55%;
    border-bottom: 2px solid #286163;
}
.inner22 {
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-bottom: 20px;
    margin-left: auto;
    height: 1px;
    width: 55%;
    border-bottom: 2px solid #fff;
}
.csection p {
    font-size: 18px;
}
.csection a {
    font-size: 21px;
    color: #fff;
    width: 207px;
    background-color: #286163;
    padding: 23px;
}
.hero {
    margin-bottom: 40px;
    margin-left: calc(-50vw + 50% - 0);
    height: 1100px;
    width: 100vw;
    background-color: #252525;
    position: relative;
    float: left;
    padding: 100px 0;
}
.hero .ctext strong {
    font-size: 48px;
    color: #286163;
    font-family: "DINOT-Black";
}
.hero:after {
    margin-left: -50px;
    height: 0;
    width: 0;
    border-top: solid 50px #fff;
    position: absolute;
    top: 0%;
    left: 50%;
    border-right: solid 50px transparent;
    content: '';
    border-left: solid 50px transparent;
}
.hero:before {
    margin-left: -58px;
    height: 0;
    width: 0;
    border-top: solid 50px #252525;
    position: absolute;
    bottom: -50px;
    left: 50%;
    border-right: solid 50px transparent;
    content: '';
    border-left: solid 50px transparent;
}
#stage {
    color: #fff;
    height: 900px;
    width: 70%;
    display: flex;
    position: absolute;
    top: 15%;
    left: 10%;
    right: 10%;
    background-size: cover;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.blue {
    margin-bottom: 10px;
    height: 150px;
    OPACITY: 0.8;
}
.blue1 {
    background-image: url(https://intellisys-group.com/wp-content/uploads/2019/02/4-1.jpg);
    background-position: center;
    background-size: 100% 269%;
}
.blue:after {
    margin-left: 0;
    height: 0;
    width: 0;
    border-bottom: 76px solid transparent;
    border-top: 74px solid transparent;
    position: absolute;
    top: 0%;
    left: 0%;
    content: '';
    border-left: 97px solid #171616;
}
.blue span {
    font-size: 18px;
    font-family: "DINOT-Medium";
    font-weight: bold;
    position: absolute;
    top: 40%;
    left: 120px;
    text-transform: uppercase;
}
.blue2 {
    background-image: url(https://intellisys-group.com/wp-content/uploads/2019/02/5-1.jpg);
    background-position: bottom center;
    background-size: 100% 269%;
}
.blue3 {
    background-image: url(https://intellisys-group.com/wp-content/uploads/2019/02/3.jpg);
    background-position: top center;
    background-size: 100% 242%;
}
.blue4 {
    background-image: url("https://intellisys-group.com/wp-content/uploads/2019/02/2.jpg");
    background-position: center;
    background-size: 100% 269%;
}
.blue5 {
    background-image: url(https://intellisys-group.com/wp-content/uploads/2019/02/1.jpg);
    background-position: center;
    background-size: 100% 252%;
}
.flex-row {
    display: flex;
    justify-content: center;
}
.main-title {
    text-transform: uppercase;
}
.row.vdivide [class*='col-']:not(:last-child):after {
    width: 1px;
    display: block;
    background-color: #e0e0e0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    min-height: 70px;
    content: "";
}
.downloadButton {
    padding: 7px 20px 8px;
}

.header-wrapper{
    position: relative;
    z-index: 99999;
}


@media only screen and (max-width: 1200px){
    body header.elvinaa-menu-wrapper #elvinaa-main-menu-wrapper .nav>li>a{
        margin: 0 7px;
    }
}


@media only screen and (max-width: 992px){
    body header.elvinaa-menu-wrapper #elvinaa-main-menu-wrapper .nav>li>a{
        color: black !important;
        padding: 10px 5px 0px !important; /* The baseline for this font is off so its a bit off center */
    }
}
@media only screen and (max-width: 991px){
#elvinaa-main-menu-wrapper .navbar-collapse.collapsing,
#elvinaa-main-menu-wrapper .navbar-collapse.collapse,
#elvinaa-main-menu-wrapper .navbar-collapse.collapse.in{
    position: absolute;
    z-index: 9999;
    width: 100%;
    top: 100px !important;
}
}