﻿@font-face {
    font-family: 'ProximaNova-Medium';
    src: url('../../Content/fonts/ProximaNova-Medium.eot') format('embedded-opentype'), url('../../Content/fonts/ProximaNova-Medium.woff') format('woff'), url('../../Content/fonts/ProximaNova-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'ProximaNovaReg';
    src: url('../../Content/fonts/ProximaNovaReg.eot') format('embedded-opentype'), url('../../Content/fonts/ProximaNovaLight.woff') format('woff'), url('../../Content/fonts/ProximaNovaLight.woff2') format('woff2');
}

@font-face {
    font-family: 'ProximaNovaLight';
    src: url('../../Content/fonts/ProximaNovaLight.eot') format('embedded-opentype'), url('../../Content/fonts/ProximaNovaLight.woff') format('woff'), url('../../Content/fonts/ProximaNovaLight.woff2') format('woff2');
}

html {
    padding: 0;
    margin: 0;
}

body {
    font-family: ProximaNovaLight;
    font-size: 18px;
}

.row {
    margin: 0;
}

.navbar-fixed-top {
    /* height: 75px;*/
    background-color: #952333 !important;
    font-size: 16px !important;
    z-index: 1000;
}



.top-navigation ul {
    width: 100%;
}

    .top-navigation ul li {
        height: 75px;
        line-height: 75px;
    }

.top-navigation .navigation-logo-container {
    padding-left: 85px;
}

    .top-navigation .navigation-logo-container .logo-image {
        width: 157px;
        height: 21px;
        background-image: url("../../assets/Images/global/stewart-small-nav-logo-full.png");
        background-size: 157px 21px;
        background-repeat: no-repeat;
        background-position: center;
    }

.navigation-logo-container a {
    padding: 0 !important;
}







.btn-sign-up {
    background-color: #952333;
    border-color: #fff;
    height: 10px;
    line-height: 1px;
    font-size: 16px !important;
}


.navigation-links-container ul.nav {
    width: auto;
}

    .navigation-links-container ul.nav > li.link {
        width: 106px;
        text-align: center;
        margin-left: 5px;
        margin-right: 5px;
    }

        .navigation-links-container ul.nav > li.link:hover {
            border-style: solid;
            border-width: 0px 0px 4px 0px;
            border-color: #fff;
            cursor: pointer;
            background-color: #fff;
        }
        .navigation-links-container ul.nav > li.link.active {
            border-style: solid;
            border-width: 0px 0px 4px 0px;
            border-color: #fff;
            cursor: pointer;
            background-color: #9d3a49;            
        }

    .navigation-links-container ul.nav > li:last-child {
        padding-left: 30px;
    }

ul.nav li a {
    color: #fff !important;
    display: inline-block;
    vertical-align: middle;
    padding: 0px !important;
    text-decoration: none;
    line-height: 75px;
    width: inherit;
}

    ul.nav li a:hover {
        background-color: transparent;
        color: #4b4b4b !important;
    }


ul.nav li .btn {
    height: 30px !important;
    width: 121px !important;
    color: #fff;
}

.container-fluid {
    padding: 0;
}

#hero-section {
    height: 705px;
    margin-top: 75px;
    background: url('../Images/MobileAppSplash/T365_App_Splash_sm.jpg') no-repeat center center;
    background-size: cover !important;
    position: relative;
}

    #hero-section .chevron {
        position: absolute;
        bottom: 25px;
        left: calc(50% - 18px);
        cursor: pointer;
    }

    #hero-section .info_container {
        font-family: ProximaNovaLight;
        font-size: 19px;
        color: #fff;
        text-align: left;
        position: absolute;
    }

        #hero-section .info_container .title {
            font-family: ProximaNovaLight;
            /*font-size: 212%;*/
            font-size: 42px;
            line-height: 110%;
        }

        #hero-section .info_container p {
            /*font-size: 115%;*/
            font-size: 22px;
            line-height: 1.2;
            padding: 20px 0 41px 0;
            width: 100%;
        }

.download-badge {
    width: 186px !important;
    height: 55px;
}

.prop-profile-phone, .calculator-phone {
    width: 214px;
}

.container-fluid.row {
    padding: 60px 0px;
    text-align: center;
}

    .container-fluid.row > header {
        font-family: ProximaNovaLight;
        font-size: 42px;
        color: #363636;
        padding-bottom: 30px;
    }

.sign-up-section header {
    padding-bottom: 0 !important;
}

.container-fluid.row:nth-child(odd) {
    background-color: #F7F7F7;
}

.container-fluid .col-desc {
    text-align: left;
    padding-top: 100px;
}

.col-desc > div {
    width: 40%;
    padding: 15px;
}

.col-desc .title {
    font-family: ProximaNova-Medium;
    font-size: 19px;
    color: #4385ff;
}

.col-desc > div > p {
    font-size: 18px;
    color: #2d2d2d;    
}

.col-screen.col-left {
    padding-left: 50px;
}

.col-desc.col-right {
    padding-left: 75px;
}

.container-fluid.video-section {
    height: 700px;
    background-color: #3C95FF;
    text-align: center;
    background: url('../Images/MobileAppSplash/video_bg.jpg') no-repeat 65% 100%;
    background-size: cover;
}

    .container-fluid.video-section .table {
        display: table;
        height: 100%;
        margin: 0 auto;
    }

    .container-fluid.video-section .table-row {
        display: table-row;
    }

    .container-fluid.video-section .table-cell {
        display: table-cell;
        vertical-align: middle;
    }

        .container-fluid.video-section .table-cell img {
            height: 88px;
        }

        .container-fluid.video-section .table-cell > div {
            padding-top: 24px;
            color: #fff;
            font-family: ProximaNova-Medium;
            font-size: 26px;
        }

.container-fluid.smart-farming-section > div > header {
    font-size: 19px;
    color: #363636;
}

    .container-fluid.smart-farming-section > div > header > div {
        font-size: 42px;
        color: #363636;
    }

.container-fluid.smart-farming-section > div > p {
    margin: 0 auto;
    padding: 5px 0 56px 0;
    width: 52%;
    color: #2d2d2d;
    font-size: 18px;
    font-family: ProximaNovaReg;
}

.container-fluid.sign-up-section > p {
    width: 52%;
    margin: 0 auto;
    padding: 25px 0 36px 0;
    font-size: 17px;
    color: #2d2d2d;
}

.container-fluid.sign-up-section > img {
    cursor: pointer;
}

.container-fluid.footer-section {
    position: relative;
}

    .container-fluid.footer-section .container {
        width: auto;
        border: 1px solid;
        text-align: center;
        margin: 0 auto;
    }

    .container-fluid.footer-section .copyright {
        padding: 10px 0 0;
        color: #9B9B9B;
        font-size: 10px;
    }

    .container-fluid.footer-section .tim {
        position: absolute;
        left: 300px;
        bottom: 0;
    }

    .container-fluid.footer-section .logo-box {
        position: relative;
        padding-right: 35px;
        width: 50%;
        float: left;
    }

        .container-fluid.footer-section .logo-box .separator {
            border-width: 0 2px 0 0;
            border-style: solid;
            height: 34px;
            border-color: #B5B5B5;
        }

        .container-fluid.footer-section .logo-box .logo {
            padding-right: 55px;
            border-color: #B5B5B5;
        }

    .container-fluid.footer-section .social-links {
        padding-left: 0;
        width: 50%;
        float: left;
    }

        .container-fluid.footer-section .social-links a {
            padding-right: 30px;
            text-decoration: none;
        }

.farm-mid-screen {
    margin: 0 20px;
    width: 237px;
    height: 485px;
}

.farm-side-screen {
    height: 367px;
}

.farm-screen-1 {
    width: 196px;
    height: 402px;
}

.farm-screen-2 {
    width: 196px;
    height: 402px;
}

.farm-screen-3 {
    width: 196px;
    height: 402px;
}

.owl-item {
    width: 100%;
}

.owl-itm-inner {
    width: 70%;
    margin: 0 auto;
    max-width: 192px;
}

.owl-stage-outer {
    background: url('../Images/MobileAppSplash/blank-iphone@2x.png') no-repeat center center;
    background-size: 190px 402px;
}

.prop-profile-phone {
    float: right;
}

.logo_footer {
    width: 123px;
    height: 30px;
}

.about-video .close-x {
    width: 42px;
    right: 48px;
}

.calc_title {
    max-width: 190px;
    color: #4385ff;
    font-size: 19px;
    text-align: center;
    font-family: ProximaNova-Medium;
    padding-top: 15px;
    display: inline-block;
}

.calc_desc {
    max-width: 294px;
    color: #2d2d2d;
    font-size: 18px;
    text-align: center;
    font-family: ProximaNovaReg;
    padding: 10px 0 20px 0;
    display: inline-block;
}



/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .top-navigation .navigation-links-container {
        padding-right: 93px;
    }

    .container-fluid.footer-section .tim {
        left: 15%;
    }
    /*Features paragraph*/
    .col-desc > div {
        width: 68%;
    }

    #hero-section .info_container {
        top: 30%;
        left: 15%;
        /*font-size: 27px;*/
    }

    #hero-section {
        background: url('../Images/MobileAppSplash/T365_App_Splash_Bg.jpg') no-repeat center 100%;
        min-height: 750px;
    }

    .col-desc > div > p {
        margin-right: 35px;
        line-height: 26px;
        padding-top: 5px;
    }

    .calc-section.container-fluid.row > header {
        padding-bottom: 80px !important;
    }

    .features-section.container-fluid.row > header {
        padding-bottom: 55px !important;
    }
}

@media (min-width: 1450px) {
    #hero-section .info_container {
        top: 30%;
        left: 22%;
    }

    .col-desc > div {
        width: 60%;
    }
}

@media (max-width: 1024px) {
    .container-fluid.sign-up-section > p {
        width: 55%;
    }

    .container-fluid.smart-farming-section > div > p {
        width: 55%;
    }
}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .top-navigation .navigation-links-container {
        padding-right: 93px;
    }

    .container-fluid.footer-section .tim {
        left: 5%;
    }
    /*Features paragraph*/
    .col-desc > div {
        width: 68%;
    }

    #hero-section .info_container {
        top: 150px;
        left: 17%;
        font-size: 19px;
    }

    #hero-section {
        height: auto;
        min-height: 500px;
        background: url('../Images/MobileAppSplash/T365_App_Splash_md.jpg') no-repeat center !important;
    }
}

@media (min-width: 768px) {
    .col-desc > div {
        width: 75%;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .top-navigation .navigation-links-container {
        padding-right: 33px;
    }
    /*Features paragraph*/
    .col-desc > div {
        width: 75%;
    }

    #hero-section {
        height: auto;
        min-height: 500px;
        background: url('../Images/MobileAppSplash/T365_App_Splash_md.jpg') no-repeat center !important;
    }

        #hero-section .info_container {
            top: 23%;
            left: 10%;
            font-size: 19px;
        }
}

@media (max-width: 768px) {
    .container-fluid.row {
        text-align: center !important;
    }

    #hero-section {
        height: auto;
        min-height: 500px;
        background-position: 100% 15px;
    }

    #download-section .title {
        font-size: 30px;
    }

    #download-section .info_container p {
        font-size: 16px !important;
    }

    .container-fluid.video-section {
        height: 461px;
        background: url('../Images/MobileAppSplash/video_bg_md.jpg') no-repeat center 100%;
    }

    .container-fluid.footer-section .logo-box {
        padding-right: 25px;
    }

        .container-fluid.footer-section .logo-box .logo {
            padding-right: 35px;
        }

    .prop-profile-phone {
        float: none;
    }

    .col-screen.col-left {
        padding-left: 15px;
    }

    .col-desc > div {
        width: 100%;
    }

    .col-desc-icon {
        display: none;
    }

    .col-desc.col-right, .col-desc.col-left {
        text-align: center;
        padding-left: 0;
        padding-top: 110px;
    }

    .container-fluid.sign-up-section > p {
        width: 60%;
    }

    .container-fluid.smart-farming-section > div > p {
        width: 60%;
    }

    .calc_title,
    .calc_desc,
    .calc_img {
        display: block;
        width: 100%;
        max-width: none;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .col-desc.col-right, .col-desc.col-left {
        padding-top: 65px;
    }
}

@media (max-width: 425px) {
    #hero-section {
        height: auto;
        min-height: 310px;
        background-position: 0 10px;
    }

    .container-fluid.video-section {
        height: 440px;
        background: url('../Images/MobileAppSplash/video_bg_md.jpg') no-repeat center 100%;
    }

    .col-desc.col-right, .col-desc.col-left {
        padding-top: 30px;
    }

    .col-desc > div > p {
        font-size: 16px;
        padding-top: 10px;
    }

    .col-desc .title {
        font-size: 17px;
    }

    .container-fluid.smart-farming-section > div > header {
        font-size: 15px;
    }

    .container-fluid.footer-section .logo-box .logo {
        float: none !important;
        padding: 0 0 9px 0;
        border-bottom: 2px solid;
        border-color: #B5B5B5;
        margin: 0 auto;
    }

    .container-fluid.footer-section .logo-box {
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
    }

        .container-fluid.footer-section .logo-box .separator {
            display: none;
        }

    .container-fluid.footer-section .social-links a {
        padding-right: 25%;
    }

    .container-fluid.footer-section .social-links {
        text-align: left;
        padding: 9px 0;
        width: 100%;
    }

        .container-fluid.footer-section .social-links > div {
            float: none !important;
            padding: 0 15px 0 20px;
            margin: 0 auto;
        }

    #features-section .col-left img, #features-section .col-right img {
        float: none !important;
    }

    .col-screen.col-left {
        padding-left: 0;
        text-align: center;
    }

    .col-desc > div {
        float: none !important;
        width: auto;
        padding: 0;
    }

    .col-desc {
        width: 95%;
        margin-left: 4%;
    }

    .container-fluid.row > header {
        font-size: 30px !important;
        text-align: center;
    }

    .container-fluid.sign-up-section > p {
        font-size: 16px;
    }

    .container-fluid.row:nth-child(odd) {
        background-color: #fff;
    }

    .container-fluid.row:nth-child(even) {
        background-color: #F7F7F7;
    }

    .top-navigation .navigation-logo-container {
        padding: 0;
        width: 129px;
        margin: 0 auto;
    }

    .top-navigation ul {
        margin-right: 0;
        margin-left: 0;
    }

    .container-fluid.row {
        padding: 30px 0;
    }

    .smart-farming-section {
        padding-bottom: 0 !important;
    }

    .container-fluid.sign-up-section > p {
        width: 80%;
        padding: 10px 0 36px 0;        
    }

    .container-fluid.smart-farming-section > div > header > div {
        font-size: 30px !important;
        text-align: center;
        padding-bottom: 25px;
    }

    .container-fluid.smart-farming-section > div > p {
        width: 80%;
        font-size: 16px;
        text-align: center;
        padding-bottom: 30px;
    }

    .calc-section.container-fluid.row > header {
        padding-bottom: 10px !important;
    }

    .calc_img {
        padding-top: 20px;
        display: block;
    }
    
    .calc_desc {
        font-size: 16px;
        display: block;
    }

    .calc_title {
        font-size: 18px;
        display: block;
    }
}

@media (max-width: 375px) {
    .container-fluid.video-section {
        height: 307px;
        background: url('../Images/MobileAppSplash/video_bg_sm.jpg') no-repeat center 100%;
    }

    .container-fluid.footer-section .social-links a {
        padding-right: 23%;
    }

    .prop-profile-phone, .calculator-phone {
        width: 154px;
    }
}

@media (max-width: 320px) {


    #hero-section {
        height: auto;
        min-height: 310px;
        background-position: -15px 10px;
    }
}

/* Tim */
@media (min-width: 900px) {
    .container-fluid.footer-section .tim {
        left: 5%;
    }
}

@media (min-width: 1080px) {
    .container-fluid.footer-section .tim {
        left: 10%;
    }
}

@media (min-width: 1200px) {
    .container-fluid.footer-section .tim {
        left: 15%;
    }
}

@media (min-width: 1600px) {
    .container-fluid.footer-section .tim {
        left: 20%;
    }
}


.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff !important;
    background-color: #9d3a49;
    border-bottom: 4px solid #fff;
    height: 75px;
}

.navbar-inverse .navbar-nav > a,
.navbar-inverse .navbar-nav > a:focus,
.navbar-inverse .navbar-nav > a:hover {
    color: #fff;
    background-color: #9d3a49;
    border-bottom: 4px solid #fff;
    height: 75px;
}

.navbar-inverse {
    border-color: transparent;
}
