:root{
    --blue: rgba(82,105,145,1.00);
    --red: #BE1622;
}

@import url('https://fonts.googleapis.com/css?family=Nunito:200,400,600,700,800');
@font-face {
    font-family: 'myriad pro';
    src: url('../fonts/myriadpro-light.otf'); /* IE9 Compat Modes */
    src: url('../fonts/myriadpro-light.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/myriadpro-light.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
    font-family: 'gotham';
    src: url('../fonts/Gotham-Medium-Regular.otf'); /* IE9 Compat Modes */
    url('../fonts/Gotham Medium Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/Gotham Medium Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
}

*, html, body{
    font-family: 'myriad pro', 'Helvetica Neue', sans-serif;
}

a, a:hover{
    transition: 0.35s all;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1000px;
    }
    
    .container-special{
        max-width: 1200px;
    }
}
/* Hero */
.hero {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    height: 100vh;
    margin-top: 80px;
    color: #fff;
    position: relative;
    background-size: cover;
}

.hero-bg {
    grid-column: span 4;
}

.hero-content {
    position: relative;
    grid-column: span 6;
    background: #fafafa;
    padding: 2rem 3rem;
}

.hero-content h1 {
    color: #151515;
    font-size: 4rem;
    font-weight: 500;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #ededed;
}

.hero-content h2 {
    color: #505050;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 5px;
    text-transform: uppercase;
}

@media screen and (max-width: 786px){
    .hero-bg {
        grid-column: span 10;
        height: 50vh;
    }

    .hero-content{
        grid-column: span 10;
        height: 50vh;
    }
}

/* Navbar Style */
.nav-container,
.navbar{
    width: 100%;
    height: 100%;
    background-color: var(--blue);
}

.nav-container{
    height: 50px;
}

.navbar-brand{
    height: 11vh;
    display: flex;
    align-items: center;
}

.nav-link,
.nav-link:visited{
    color: #fff;
}

.nav-link {
    font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 300;
}

.nav-link:hover{
    color: #bdbdbd;
    text-decoration: none;
}

.navbar-toggler{
    border-color: #eeeeee;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(238, 238, 238, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

/**
* Main Style
*/

.logo{
    max-width: 250px;
}

.bg-cover{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.bg-contain{
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}

.list-style-none{
    list-style: none;
}

/* Slider */
.carousel-item {
    width: 100%;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.slider-container{
    padding: 0;
}

/* Content */
.content{
    padding-top: 5rem;
    /*padding-bottom: 7rem;*/
}

.text{
    padding: 2rem 0;
    margin: 2rem 0;
}

.title{
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .25rem;
}
.title.red{
    color: var(--red);
}

.divider{
    height: 1px;
    background-color: #006699;
    margin: 1rem 46%;
}

.category-name:after{
    content: "";
    background-color: #006699;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
}

/* Cards */
.cards{
    padding: 50px 0 0 0;
}

.card,
.card-img,
.card-header{
    border: 0;
    border-radius: 0 !important;
}

.card-header{
    background: var(--blue);
    color: #fff;
    font-weight: 600;
    margin-bottom: 0.5rem
}

.card-img{
    min-height: 20vh;
}

.read-more:after{
    content: "\f105";
    /* FontAwesome Unicode */
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 600; /* insert this definition */
    display: inline-block;
}

/* Product card */
.product-card{
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-column-gap: 10px;
    color: #000000;
    min-height: 15vh;
    position: relative;
    background: transparent;
    padding: .2rem .1rem;
    border-bottom: 1px dashed;
}

.product-card-old{
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-column-gap: 10px;
    color: #000000;
    min-height: 15vh;
    position: relative;
    background: transparent;
    padding: .2rem .1rem;
    border-bottom: 1px dashed;
}

.product-card-first-image-old{
    grid-column: span 1;
}

.product-card-content-old{
    grid-column: 2 / span 9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #151515
}

.product-card-first-image{
    grid-column: span 4;
}

.product-card-second-image{
    grid-column: 5 / span 2;
}

.product-card-content{
    grid-column: 7 / span 4;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    color: #88AF9E;
    font-weight: 600;
    font-size: 1.25rem;
    text-align: left;
}

.product-card-mid{
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-column-gap: 5px;
    color: #000000;
    min-height: 15vh;
    position: relative;
    background: transparent;
    padding: .2rem .1rem;
    border-bottom: 1px dashed;
}

.product-card-first-image-mid{
    grid-column: 2 / span 4;
    min-height: 10vh;
}

.product-card-second-image-mid{
    grid-column: 7 / span 4;
}

.product-card-content-mid{
    grid-column: span 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #88AF9E;
    font-weight: 600;
    font-size: 1.25rem;
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .product-card-first-image-mid{
        grid-column: span 2;
    }

    .product-card-second-image-mid{
        grid-column: 3 / span 2;
    }

    .product-card-content-mid{
        grid-column: 5 / span 6;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        color: #88AF9E;
        font-weight: 600;
        font-size: 1.25rem;
        text-align: left;
    }
}

/* Product Grid */
.product-grid{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    color: #fff;
    width: 100%;
    position: relative;
    padding: 1rem 1rem;
    grid-auto-flow: row dense;
    grid-gap: 10px;
}

.product-grid-item{
    height: 25vh;
    grid-column: span 5;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .product-grid-item{
        height: 25vh;
        grid-column: span 1;
    }
}

.product-overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #212121;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    font-weight: 700;
    z-index: 2;
}

.product-overlay a{
    color: #212121;
}

.download-link{
    padding: 1rem;
    background-color: var(--blue);
    color: #fff;
}

.download-link:hover{
    color: #fff;
}

.download-link i{
    font-size: 1.5rem;
}

/* Sidebar */
.sidebar{
    height: 100%;
    background: RGBA(230,229,230,1.00);
    padding: 2rem 1rem;
}

/* Contacts */
.contact-hero {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    color: #fff;
    position: relative;
}

.contact-hero-content {
    position: relative;
    grid-column: span 10;
    background: #fafafa;
    width: 100%;
    height: 40vh;
}

.contact-hero-address {
    grid-column: span 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #151515;
    padding: .5rem 1rem;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .contact-hero-content {
        grid-column: span 7;
    }

    .contact-hero-address {
        grid-column: 8 / span 3;
    }
}

i{
    font-size: 2rem;
}

.table-responsive i{
    font-size: 1rem;
}

/**
* Footer style
*/
.footer-8{
    padding-top:70px;
    padding-bottom:70px;
    background: var(--blue);
    color: #fff;
}

.footer-8 a{
    color:#fff;
    font-weight:400;
}

.footer-8 .additional-links{
    font-size:12px;
    font-weight:400;
    color: #fff;
}

.footer-8 .additional-links b{
    color: #fff;
}

.footer-8 .additional-links a{
    text-decoration:underline
}

@media (max-width:480px){
    .footer-8{
        padding-top:40px;
        padding-bottom:40px;
        text-align:left
    }
}

.footer-8 .additional-links {
    font-size: 0.9rem;
}

.footer-8 .additional-links a {
    text-decoration: none;
}

.footer-8 .additional-links i {
    font-size: 0.8rem;
    color: #fff;
}

/* Helpers */
.flex-center-center{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.gotham{
    font-family: 'gotham', sans-serif;
}