/*!
 * Start Bootstrap - New Age v5.0.1 (https://startbootstrap.com/template-overviews/new-age)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-new-age/blob/master/LICENSE)
 */

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Helvetica', 'Arial', 'sans-serif';
}

a {
    color: blacks;
    -webkit-transition: all .35s;
    transition: all .35s;
}

a:hover,
a:focus {
    /*color: #326FC0;*/
    color: #2c3e50;
    text-decoration: none;
}

hr {
    max-width: 100px;
    margin: 25px auto 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
    border-color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Helvetica', 'Arial', 'sans-serif';
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

h1 {
    padding-top: 60px;
}

h2 {
    padding-top: 20px;
}

h3 {
    padding-top: 10px;
}

p, ul {
    font-size: 20px;
    line-height: 1.5;
    font-weight: lighter;
}

section {
    padding: 20px 0px 20px 0px;
}

section h2 {
    font-size: 50px;
}

.rowoverlay {
    top: 0;
    left: 0;
    z-index: 0;
}


header.masthead figure {
    margin: 0 !important;
}

.header-image-iphone {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.45s ease, transform 0.45s ease;
    will-change: opacity, transform;
}

.header-image-iphone.is-loading {
    opacity: 0;
    transform: translateY(6px) scale(0.99);
}

@media (prefers-reduced-motion: reduce) {
    .header-image-iphone {
        transition: none;
    }
}


/* --------------------------------------------------------------------------------------- */
/* BUTTON                                                                                  */
/* --------------------------------------------------------------------------------------- */

.bg-primary {
    background: #fdcc52;
    background: -webkit-gradient(linear, left top, left bottom, from(#fdcc52), to(#fdc539));
    background: linear-gradient(#fdcc52, #fdc539);
}

.text-primary {
    color: #fdcc52;
}

.no-gutter>[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.color-white {
    color: black;
    background-color: white;
    border-color: white;
}

.color-blue {
    color: #49A0C5;
    border-color: #49A0C5;
}

.btn-float-left {
    /*position: absolute;*/
    left: 0;
    bottom: 0;
    /*margin-left: 20px;*/
}

.btn-outline {
    border: 1px solid;
}

.btn-outline-white,
.btn-outline-white:focus,
.btn-outline-white:active,
.btn-outline-white.active {
    background-color: white;
    border-color: white;
    color: black;
}

.btn-outline-white:hover {
    background-color: transparent;
    color: white;
}

.btn-outline-blue:hover,
.btn-outline-blue:focus,
.btn-outline-blue:active,
.btn-outline-blue.active {
    background-color: #49A0C5;
    border-color: #49A0C5;
    color: white;
}

.btn-blue {
    background-color: #49A0C5;
    border-color: #49A0C5;
    color: white;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {
    background-color: #1077a3;
    border-color: #1077a3;
    color: white;
}

.btn {
    /*border-radius: 300px;*/
    font-family: 'Helvetica', 'Arial', 'sans-serif';
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 15px 45px;
}


/* --------------------------------------------------------------------------------------- */
/* INTRODUCTION                                                                            */
/* --------------------------------------------------------------------------------------- */

header.introduction h1 {
    font-family: 'Helvetica';
    color: #2c3e50;
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1px;
    font-weight: 800;
    text-align: center;
}

header.introduction img {
    width: 100%;
}

/* --------------------------------------------------------------------------------------- */
/* HEADER                                                                                */
/* --------------------------------------------------------------------------------------- */


@media (min-width: 300px) {

    header.masthead {
    }

    .header-text {
    }

    .header-product {
    }
}

@media (min-width:576px) {

    header.masthead {
    }

    .header-text {

    }

    .header-product {
    }


}

@media screen and (orientation:portrait) and (min-width:768px) {

    header.masthead {
    }

    .header-text {

    }

    .header-product {
    }
}

@media (min-width: 992px) {

    header.masthead {
    }

    .header-text {

    }

    .header-product {
    }
}

/* --------------------------------------------------------------------------------------- */
/* TYPE                                                                                   */
/* --------------------------------------------------------------------------------------- */

/* ------------------------------------------------ */
/* A                                                */
/* ------------------------------------------------ */

section.typeA .block-height {
    min-height: 30vh;
    max-height: 50vh;
}

/* ------------------------------------------------ */
/* D                                                */
/* ------------------------------------------------ */

section.typeD .row > div {
    padding-bottom:10px;
}

/* ------------------------------------------------ */
/* H                                                */
/* ------------------------------------------------ */

section.typeH {
    background-color: inherit;
}

section.typeH .bgimage {
    width: 100%;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}



/* ------------------------------------------------ */
/* YOUTUBE                                          */
/* ------------------------------------------------ */

.auto-resizable-iframe {
    max-width: 960;
    margin: 0px auto;
}

.auto-resizable-iframe>div {
    position: relative;
    padding-bottom: 56%;
    height: 0px;
}

.auto-resizable-iframe iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

/* --------------------------------------------------------------------------------------- */
/* CLIENTS                                                                                  */
/* --------------------------------------------------------------------------------------- */


section.clients img {
    width: 100%;
    padding: 10px;
}

section#products {
    padding-bottom: 200px;
} 

section#markets {
    padding-bottom: 200px;
}

/* --------------------------------------------------------------------------------------- */
/* SIMPLE CARD                                                                             */
/* --------------------------------------------------------------------------------------- */

.simple-card {
    padding-bottom: 50px;
}

.simple-card img {
    width: 100%;
}

.simple-card .items {
    padding-top: 50px;
}

.simple-card .item {
    padding: 10px;
}

.simple-card .item-select {
    border: 1px solid #e1e1e1;
    /* -webkit-box-shadow: 0px 0px 30px -10px rgba(169, 174, 178, 1);
    -moz-box-shadow: 0px 0px 30px -10px rgba(169, 174, 178, 1);
    box-shadow: 0px 0px 30px -10px rgba(169, 174, 178, 1); */
}


.simple-card .item-select:focus,
.simple-card .item-select:hover {
    border: 1px solid #919191;
    /* -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 1); */
}

.simple-card .inner-item {
    background-color: white;
    padding: 10px;
}

.simple-card p {
    margin-bottom: 0px;
}

.simple-card .item-title {
    padding-top: 15px;
    font-weight: 300;
    font-size: 25px;
    margin-bottom: 0rem;
    padding: 10px 10px 0px 10px;
}

.simple-card .item-excerpt {
    margin-bottom: 0rem;
    font-weight: 200;
    padding: 10px 10px 0px 10px;
}

.simple-card a,
.simple-card a:hover {
    color: black;
}

/* --------------------------------------------------------------------------------------- */
/* FOOTER                                                                                  */
/* --------------------------------------------------------------------------------------- */

footer {
    padding: 25px 0;
    color: white;
    background-color: black;
}

@media (min-width: 300px) {
    footer .image-container {
        margin-top: -120px;
        overflow: hidden;
        max-width: 100%;
    }

    footer .image-container>object {
        width: 250%;
        position: relative;
        transform: translateX(-30%);
    }
}

@media (min-width: 500px) {
    footer .image-container>object {
        width: 170%;
        position: relative;
        transform: translateX(-30%);
    }

    footer .image-container {
        margin-top: -130px;
    }
}

@media (min-width:768px) {

    footer .image-container>object {
        width: 140%;
        position: relative;
        transform: translateX(-20%);
    }

    footer .image-container {
        margin-top: -150px;
    }
}

@media (min-width:900px) {

    footer .image-container>object {
        width: 120%;
        position: relative;
        transform: translateX(-15%);
    }

    footer .image-container {
        margin-top: -150px;
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px;
    }

    footer .image-container {
        margin-top: -200px;
    }
}

footer p {
    font-size: 12px;
    margin: 0;
    line-height: 1.5;
}

footer a {
    color: white;
    line-height: 2;
    font-size: 14px;
}

footer ul {
    margin-bottom: 0;
}

footer ul li a {
    font-size: 12px;
    color: white
}

footer ul li a:hover,
footer ul li a:focus,
footer ul li a:active,
footer ul li a.active {
    text-decoration: none;
}