﻿/* .agrisure-revamp .inner-nav{
            background: #F3F3F3 0% 0% no-repeat padding-box !important;
            opacity: 1;
            padding: 0.4rem;

        }
        .agrisure-revamp .inner-nav a{
            font-size:16px;
             color: #2E2E2E;
             opacity: 1;
        }
        .agrisure-revamp .inner-nav li {
            padding: 0.75rem;
        }
        .agrisure-revamp .inner-nav ul {
            text-transform:none;
             padding: inherit;
             justify-content:left;
        }
        .agrisure-revamp .inner-nav li.active {
            padding-left: 30px;
        }*/
.agrisure-revamp h1 {
    font-weight: 600;
    color: #334C56;
}

.agrisure-revamp .inner-nav {
    margin-top: -25px !important;
}

@media only screen and (min-width: 992px) {
    .page-content {
        padding-top: 130px;
    }
}

.bg-img {
    background: url(https://assets.syngentaebiz.com/images/media/corn-traits-above-below-ground-insect-control-background-desktop.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
}

.section-wrapper {
    position: relative;
    max-width: 1700px;
    margin: 0 auto;
    overflow: hidden;
}

.section-1b h2 {
    margin: 0 0 0.5rem;
}

.section-1b p {
    margin: 10px 0;
}

.above-below-ground h1, h2 {
    color: #334C56 !important;
    font-weight: 500 !important;
}

.above-below-ground h1 {
    font-size: 66px !important;
}

.above-below-ground h2 {
    font-size: 52px;
}

.section-3 h2 {
    margin: 0 0 1rem;
}

.section-3 p {
    margin: 10px 0;
}

.underline {
    border: 1px solid #7FCA3F;
    opacity: 1;
    margin: 5% 0% 0% 0%;
    /* border: 1px solid #7FCA3F;
            opacity: 1;
            margin: 3% 0% 0% 1%;
            width: 80%;*/
}

.underline-row-width {
    width: 55%
}

.section-durastakimg {
    display: flex;
    justify-content: center;
    align-items: center;
    /* flex-direction: column; */
    /* margin-top: 5%; */
    /* margin-left: 10%; */
    flex-wrap: wrap;
    margin-top: 2%;
    flex-direction: column;
}

.dura-shrink {
    width: 33%;
}

.durastak-tech img {
    width: auto !important;
}

/*.trait-portfolio-layout img {
    width: 70%;
}*/

.container-margins {
    margin-top: 5%;
    margin-bottom: 5%;
}

.yellow-bg {
    background-color: rgba(255, 170, 0, 0.05);
    /*background-color:#FFAA00;*/
    /*opacity: 0.05;*/
}

.agrisure-revamp .btn {
    display: inline-block !important;
    padding: 1em 2em !important;
    background-color: #7FCA3F !important;
    border: 2px solid #7FCA3F !important;
    color: #fff !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    transition: all 0.25s ease-out !important;
    letter-spacing: .02em !important;
    text-align: center !important;
    margin-bottom: 5rem !important;
}

    .agrisure-revamp .btn:hover {
        background-color: #5f7800 !important;
        color: #FFF !important;
        border: 2px solid #5f7800 !important;
    }

    .agrisure-revamp .btn.inverted {
        background-color: #00853F !important;
        color: #FFF !important;
        border: 2px solid #FFF !important;
    }

.agrisure-revamp .inverted.btn:hover {
    background-color: #FFF !important;
    color: #00853F !important;
}

.mySlides {
    display: none
}

img {
    vertical-align: middle;
}

/* Slideshow container */
.slideshow-container {
    max-width: fit-content;
    position: relative;
    margin: auto;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: 65%;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
    margin-right: 50%;
}

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .next:hover {
        color: rgba(0,0,0,0.8);
    }

.section-3 img {
    width: 50% !important;
}
/* Caption text */
/*.text {
          color: #f2f2f2;
          font-size: 15px;
          padding: 8px 12px;
          position: absolute;
          bottom: 8px;
          width: 100%;
          text-align: center;
        }*/

/* Number text (1/3 etc) */
/* .numbertext {
          color: #f2f2f2;
          font-size: 12px;
          padding: 8px 12px;
          position: absolute;
          top: 0;
        }*/

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.mySlides, .captiontext-slide {
    display: none;
}

.activ {
    display: block;
}

.activeslide, .dot:hover {
    background-color: #7FCA3F;
}

/* Fading animation */
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .prev, .next, .text {
        font-size: 11px
    }
}
/* @media only screen and (max-width: 1366px) {
         .bg-img{
           background-position: right;
         }
        }
        @media only screen and (min-width: 1367px) {
            .bg-img {
                background-position: center;
            }
        }*/
.trait-portfolio-layout {
    border: 2px solid #7fca3f;
    border: 2px solid #7FCA3F;
    border-radius: 0px 0px 70px 0px;
    opacity: 1;
    padding: 3% 5% 5% 3%;
    margin: 20px;
    text-align: left;
}

    .trait-portfolio-layout .btn {
        margin-bottom: unset !important;
    }

.justify-content-center {
    display: flex;
    justify-content: center;
}

.above-below-ground .carousel-container {
    /* width: 80%;
            max-width: 1000px;*/
}

.above-below-ground .main-video {
    width: 100%;
    /*padding-bottom: 28.125%;*/ /* 16:9 Aspect Ratio */
    position: relative;
}

    .above-below-ground .main-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.above-below-ground .thumbnails {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.above-below-ground .thumbnail {
    width: 48%;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

    .above-below-ground .thumbnail:hover {
        opacity: 0.8;
    }

    .above-below-ground .thumbnail img {
        width: 100%;
        height: auto;
    }

.above-below-ground .local-seed-finder-sec {
    background: #334C56 0% 0% no-repeat padding-box;
    padding: 20px !important;
}

.above-below-ground .local-seeds-head-txt {
    text-align: left;
    font: normal normal bold 34px/37px Noto Sans !important;
    letter-spacing: 0px;
    color: #7FCA3F;
}

.above-below-ground .local-seed-foot {
    text-align: center;
    font: normal normal 600 18px/27px Noto Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin: 10px 0px;
}

.above-below-ground .local-seeds-explore-now-btn {
    text-align: center !important;
    font: normal normal 800 20px / 26px Noto Sans !important;
    letter-spacing: 0px !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    margin-bottom: unset !important;
    padding: 1em 1em !important;
    width: 100%
}
/*.above-below-ground .table {
            border: 2px solid #000000;
            color: #2E2E2E;
            margin: 0;
            display: inline-block;
            text-align: left;
            text-transform: uppercase;
        }*/
.above-below-ground table.agrisure-display tr:first-of-type th {
    border-bottom: unset !important;
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    vertical-align: bottom !important;
    width: 110px;
}

.above-below-ground table.agrisure-display tr:last-of-type td {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    border-top: unset;
}

    .above-below-ground table.agrisure-display tr:last-of-type td:first-of-type {
        border-bottom: 2px solid rgba(0, 0, 0, 0.1);
        border-top: unset;
    }

.above-below-ground table.agrisure-display td {
    border-left: 2px solid rgba(0, 0, 0, 0.1);
    border-right: 2px solid rgba(0, 0, 0, 0.1);
    border-bottom: unset;
    border-top: unset;
    color: #2E2E2E;
    font-size: 18px;
    font-weight: bold;
    padding: 10px .75em;
}

.above-below-ground .table td:nth-child(2),
.above-below-ground .table td:nth-child(3),
.above-below-ground .table td:nth-child(4),
.above-below-ground .table td:nth-child(5) {
    background: rgba(127, 202, 63, 0.2) 0% 0% no-repeat padding-box;
}

.above-below-ground .table ul li {
    color: #2E2E2E !important;
    font-size: 18px;
    text-transform: none !important;
    margin: 0 auto 1rem !important;
}

.above-below-ground .table ul {
    margin: 0 auto 0 !important;
}

.above-below-ground .table p:first-of-type {
    margin-bottom: 2em !important;
    margin-top: 2em !important;
    background-color: transparent !important;
    color: #2E2E2E !important;
    font-size: 18px !important;
    text-transform: none !important;
    line-height: 20px !important;
}

.subtext {
    line-height: 20px !important;
}

.above-below-ground table.agrisure-display th {
    font-weight: bold;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-bottom: unset !important;
    line-height: 1.2em;
    font-size: 14px;
    color: #2E2E2E !important;
    padding: 10px .75em !important;
}

.above-below-ground table.agrisure-display tr td:first-child {
    text-align: left;
    font-size: 14px;
    height: 44px;
    font-weight: 700;
    background-color: unset !important;
    border-bottom: unset;
    color: #2e2e2e;
    width: 18%;
}

.above-below-ground table.agrisure-display th:nth-child(2),
.above-below-ground table.agrisure-display th:nth-child(3),
.above-below-ground table.agrisure-display th:nth-child(4),
.above-below-ground table.agrisure-display th:nth-child(5) {
    background: rgba(127, 202, 63, 0.1) 0% 0% no-repeat padding-box;
}

.above-below-ground table.agrisure-display tr:nth-child(even) {
    background: rgba(128, 128, 128, 0.1) 0% 0% no-repeat padding-box;
}

.above-below-ground table.agrisure-display tr:nth-child(odd):not(:first-child) {
    background: rgba(128, 128, 128, 0.2) 0% 0% no-repeat padding-box;
}
/*.agrisure-revamp h3{
            font-size: unset;
            font-size: unset; 
            font-weight: unset;
        }*/
.video-tile-main {
    display: flex;
    justify-content: center;
}

.mbl-legal-img {
    display: none;
}

.top-margin {
    margin-top: 5%;
}

.remove-section-top-padding {
    padding-top: unset !important;
}

.responsive-break {
    display: inline;
}

.hero-banner-img {
    content: url('https://assets.syngentaebiz.com/images/corn-traits-above-below-ground-insect-control-desktop.png');
    width: 100%;
}
.durastak-viptera img {
    width: 77% !important;
}

.durastak img {
    width: 49% !important;
}

.duracade-viptera img {
    width: 77% !important;
}

.duracade img {
    width: 49% !important;
}

.duracade-viptera-z3 img {
    width: 88% !important;
}

.agrisure-total img {
    width: 67% !important;
}
.addresc-thumb img {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
}
/*.desktop-wrapper {
            display: block;
        }
        .mobile-wrapper {
            display: none;
        }*/
@media only screen and (max-width: 600px) {
    .bg-img {
        background: url(https://assets.syngentaebiz.com/images/media/corn-traits-above-below-ground-insect-control-background-mobile.svg);
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: 0% 12% !important;
    }

    .agrisure-revamp .inner-nav {
        margin-top: -20px !important;
    }

    .above-below-ground h1 {
        font-size: 60px !important;
        word-wrap: break-word ;
        margin: 2rem 0 2rem !important;
    }

    .above-below-ground h2 {
        font-size: 52px;
        word-wrap: break-word;
    }

    .no-wrap {
        word-wrap: normal !important;
    }

    .above-below-ground .table ul {
        margin: unset;
        font-size: 18px;
        grid-template-columns: 1fr !important;
    }

    .above-below-ground .container {
        padding-left: 40px;
        padding-right: 40px;
    }

    .above-below-ground .section-durastakimg {
        margin-left: 0%;
    }

    .above-below-ground .dura-shrink {
        padding: 5%;
        width: 70%;
    }

    .above-below-ground .center-flex {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .above-below-ground .local-seed-foot {
        text-align: left;
    }

    .above-below-ground .local-seed-finder-sec {
        padding: var(--grid-pad-vert) 0 calc(var(--grid-pad-vert)* 1.5) !important;
    }

    .above-below-ground .section-6 .justify-content-center {
        display: block;
    }

    .above-below-ground .section-6 .trait-portfolio-layout {
        padding: 10% 10% 10% 8%;
        text-align: left;
    }

    .above-below-ground .thumbnail {
        width: 100% !important;
    }

    .above-below-ground .section-7 p {
        font-size: 12px;
        margin: unset;
    }

    .zero-left-pad {
        padding-left: 0;
    }

    #mainVideo {
        height: 50%;
    }

    .section-3 img {
        width: 100% !important;
    }

    .section-3 p {
        margin: 10px 20px 0 20px !important;
    }

    .underline-row-width {
        width: 110%;
    }

    .video-tile-main {
        display: block !important;
    }

    .container-margins {
        margin-top: 15% !important;
    }

    .section-5 .table-wrapper {
        height: max-content;
    }

    .above-below-ground table.agrisure-display tr:last-of-type td {
        height: 100px !important;
    }

    .pinned {
        overflow: scroll;
        overflow-y: hidden;
    }

    .above-below-ground table.agrisure-display tr:first-of-type th {
        vertical-align: middle !important;
    }
    /* .durastak-tech img{
                width: auto !important;
            }*/
    .testmonial {
        margin-bottom: 5%;
    }

    .top-margin {
        margin-top: 20%;
    }

    .responsive-break {
        display: none;
    }

    table.agrisure-display th span {
        display: contents !important;
        transform-origin: unset !important;
        transform: none !important;
    }

    .hero-banner-img {
        content: url('https://assets.syngentaebiz.com/images/media/corn-traits-above-below-ground-insect-control-mobile.png');
        width: 100% !important;
    }
    .agrisure-revamp .inner-nav ul {
        height:auto !important;
    }
    .durastak-viptera img {
        width: 86% !important;
    }
    .durastak img {
        width: 54% !important;
    }
    .duracade-viptera img {
        width: 87% !important;
    }
    .duracade img {
        width: 54% !important;
    }
    .duracade-viptera-z3 img {
        width: 98% !important;
    }
    .agrisure-total img {
        width: 74% !important;
    }
    .above-below-ground table.agrisure-display tr td:first-child {
        font-size:12px;
    }
        /*.desktop-wrapper {
                display: none;
            }
            .mobile-wrapper {
                display: block;
            }*/
    }

@media only screen and (max-width: 990px) {
    .legal-img {
        display: none;
    }

    .mbl-legal-img {
        display: inline-flex;
        margin: 7px;
        width: 43% !important;
        height: 43% !important;
    }

    .durastak-legal {
        width: 25% !important;
        height: 38% !important;
    }

    .duracade-legal {
        width: 28% !important;
        height: 40% !important;
    }

    .viptera-legal {
        width: 22% !important;
    }

    .viptera-z3-legal {
        width: 24% !important;
    }

    .ag-above-legal {
        width: 40% !important;
    }

    .ag-total-legal {
        width: 38% !important;
    }

    .liberty-legal {
        width: 20% !important;
    }

    .hercluex-legal {
        width: 10% !important;
        height: 18% !important;
    }

    .herclux-ex-legal {
        width: 10% !important;
        height: 20% !important;
    }

    .yield-legal {
        width: 20% !important;
    }
}

@media only screen and (min-width: 370px) and (max-width: 429px) {
    .ag-above-legal {
        width: 38% !important;
    }
}

@media only screen and (max-width: 369px) {
    .ag-above-legal {
        width: 37% !important;
    }
}
