/*----------------------------------------------------------------------------------

Project     :   Buten - Product Marketing Landing Page
Author      :   thememeta
Athor URI   :   https://themeforest.net/user/thememeta

-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------

[Table of contents]

Default CSS
Site Preloader
Header
Home Area
Home Slider
Home Newsletter
About Area
Section Heading
Features Area
Video Area
Core Feature Area
Why Choose Area
Newsletter Area
Product Area
Testimonial Area
FAQ Area
Contact Area
Footer

--------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------
    Default CSS
---------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800');

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {

}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.main-navbar  .nav-brand {
    display: block;
    float: left;
    padding-top: 6px;
    width: 200px;
}
.main-navbar {
    padding: 25px 0;
    min-height: 100px;
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #0a3049;
}

.main-navbar .navbar-nav {
    float: right;
}

.main-navbar .navbar-nav li a {
    color: #97d5c9!important;
    font-size: 18px;
}

.main-navbar  .navbar-nav > .active a{
    background: transparent!important;
    color: #97d5c9!important;
}


@media (max-width: 767px) {
   .main-navbar  .navbar-header {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0;
        margin: 0!important;
    }

    .main-navbar  .navbar-header:after {
        content: unset!important;
    }
    .main-navbar  .navbar-header:before {
        content: unset!important;
    }

    .main-navbar  .nav-brand {
        float: unset;
    }

    .main-navbar  .navbar-toggle {
        margin-top: 4px;
        float: unset;
        background-color: transparent!important;
    }

    .main-navbar .navbar-nav {
        float: unset;
        margin: 26px -15px 10px;
    }

    .main-navbar  .navbar-collapse {
        border: none;
        box-shadow: none;
    }
}

@media (max-width: 576px) {
     .main-navbar  .container {
        width: 100% !important;
    }

    .main-navbar  .nav-brand {
        padding-top: 11.6px;
    }

    .main-navbar  .nav-brand img {
        width: 200px;

    }
}

a,
a:visited,
a:focus,
a:active,
a:hover {
    text-decoration: none;
    outline: none;
}

input:required,
input:invalid,
textarea:required,
textarea:invalid {
    -webkit-box-shadow: none;
    box-shadow: none;
}

a,
button {
    -webkit-transition: 0.3s;
    transition: 0.3s
}

a {
    color: #2c3e50;
    font-size: 14px
}



header {
    background-color: #0a3049;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header {
    min-height: 100px;
}

.logo {
    display: flex;
}

.nav-bar {

}

.nav-bar ul {
    display: flex;
    justify-content: flex-end;

}
.nav-bar ul li{
    margin: 15px 14px 15px 14px;
    padding: 4px 0 4px 0;
}
.nav-bar ul a{
    color: #97d5c9;
    font-size: 16px;
}

.product_result{
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    background-color: #97d5c9;
    min-height: 100px;
    display: flex;
    align-items: center;
}
.product_result h1{
    font-size: 50px;
    line-height: 49px;
    color: #0a3049;
    text-transform: none;
    margin: 0;
    font-weight: 550;
}

.test_button{
    background: none;
    background: #0a3049;
    border-color: #0a3049;
    padding: 17px 24px 16px 24px;
    text-transform: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    transition: 0.3s;

}
.test_button:hover{
    background: #0066bf;
    transition: 0.3s;
}
.test_button a {
    font: normal bold 18px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    color: white!important;
}

.product_template_two{
    padding: 70px 0 70px 0;
}
.title h2{
    margin: 0;
    color: #0a3049;
}

.video-block{
    padding: 70px 0 70px 0;

}

.rights{
    margin: 0;
    color: white;
}

.footer{
    margin: 70px 0 0 0;
    background: #18191b none repeat center top;
    padding: 15px 0;
}

.footer-nav ul{
    flex-direction: row;
    justify-content: flex-end;
    display: flex;
    align-items: center;
}
.footer-nav ul li a{
    color: white;
    margin:0 10px;
}