/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 16px;
    line-height: 20px;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
@font-face {
    font-family: "font-awesome";
    src: url('/Assets/AgriTrade/Css/fontawesome-webfont.woff2') format('woff2');
}




body {
    font-family: "myriad-pro",sans-serif;
    font-style: normal;
    font-weight: 400;
    background-image: url('/Assets/AgriTrade/Images/bg.png');
    background-repeat: repeat-x;
    background-color: #56575b;
    color: #555759;
    min-width: 320px;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clear {
    clear: both;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}



a {
    color: #698d91;
    text-decoration: none;
}

    a:hover {
        color: #698d91;
        text-decoration: underline;
    }

p {
    margin-bottom: .6em;
    margin-top: 0.2em;
}

/* layout & main nav * mobile nav */

.layoutContainer {
    width: 100%;
    max-width: 1130px;
    margin: auto;
}



#mobilemenu {
    z-index: 9999999;
}

    #mobilemenu .closeMenu {
        height: 100px;
        background-color: #3c3c3c;
    }

        #mobilemenu .closeMenu img {
            margin: 15px;
        }

    #mobilemenu ul {
        margin-left: 0px;
        padding-left: 0px;
        background-color: #3c3c3c;
        margin-top: 0px;
        margin-bottom: 0px;
    }

.layoutLeft, #mobilemenu {
    float: left;
    background-color: #56575b;
    color: #ffffff;
    width: 200px;
    padding: 0px;
    display: block;
    font-family: "ff-meta-web-pro",sans-serif;
    font-style: normal;
    font-weight: 400;
}

@media (max-width: 1000px) {
    .layoutLeft {
        display: none;
    }
}

.layoutLeft .leftLogo {
    border-bottom: solid 1px #3b3c3e;
}

.layoutLeft ul, #mobilemenu {
    margin: 0px;
    padding: 0px;
}

    .layoutLeft ul li, #mobilemenu ul li {
        color: #ffffff;
        border-bottom: solid 1px #3b3c3e;
        margin: 0px;
        padding: 0px;
        background-color: rgb(86, 87, 91);
        position: relative;
    }


        .layoutLeft ul li a, #mobilemenu ul li a {
            color: #ffffff;
            text-decoration: none;
            margin: 0px;
            padding: 11px;
            padding-left: 15px;
            display: block;
            font-weight: 600;
            font-size: 1.05em;
        }

    .layoutLeft ul .sub-nav {
        position: absolute;
        left: 200px;
        top: 0px;
        z-index: 99999;
        width: 200px;
        display: none;
    }


.layoutLeft li.is-mouseover .sub-nav {
    display: block;
}


.layoutLeft ul .sub-nav li {
    background-color: rgb(86, 87, 91);
}

ul li .chevron:before {
    content: "\f054";
    font-family: "font-awesome";
    position: absolute;
    right: 10px;
    top: 10px;
}

ul li.is-active .chevron:before {
    content: "\f078";
    font-family: "font-awesome";
    position: absolute;
    right: 10px;
    top: 10px;
}

.layoutRight {
    background-color: #ffffff;
    overflow: auto;
}

#mobilemenu ul li .sub-nav {
    display: none;
}

#mobilemenu ul li.is-active .sub-nav, #mobilemenu ul li.is-current .sub-nav {
    display: block;
    background-color: #3c3c3c;
}

    #mobilemenu ul li.is-active .sub-nav li, #mobilemenu ul li.is-current .sub-nav li {
        background-color: #3c3c3c;
    }

.layoutRight li {
    margin-bottom: .5em;
}

@media (max-width: 1000px) {
    .layoutRight {
        margin-left: 0px;
    }
}

@media (min-width: 1001px) {
    .layoutRight {
        min-height: 650px;
    }
}

.noResults {
    margin-top: 25px;
    margin-bottom: 25px;
}

.footer-container {
    color: #ffffff;
    margin-left: 200px;
    overflow: visible;
    margin-top: 20px;
    margin-bottom: 40px;
    position: relative;
}

    .footer-container .footerLogo {
        position: absolute;
        left: -250px;
        bottom: 40px;
    }

@media (max-width: 1000px) {
    .footer-container {
        margin-left: 0px;
    }
}


@media (min-width: 1001px) {
    .nonPCTopBar {
        display: none;
    }
}

.nonPCTopBar {
    background-color: #56595b;
    width: 100%;
    height: 100px;
    background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0, #708C8F), color-stop(1, #55585A) );
    background-image: -o-linear-gradient(right, #708C8F 0%, #55585A 100%);
    background-image: -moz-linear-gradient(right, #708C8F 0%, #55585A 100%);
    background-image: -webkit-linear-gradient(right, #708C8F 0%, #55585A 100%);
    background-image: -ms-linear-gradient(right, #708C8F 0%, #55585A 100%);
    background-image: linear-gradient(to right, #708C8F 0%, #55585A 100%);
}

    .nonPCTopBar .menu-link img {
        float: left;
        width: 100%;
        max-width: 97px;
        min-height: 64px;
        max-height: 100px;
    }

    .nonPCTopBar .responsiveLogo {
        float: right;
        margin-right: 20px;
        margin-top: 20px;
    }


@media (max-width:600px) {
    .nonPCTopBar .menu-link img {
        width: 72.75px;
        min-height: 75px;
        height: 75px;
    }

    .nonPCTopBar {
        height: 75px;
    }

        .nonPCTopBar .responsiveLogo {
            margin-top: 12px;
            height: 55px;
        }
}


@media (max-width:360px) {
    .nonPCTopBar .menu-link img {
        width: 58.2px;
        min-height: 60px;
        height: 60px;
    }

    .nonPCTopBar {
        height: 60px;
    }

        .nonPCTopBar .responsiveLogo {
            margin-top: 11px;
            height: 41px;
            margin-right: 13px;
        }
}



/* custom content styles */

h1 {
    font-family: "ff-meta-web-pro",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 2.4em;
    margin-top: 0px;
    margin-bottom: 10px;
}

h2 {
    font-family: "ff-meta-web-pro",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-style: normal;
    font-weight: 700;
    font-size: 2.4em;
    margin-top: 0px;
    margin-bottom: 10px;
}

h3 {
    font-family: "myriad-pro",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.3em;
    margin-top: 10px;
    margin-bottom: 10px;
}

.intro1 {
    font-family: "myriad-pro",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1.3em;
    margin-top: 0em;
    margin-bottom: 0.8em;
}

.intro2 {
    font-family: "myriad-pro",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.3em;
    margin-top: -0.5em;
}

.caption {
    font-family: "myriad-pro",sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 1em;
    margin-top: 10px;
}

.introSection {
    padding: 30px;
    padding-bottom: 37px;
    margin-bottom: 30px;
}

.bodyCopyBold {
    font-family: "myriad-pro",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1em;
}

.bodyCopy {
    font-family: "myriad-pro",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
}

.contentRowHolder, .introTextHolder {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.introTextHolder {
    margin-top: -40px;
}


.introTextBlock, .keyBenefits, .keyFeatures, .videoList {
    margin: 0px;
    border-bottom: 1px solid #dfe9ea;
    display: table-cell;
    padding: 20px 60px 10px 60px;
    width: 66.66%;
}

    .introTextBlock h1:first-of-type {
        margin-top: .5em;
        margin-bottom: .25em;
        line-height: 1.2em;
    }

.simpleHeading {
    margin-top: 0.2em;
    margin-bottom: 0.6em;
    line-height: 1em;
    margin-left: 40px;
}

@media (max-width: 767px) {

    .product-content {
        padding-left: 20px !important;
    }

    .simpleHeading {
        margin-top: 0em;
        margin-bottom: 0.65em;
        font-size: 2.1em;
        margin-left: 20px !important;
    }

    .product-content h3 {
        margin-left: 0px !important;
    }
}

.keyBenefits, .keyFeatures, .videoList {
    width: 33.3333%;
}

.keyFeatures, .videoList {
    border-left: 1px solid #dfe9ea;
}

    .videoList a {
        display: block;
        margin-bottom: 15px;
        margin-top: 7px;
    }

    .videoList div {
        margin-top: 20px;
    }


.quickLinks {
    margin-bottom: 37px;
    border-bottom: 1px solid #dfe9ea;
    border-left: 1px solid #dfe9ea;
    width: 33.33%;
    display: table-cell;
    padding: 20px 19.5px 15px 30px;
}

    .quickLinks a {
        display: block;
        margin-bottom: 4px;
    }

@media (max-width: 767px) {
    .introTextBlock, .keyBenefits, .keyFeatures, .videoList, .quickLinks {
        font-size: 0.9em;
        margin: 0px;
        padding: 20px;
        width: auto;
        display: block;
        padding-bottom: 5px;
    }

    .keyBenefits, .keyFeatures, .videoList {
        border-bottom: 1px solid #dfe9ea;
    }

    .quickLinks {
        border-left: none;
    }
}

.basicTextBlock {
    padding: 0px 40px 15px 40px;
}

    .basicTextBlock h3 {
        margin-bottom: 0.5em;
    }

    .basicTextBlock .bodyCopyBold {
        margin-top: 0em;
        margin-bottom: 0.4em;
    }

    .basicTextBlock .bodyCopy {
        margin-top: 0em;
    }

    .basicTextBlock .leftImageHolder {
        float: left;
        margin-top: 5px;
        margin-right: 25px;
        margin-bottom: 25px;
        max-width: 55%;
    }

    .basicTextBlock .rightImageHolder {
        float: right;
        margin-top: 5px;
        margin-left: 30px;
        margin-bottom: 25px;
        max-width: 55%;
        padding-top: 0px;
        text-align: right;
    }

        .basicTextBlock .rightImageHolder .rightImage, .basicTextBlock .leftImageHolder .leftImage {
            max-width: 100%;
        }


    .basicTextBlock .fullImage {
        max-width: 100%;
    }

    .basicTextBlock table {
        width: 100%;
        border-top: solid 1px #dfe9ea;
        border-bottom: solid 1px #dfe9ea;
        margin-top: 20px;
    }

        .basicTextBlock table tr:nth-child(even) {
            background-color: #dfe9ea;
        }

        .basicTextBlock table td {
        }


        .basicTextBlock table td {
            padding: 15px;
        }


    .basicTextBlock .ContactTable {
        width: auto;
        border-top: none;
        border-bottom: none;
        margin-top: auto;
        margin-bottom: 25px;
    }

        .basicTextBlock .ContactTable tr:nth-child(even) {
            background-color: #ffffff;
        }



        .basicTextBlock .ContactTable td {
            padding: 5px;
        }


@media (max-width: 767px) {

        .basicTextBlock .leftImageHolder, .basicTextBlock .rightImageHolder {
            float: left;
            margin-top: 0px;
            margin-bottom: 5px;
            width: 100%;
            max-width: 100%;
        }

        .basicTextBlock .rightImageHolder, .basicTextBlock .leftImageHolder {
            text-align: center;
        }

        .basicTextBlock .bodyCopy img {
            max-width: 100%;
        }





        .basicTextBlock table {
            max-width: 100%;
            border-top: solid 1px #dfe9ea;
            border-bottom: solid 1px #dfe9ea;
            margin-top: 20px;
        }

            .basicTextBlock table td {
                padding: 5px;
            }

        .basicTextBlock .leftImageHolder img, .basicTextBlock .rightImageHolder img {
            margin-top: 1.5em;
        }
}

.videoModule {
    padding: 30px;
    margin-top: 0px;
    margin-bottom: 20px;
}

.videoHolder {
    margin-top: 15px;
    margin-bottom: 20px;
}




.twoImagePlusCaption {
    margin: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

    .twoImagePlusCaption .left {
        width: 46%;
        float: left;
        margin-left: 10px;
        margin: 10px;
        text-align: center;
    }

        .twoImagePlusCaption .left img {
            margin-bottom: 0px;
            max-width: 100%;
        }

        .twoImagePlusCaption .right .caption, .twoImagePlusCaption .left .caption {
            margin-bottom: 20px;
        }

    .twoImagePlusCaption .right {
        width: 46%;
        float: right;
        margin-left: 10px;
        margin: 10px;
        text-align: center;
    }

        .twoImagePlusCaption .right img {
            margin-bottom: 0px;
            max-width: 100%;
        }

        .twoImagePlusCaption .right .caption {
            margin-bottom: 20px;
        }


@media (max-width: 767px) {
    .twoImagePlusCaption .right, .twoImagePlusCaption .left {
        float: left;
        margin-top: 5px;
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 5px;
        width: 100%;
        max-width: 410px;
    }
}






/* slide show  932 * 414 max*/


/* breadcrumbs */

.breadcrumbsHolder {
    background-color: #e0eaec;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: -1px;
}

.breadcrumbs {
    height: 14px;
    margin: 0px;
    font-weight: 700;
    padding-top: 12px;
    padding-bottom: 16px;
    padding-left: 40px;
}

    .breadcrumbs li {
        float: left;
        display: block;
        text-transform: uppercase;
        font-weight: 700;
        color: #7ea4a5;
        font-size: 0.9em;
    }

        .breadcrumbs li a {
            text-decoration: none;
            text-transform: uppercase;
            font-weight: 700;
            color: #4d5759;
            font-size: 0.9em;
        }

            .breadcrumbs li a:hover {
                text-decoration: underline;
            }

    .breadcrumbs .crumbarrow {
        float: left;
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
    }

@media (max-width: 767px) {
    .breadcrumbs {
        font-size: 0.9em;
        height: 14px;
        margin: 0px;
        padding-top: 0.8em;
        padding-bottom: 0.8em;
        padding-left: 20px;
    }

        .breadcrumbs .crumbarrow {
            font-size: 0.9em;
            margin-left: 6px;
            margin-right: 6px;
        }

        .breadcrumbs li {
            font-size: 0.9em;
        }

            .breadcrumbs li a {
                font-size: 0.9em;
            }

    .breadcrumbsHolder {
        padding-top: 2px;
        padding-bottom: 2px;
        line-height: .9em;
    }
}

@media (max-width: 500px) {


    .breadcrumbsHolder {
        padding-bottom: 3px;
        padding-top: 4px;
    }
}

/* home tiles */

.homeTiles {
    overflow: hidden;
    position: relative;
}

.rightSpaceHackFix {
    height: 130px;
    width: 1px;
    position: absolute;
    right: 0;
    display: none;
}

@media (min-width: 1149px) {
    .rightSpaceHackFix {
        display: block;
    }
}



.homeTile {
    width: 33.3333%;
    float: left;
    min-height: 429px;
    height: 100%;
    overflow: hidden;
    font-family: "myriad-pro",sans-serif;
    font-style: normal;
    margin-bottom: 41px;
}

.middleTile {
    border-left: 1px solid #dfe9ea;
    border-right: 1px solid #dfe9ea;
}


@media (max-width: 767px) {
    .homeTiles {
        font-size: 0.9em;
    }

    .homeTile {
        width: 100%;
        min-height: 0px;
        margin-bottom: 0px;
    }
}

.homeTile .homeTileImageHolder {
    text-align: center;
}

    .homeTile .homeTileImageHolder img {
        max-height: 130px;
        width: 100%;
    }

@media (max-width: 767px) {
    .homeTile img {
        max-width: 310px;
        margin: auto;
    }
}


.homeTile .tileTitle {
    color: #7ea8ad;
    margin: 0px 10px 5px 20px;
    font-weight: 700;
    font-size: 1.8em;
    line-height: 1.2em;
    padding-top: 15px;
    font-family: "ff-meta-web-pro",sans-serif;
    font-style: normal;
    font-weight: 700;
}

.homeTile .tileSub {
    display: inline-block;
    margin: 2px 10px 7px 20px;
}

.homeTile .tileText {
    display: inline-block;
    margin: 0px 10px 20px 20px;
}

.homeTileMoreInfo {
    background-color: #dfe9eb;
    text-align: right;
}

    .homeTileMoreInfo.fullOnly {
        width: 33.3%;
        position: absolute;
        bottom: 0px;
    }

        .homeTileMoreInfo.fullOnly a img {
            margin-right: -1px;
        }

    .homeTileMoreInfo a {
        color: #555759;
        text-decoration: none;
        font-weight: 700;
    }

    .homeTileMoreInfo img {
        margin-left: 15px;
    }


.mobileOnly {
    display: none;
}

@media (max-width: 767px) {
    .mobileOnly {
        display: block;
    }
}

.fullOnly {
    display: none;
}

@media (min-width: 768px) {
    .fullOnly {
        display: block;
    }
}
/* sub nav */

.SubNav {
    width: 67.1%;
    margin: 0px;
    padding: 0px;
    display: block;
}

@media (max-width: 767px) {
    .SubNav {
        width: 100%;
    }
}

.SubNav li {
    height: 78px;
    width: 33.14%;
    margin: 0px;
    margin-bottom: 1px;
    margin-right: 1px;
    padding: 0px;
    display: table;
    float: left;
}


    .SubNav li a {
        text-align: center;
        vertical-align: middle;
        display: table-cell;
        width: 100%;
        padding: 10px;
        text-decoration: none;
        color: #ffffff;
        font-weight: 700;
        font-family: "ff-meta-web-pro",sans-serif;
        font-style: normal;
        font-size: .95em;
        padding-left: 15px;
        padding-right: 15px;
    }


.sectionLogo {
    width: 32.9%;
    padding-top: 12px;
}


.subNavSectionLogo {
    text-align: right;
    vertical-align: middle;
}

@media screen and (min-width: 1149px) {
    .SubNav {
        width: 619px;
    }
}

@media (max-width: 856px) {
    .sectionLogo {
        padding-top: 18px;
    }
}

@media (max-width: 767px) {
    .SubNav li {
        height: 68px;
        width: 49.8%;
    }

    .sectionLogo {
        display: none;
    }

    .sectionLogoPhone {
        display: inline-block;
    }

    .SubNav li a {
        font-size: 0.8em;
    }

    .subNavSectionLogo {
        text-align: center;
        vertical-align: middle;
    }
}

@media (min-width: 768px) {
    .sectionLogo {
        display: '';
    }

    .sectionLogoPhone {
        display: none;
    }
}

@media (max-width: 500px) {
    .SubNav li {
        height: 68px;
        width: 49.69%;
    }

    .sectionLogoPhone {
        max-height: 75px;
    }

    .SubNav li a {
        font-size: 0.8em;
        padding: 5px;
    }
}



/* top bar */

.headingBarHolder {
    display: table;
    width: 100%;
}

.headingBarHolderRow {
    display: table-row;
}

.headingBarHolder .headingBar {
    background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0.56, #7EA8AD), color-stop(0.6, #7EA8AD), color-stop(1, #55585A) );
    background-image: -o-linear-gradient(right, #7EA8AD 56%, #7EA8AD 60%, #55585A 100%);
    background-image: -moz-linear-gradient(right, #7EA8AD 56%, #7EA8AD 60%, #55585A 100%);
    background-image: -webkit-linear-gradient(right, #7EA8AD 56%, #7EA8AD 60%, #55585A 100%);
    background-image: -ms-linear-gradient(right, #7EA8AD 56%, #7EA8AD 60%, #55585A 100%);
    background-image: linear-gradient(to right, #7EA8AD 56%, #7EA8AD 60%, #55585A 100%);
    height: 86px;
    padding: 35px;
    padding-left: 45px;
    position: relative;
    line-height: 2.7em;
    display: table-cell;
    vertical-align: middle;
}

    .headingBarHolder .headingBar h1 {
        color: #ffffff;
        margin-top: 15px;
        font-size: 3em;
    }

.headingBarHolder .headingBarBanner {
    width: 100%;
}

.headingBarHolder .headingBar .rightGraphic {
    position: absolute;
    right: 0;
    top: 40px;
}


@media (max-width: 767px) {
    .headingBarHolder .headingBar {
        height: 30px;
        padding: 10px;
        padding-left: 20px;
    }

        .headingBarHolder .headingBar h1 {
            color: #ffffff;
            margin-top: 15px;
            font-size: 2em;
        }

        .headingBarHolder .headingBar .rightGraphic {
            position: absolute;
            right: 0;
            top: 10px;
            height: 75px;
        }
}


/* main product section */

.bannerContainer {
    overflow: hidden;
}

.sectionBanner {
    float: left;
    width: 66.5%;
    margin-top: -1px;
}

.sectionProductImage {
    float: left;
    width: 33.5%;
    margin-top: -1px;
}

@media screen and (min-width: 1149px) {
    .sectionBanner {
        width: 617px;
    }

    .sectionProductImage {
        width: 313px;
    }
}


/* mobile nav - note more above in left layout css */

.panel {
    position: fixed;
    left: -15.625em; /*left or right and the width of your navigation panel*/
    width: 15.625em; /*should match the above value*/
}

/* footer */

.footer-container a {
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
}

.footer-container h3 {
    color: #7ea4a5;
    margin-bottom: 5px;
    font-family: "ff-meta-web-pro",sans-serif;
}

.footer-container .moreInfo {
    float: left;
    width: 33%;
    padding-left: 20px;
}

@media (max-width: 1000px) {
    .footer-container .moreInfo {
        padding-left: 20px;
    }

    .footer-container .copyright {
        padding-left: 20px;
    }
}

@media (max-width: 767px) {
    .footer-container {
        font-size: .9em;
    }

        .footer-container .moreInfo {
            float: none;
            padding: 20px;
            margin-top: -20px;
            padding-right: 20px;
            width: auto;
            border-bottom: solid 1px #66686a;
        }

        .footer-container .copyright {
            padding-left: 0px;
        }
}


.footer-container .moreInfo a {
    display: block;
    float: left;
    width: 100%;
    font-weight: 400;
}

    .footer-container .moreInfo a:hover {
        text-decoration: underline;
    }

.footer-container .findUs {
    float: left;
    width: 33%;
    margin-right: 30px;
}

@media (max-width: 767px) {
    .footer-container .findUs {
        float: none;
        padding: 20px;
        width: auto;
        margin-right: 0px;
        border-bottom: solid 1px #66686a;
    }
}

.footer-container .callUs {
    float: left;
    width: 22%;
}

    .footer-container .callUs a {
        font-weight: normal !important;
    }

@media (max-width: 767px) {
    .footer-container .callUs {
        float: none;
        padding: 20px;
        margin-left: 0px;
        width: auto;
        border-bottom: solid 1px #66686a;
    }
}

.footer-container .copyright {
    margin-top: 10px;
    color: #7ea8ad;
    padding-left: 20px;
}

@media (max-width: 767px) {
    .footer-container .copyright {
    }
}

/* search box */

.searchHolder {
    height: 45px;
    padding: 5px;
    padding-top: 25px;
    background-color: #3c3c3c;
}

.searchBox {
    float: left;
    width: 130px;
    height: 19px;
    margin-left: 15px;
    font-size: 0.9em;
}

.searchButton {
    float: left;
}

.ezsearch-result a {
    font-weight: 700;
}


/* product categories */

.productCategories, .productCategory {
    overflow: hidden;
    margin-top: -24px;
}

    .productCategories .categoryImage {
        float: left;
        height: 310px;
        width: 310px;
    }

    .productCategory .categoryImage {
        float: left;
        max-height: 229px;
        max-width: 229px;
        height: 229px;
        margin-left: 20px;
    }


    .productCategories .basicTextBlock {
        height: 230px;
        min-height: 230px;
        margin-left: 320px;
        padding: 20px;
        padding-top: 20px;
        overflow: hidden;
    }



    .productCategory .basicTextBlock {
        height: 135px;
        min-height: 135px;
        margin-left: 239px;
        padding: 20px;
        padding-top: 20px;
        overflow: hidden;
    }

        .productCategories .basicTextBlock .bodyCopyBold, .productCategory .basicTextBlock .bodyCopyBold {
            .8em;
        }

        .productCategories .basicTextBlock .bodyCopy, .productCategory .basicTextBlock .bodyCopy {
            margin-top: 2px;
        }

    .productCategories .productMoreInfo {
        background-color: #dfe9eb;
        text-align: right;
        margin-top: -40px;
        border-bottom: solid 1px #ffffff;
    }

    .productCategory .productMoreInfo {
        background-color: #dfe9eb;
        text-align: right;
        margin-top: -41px;
        border-bottom: solid 1px #dfe9eb;
    }

.productMoreInfo a {
    color: #555759;
    text-decoration: none;
    font-weight: 700;
}

.productMoreInfo img {
    margin-left: 15px;
}

@media (max-width: 767px) {

    .productCategories .productCategory {
        font-size: 0.9em;
    }

    .productCategories .categoryImage, .productCategory .categoryImage {
        height: auto;
        border: none;
        float: none;
    }

    .categoryRow {
        display: block;
    }

    .cateogoryTable {
        display: block;
    }

    .categoryRow a {
        text-align: center;
        display: block;
        font-size: 28px;
    }

    .categoryImage {
        float: none;
    }

    .categoryRow img {
        max-height: 120px;
        max-width: 120px;
        height: 120px;
        width: 120px;
        margin: 10px;
    }

    .productCategories .basicTextBlock, .productCategory .basicTextBlock {
        height: auto;
        min-height: 0px;
        width: 100%;
        margin-left: 5px;
        padding: 20px;
        padding-top: 20px;
        overflow: visible;
        width: auto;
    }

    .productCategories .productMoreInfo, .productCategory .productMoreInfo {
        margin-top: 0px;
        border-bottom: none;
    }

    .productCategories .basicTextBlock .bodyCopyBold, .productCategory .basicTextBlock .bodyCopyBold {
        margin-top: 0px;
    }

    .mobileHeading {
        font-size: 1.5em;
        line-height: 1.2em;
        padding-left: 20px;
        padding-right: 10px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 50%;
    }

    .productCategories .category .categoryRow, .productCategory .category .categoryRow {
        display: table-row;
    }

    .category .categoryTable {
        display: table;
        width: 100%;
    }
}




.no-scroll #mobilemenu {
    position: absolute !important;
}

.no-scroll .layoutContainer {
    position: fixed !important;
}



/* contact form */
.contactForm {
    padding: 20px;
    max-width: 100%;
    margin-bottom: 40px;
    padding-top: 0px;
    padding-left: 40px;
}

    .contactForm input.text-box, .contactForm textarea {
        width: 100%;
    }

    .contactForm .field-info {
        font-style: italic;
        display: block;
        clear: both;
        margin-bottom: 10px;
        font-size: 0.9em;
        color: gray;
    }


    .contactForm .field-title:after {
        content: "*";
        white-space: nowrap;
        width: .7em;
        text-align: right;
        display: inline-block;
        color: inherit;
        margin-right: -.7em;
    }


    .contactForm .field-required {
        display: none;
    }


    .contactForm form {
        font-weight: bold;
    }

        .contactForm form div {
            font-weight: normal !important;
        }

    .contactForm label {
        width: 200px;
        float: left;
    }

@media (max-width: 767px) {
    .contactForm {
        padding-left: 20px;
        padding-right: 20px;
    }

        .contactForm input.text-box, .contactForm textarea {
            width: 90%;
        }

    .field-validation-error {
        float: left;
        margin-top: -5px;
        margin-bottom: 10px;
        color: #7ea4a5;
    }
}

.contactForm .display-section-content > div {
    clear: both;
}

.contactForm form {
    margin-top: -15px;
    padding-top: 0px;
    width: 100%;
}


.contactForm input, textarea {
    float: left;
    width: 100%;
    max-width: 500px;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    height: 30px;
    padding: 5px;
}

.contactForm textarea {
    height: 150px;
    padding: 5px;
}

.form-validation-summary {
    color: #7ea8ad;
}


.contactForm .form-submit {
    background-color: #7ea8ad;
    color: #3c3c3c;
    font-weight: bold;
    border: none;
}

    .contactForm .form-submit:hover {
        background-color: #dfe9eb;
    }

.field-validation-error {
    float: left;
    margin-top: 10px;
    color: #7ea4a5;
}

.errorPage .layoutRight {
    background-color: #56575b;
}

.errorPage .nonPCTopBar {
    display: block;
}

.errorContentBlock {
    color: white;
    margin: 50px;
}

.sitemap {
    margin: 20px;
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

/* PRODUCT PAGE */
.product-logo {
    width: 50%;
    float: left;
    text-align: center;
}

.product-description {
    width: 45%;
    float: left;
}

    .product-description .pack-size {
        margin-top: 10px;
    }

.product-content {
    clear: both;
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 30px;
    padding-bottom: 10px;
}



@media (max-width: 767px) {
    .product-logo {
        width: 100%;
        float: none;
    }

    .product-description {
        float: none;
        width: inherit;
        margin-right: 20px;
        margin-left: 20px;
        margin-top: 20px;
    }

        .product-description > div {
            margin-right: 20px;
        }

    .product-content {
        margin-bottom: 20px;
    }
}



/* More addition for WFFM styling (Serg) */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/*
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */
    margin: 0;
    /* 3 */
}

/*
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
    line-height: normal;
}

/*
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
    text-transform: none;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

    /*
 * Re-set default cursor for disabled elements.
 */
    button[disabled],
    html input[disabled] {
        cursor: default;
    }

/*
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/*
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

    /*
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

/*
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}

fieldset {
    padding: 20px;
}

/**
 * Text inputs
 *
 * Instead of a `[type]` selector for each kind of form input, we just use a
 * class to target any/every one, e.g.:
   <input type=text class=text-input>
   <input type=email class=text-input>
   <input type=password class=text-input>
 *
 */
.text-input,
textarea {
    /**
     * Style these via your theme stylesheet.
     */
}

.form-fields {
    list-style: none;
    margin: 0;
}

    .form-fields > li:last-child {
        margin-bottom: 0;
    }

label,
.label {
    display: block;
}

/**
     * Extra help text in `label`s, e.g.:
     *
       <label>Card number <small class=additional>No spaces</small></label>
     *
     */
.additional {
    display: block;
    font-weight: normal;
}

.check-list {
    list-style: none;
    margin: 0;
}

    /*
     * Labels in check-lists
     */
    .check-label,
    .check-list label,
    .check-list .label {
        display: inline-block;
    }

.extra-help {
    display: inline-block;
    visibility: hidden;
}

.text-input:active + .extra-help,
.text-input:focus + .extra-help {
    visibility: visible;
}

.grid, .grid--rev, .grid--full, .grid--center {
    margin-left: -20px;
    list-style: none;
    margin-bottom: 0;
}

    /**
     * Very infrequently occuring grid wrappers as children of grid wrappers.
     */
    .grid > .grid, .grid--rev > .grid, .grid--full > .grid, .grid--center > .grid, .grid > .grid--rev, .grid--rev > .grid--rev, .grid--full > .grid--rev, .grid--center > .grid--rev, .grid > .grid--full, .grid--rev > .grid--full, .grid--full > .grid--full, .grid--center > .grid--full, .grid > .grid--center, .grid--rev > .grid--center, .grid--full > .grid--center, .grid--center > .grid--center {
        margin-left: 0;
    }

/**
     * Grid
     */
.grid__item {
    display: inline-block;
    width: 100%;
    padding-left: 20px;
    vertical-align: top;
}

/**
 * Reversed grids
 */
.grid--rev {
    direction: rtl;
    text-align: right;
}

    .grid--rev > .grid__item {
        direction: ltr;
        text-align: left;
    }

/**
 * Gutterless grids have all the properties of regular grids, minus any spacing.
 */
.grid--full {
    margin-left: 0;
}

    .grid--full > .grid__item {
        padding-left: 0;
    }

.grid--center {
    text-align: center;
}

    .grid--center > .grid__item {
        text-align: left;
    }


/* ---------------------------------------- */
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative;
        }

    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px;
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .select2-container .select2-search--inline {
        float: left;
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
            padding: 0;
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none;
            }

.select2-dropdown {
    background-color: white;
    border: 1px solid #CBDFC6;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

    .select2-results__option[aria-selected] {
        cursor: pointer;
    }

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box;
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    .select2-search--dropdown.select2-search--hide {
        display: none;
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #CBDFC6;
    border-radius: 4px;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px;
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none;
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
        margin-top: 5px;
        float: left;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-top: 5px;
        margin-right: 10px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333;
        }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #CBDFC6;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0;
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em;
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em;
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em;
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em;
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em;
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb;
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-right: 10px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
        background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
        background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: transparent;
        border: none;
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px;
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555;
        }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #CBDFC6;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}


.tokenfield {
    height: auto;
    min-height: 34px;
    padding-bottom: 0;
}

    .tokenfield.focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .tokenfield .token {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        display: inline-block;
        border: 1px solid #d9d9d9;
        background-color: #ededed;
        white-space: nowrap;
        margin: -1px 5px 5px 0;
        height: 22px;
        vertical-align: top;
        cursor: default;
    }

        .tokenfield .token:hover {
            border-color: #b9b9b9;
        }

        .tokenfield .token.active {
            border-color: #52a8ec;
            border-color: rgba(82, 168, 236, 0.8);
        }

        .tokenfield .token.duplicate {
            border-color: #ebccd1;
            -webkit-animation-name: blink;
            animation-name: blink;
            -webkit-animation-duration: .1s;
            animation-duration: .1s;
            -webkit-animation-direction: normal;
            animation-direction: normal;
            -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
        }

        .tokenfield .token.invalid {
            background: 0 0;
            border: 1px solid transparent;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            border-bottom: 1px dotted #d9534f;
        }

            .tokenfield .token.invalid.active {
                background: #ededed;
                border: 1px solid #ededed;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

        .tokenfield .token .token-label {
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-left: 4px;
            vertical-align: top;
        }

        .tokenfield .token .close {
            font-family: Arial;
            display: inline-block;
            line-height: 100%;
            font-size: 1.1em;
            line-height: 1.49em;
            margin-left: 5px;
            float: none;
            height: 100%;
            vertical-align: top;
            padding-right: 4px;
        }

    .tokenfield .token-input {
        background: 0 0;
        width: 60px;
        min-width: 60px;
        border: 0;
        height: 20px;
        padding: 0;
        margin-bottom: 6px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .tokenfield .token-input:focus {
            border-color: transparent;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .tokenfield.disabled {
        cursor: not-allowed;
        background-color: #eee;
    }

        .tokenfield.disabled .token-input {
            cursor: not-allowed;
        }

        .tokenfield.disabled .token:hover {
            cursor: not-allowed;
            border-color: #d9d9d9;
        }

            .tokenfield.disabled .token:hover .close {
                cursor: not-allowed;
                opacity: .2;
                filter: alpha(opacity=20);
            }

.has-warning .tokenfield.focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-error .tokenfield.focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-success .tokenfield.focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.tokenfield.input-sm, .input-group-sm .tokenfield {
    min-height: 30px;
    padding-bottom: 0;
}

    .input-group-sm .token, .tokenfield.input-sm .token {
        height: 20px;
        margin-bottom: 4px;
    }

    .input-group-sm .token-input, .tokenfield.input-sm .token-input {
        height: 18px;
        margin-bottom: 5px;
    }

.tokenfield.input-lg, .input-group-lg .tokenfield {
    height: auto;
    min-height: 45px;
    padding-bottom: 4px;
}

    .input-group-lg .token, .tokenfield.input-lg .token {
        height: 25px;
    }

    .input-group-lg .token-label, .tokenfield.input-lg .token-label {
        line-height: 23px;
    }

    .input-group-lg .token .close, .tokenfield.input-lg .token .close {
        line-height: 1.3em;
    }

    .input-group-lg .token-input, .tokenfield.input-lg .token-input {
        height: 23px;
        line-height: 23px;
        margin-bottom: 6px;
        vertical-align: top;
    }

.tokenfield.rtl {
    direction: rtl;
    text-align: right;
}

    .tokenfield.rtl .token {
        margin: -1px 0 5px 5px;
    }

        .tokenfield.rtl .token .token-label {
            padding-left: 0;
            padding-right: 4px;
        }

.btn {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 0.5em 0.8em;
    line-height: 1.1;
    color: white !important;
    background: #7ea4a5;
    border: solid 1px transparent;
}

    .btn:hover {
        background-color: #7ea8ad;
        color: White;
    }

    .btn:disabled {
        opacity: .6;
        pointer-events: none;
        cursor: default;
    }

.btn--no-border, .btn--secondary {
    background: white;
    color: #F47926;
    border: solid 1px #F47926;
}

    .btn--no-border:hover, .btn--secondary:hover {
        background-color: #FFF1E8;
        color: #F47926;
    }

.btn--compact {
    padding: 0.1em 0.6em;
}

.btn--full {
    display: block;
    width: 100%;
    text-align: center;
}

.btn--no-border {
    border: none;
}

body,
.grid__item {
    font-size: 14px;
}

@media only screen and (min-width: 768px) {
    body,
    .grid__item {
        font-size: 15px;
    }
}


.form__item, .checkbox-border, .field-border {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 15px 0;
}

.form__item-label, label, .field-title {
    display: block;
    width: 100%;
    line-height: 1.5em;
    margin: 0 0 1px 0;
    padding: 0;
    color: #555759;
}

.is-required > .form__item-label, .is-required > label, .is-required > .field-title {
    padding-right: .7em;
}

    .is-required > .form__item-label:after, .is-required > label:after, .is-required > .field-title:after {
        content: "*";
        white-space: nowrap;
        width: .7em;
        text-align: right;
        display: inline-block;
        color: inherit;
        margin-right: -.7em;
    }

.form__item-panel, .field-panel {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
}

.form__item-input, input[type=text],
input[type=password],
input[type=url],
input[type=tel],
input[type=number],
input[type=color],
input[type=email],
input[type=date],
textarea, select, .inner-label-input, .field-content input,
.field-content textarea,
.field-content select {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    width: 100%;
    padding: 0.5em;
    margin: 0;
    background: #e0eaec;
    border: solid 1px transparent;
    line-height: 1.1em;
    color: #555759;
}

    .form__item-input[readonly], input[readonly][type=text],
    input[readonly][type=password],
    input[readonly][type=url],
    input[readonly][type=tel],
    input[readonly][type=number],
    input[readonly][type=color],
    input[readonly][type=email],
    input[readonly][type=date],
    textarea[readonly], select[readonly], [readonly].inner-label-input, .field-content input[readonly], .form__item-input[readonly="readonly"], input[readonly="readonly"][type=text],
    input[readonly="readonly"][type=password],
    input[readonly="readonly"][type=url],
    input[readonly="readonly"][type=tel],
    input[readonly="readonly"][type=number],
    input[readonly="readonly"][type=color],
    input[readonly="readonly"][type=email],
    input[readonly="readonly"][type=date],
    textarea[readonly="readonly"], select[readonly="readonly"], [readonly="readonly"].inner-label-input, .field-content input[readonly="readonly"], .form__item-input[disabled], input[disabled][type=text],
    input[disabled][type=password],
    input[disabled][type=url],
    input[disabled][type=tel],
    input[disabled][type=number],
    input[disabled][type=color],
    input[disabled][type=email],
    input[disabled][type=date],
    textarea[disabled], select[disabled], [disabled].inner-label-input, .field-content input[disabled], .form__item-input[disabled="disabled"], input[disabled="disabled"][type=text],
    input[disabled="disabled"][type=password],
    input[disabled="disabled"][type=url],
    input[disabled="disabled"][type=tel],
    input[disabled="disabled"][type=number],
    input[disabled="disabled"][type=color],
    input[disabled="disabled"][type=email],
    input[disabled="disabled"][type=date],
    textarea[disabled="disabled"], select[disabled="disabled"], [disabled="disabled"].inner-label-input, .field-content input[disabled="disabled"] {
        background: #ebe4e4;
        border: none;
        cursor: text;
    }

    .form__item-input[disabled], input[disabled][type=text],
    input[disabled][type=password],
    input[disabled][type=url],
    input[disabled][type=tel],
    input[disabled][type=number],
    input[disabled][type=color],
    input[disabled][type=email],
    input[disabled][type=date],
    textarea[disabled], select[disabled], [disabled].inner-label-input, .field-content input[disabled], .form__item-input[disabled="disabled"], input[disabled="disabled"][type=text],
    input[disabled="disabled"][type=password],
    input[disabled="disabled"][type=url],
    input[disabled="disabled"][type=tel],
    input[disabled="disabled"][type=number],
    input[disabled="disabled"][type=color],
    input[disabled="disabled"][type=email],
    input[disabled="disabled"][type=date],
    textarea[disabled="disabled"], select[disabled="disabled"], [disabled="disabled"].inner-label-input, .field-content input[disabled="disabled"] {
        cursor: default;
    }

.form__check-radio-label, .list-content label {
    display: block;
    overflow: hidden;
    width: auto;
    margin: 0;
}

.form__check-radio, .checkbox-content input, .list-content input {
    float: left;
    margin-top: .25em;
    margin-right: .33em;
}

.form__item-message, .form__item-message--error, .field-error, .checkbox-info, .field-info {
    display: block;
    padding: 0;
    margin-top: 5px;
}

.form__item-message--error, .field-error {
    color: #F47926;
    padding-left: 10px;
}

    .form__item-message--error:before, .field-error:before {
        content: '- ';
        display: inline-block;
        margin-left: -10px;
        width: 10px;
    }

.form__action-input,
input[readonly].form__action-input {
    cursor: pointer;
}

.form__date-picker input,
.form__date-picker input[readonly] {
    background-color: #EFF8EC;
    cursor: pointer;
}

select {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    height: 2.4em;
}

    select[multiple] {
        height: auto;
        padding: 0.5em 0.6em;
    }

input.placeholder {
    color: #999;
}

    input.placeholder::-ms-clear {
        display: none;
    }


.loading {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    background: no-repeat center center;
    width: 100%;
    height: 120px;
    color: transparent;
}

.loading--css {
    display: none;
}

.is-loading .loading--css {
    display: block;
}




/* Addition for WFFM styling (Serg) */
.scfForm {
    margin-bottom: 15px;
}

.scChromeDataHolder {
    display: block;
}

.scfForm textarea {
    resize: none;
}

/* Form */
/* Form Introduction*/
.form-introduction {
    margin-bottom: 1em;
}

/* Submit Button*/
.form-submit-border {
    text-align: right;
}

    .form-submit-border input[type=submit] {
        /*@extend .btn;*/
        /*background-repeat: no-repeat;*/
        /*background-position: 200% 200%;*/
    }

        form.is-loading-ajax .form-submit-border input[type=submit], .form-submit-border input[type=submit].is-loading {
            cursor: not-allowed;
            pointer-events: all !important;
            border-color: none;
            /*padding-left: 30px;*/
            /*background-color: #7ea4a5;*/
            opacity: 0.5;
        }

/* Validation */
.form-validation-summary {
    margin-bottom: 20px;
}

.error-message,
.validation-summary-errors {
    display: block;
    padding: 10px;
    background-color: #F4F4F4;
    color: #7ea4a5;
}

    .error-message ul,
    .validation-summary-errors ul {
        margin: 0;
        padding: 0 0 0 25px;
    }

.scfValidatorRequired,
.field-required {
    display: none;
}

/* Forms section*/
.display-section-fieldset {
    padding: 0;
    margin: 0;
    border: none;
}

.display-section-legend {
    display: block;
    width: 100%;
    color: #60BB46;
    font-size: 20px;
    margin-bottom: 1em;
}

.display-section-info {
    font-style: italic;
}

    .form-introduction:empty,
    .display-section-info:empty,
    .field-error:empty,
    .checkbox-info:empty,
    .field-info:empty {
        margin: 0;
        padding: 0;
    }

        .form-introduction:empty:before, .form-introduction:empty:after,
        .display-section-info:empty:before,
        .display-section-info:empty:after,
        .field-error:empty:before,
        .field-error:empty:after,
        .checkbox-info:empty:before,
        .checkbox-info:empty:after,
        .field-info:empty:before,
        .field-info:empty:after {
            content: normal;
        }

/* Form fields */
/* Checkbox */
/* Lists */
.list-content td {
    padding: 0 6px 3px 0;
}

.field-info {
    font-size: .9em;
    font-style: italic;
}

.field-content select {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    height: 2.4em;
}

    .field-content select[multiple] {
        height: auto;
        padding: 0.5em 0.6em;
    }

label.field-datebox-title {
    float: left;
    width: 26.33%;
    padding-right: 5px;
}

    label.field-datebox-title + label.field-datebox-title {
        width: 43.33%;
    }

        label.field-datebox-title + label.field-datebox-title + label.field-datebox-title {
            width: 30.33%;
        }

select.field-datebox-content {
    float: left;
    width: 25%;
    margin-right: 1.33%;
}

    select.field-datebox-content + select.field-datebox-content {
        width: 42%;
    }

        select.field-datebox-content + select.field-datebox-content + select.field-datebox-content {
            width: 30.33%;
            margin-right: 0;
        }

/* Captcha Field */
.field-captcha-image-container {
    background-color: #fff;
    float: left;
    border: solid 1px #c0c0c0;
    margin-bottom: 10px;
}

.field-captcha-audio {
    display: none;
    height: 0px;
    width: 0px;
    position: relative;
}

    .field-captcha-audio embed {
        position: absolute;
        z-index: -1;
    }

.field-captcha-controls {
    float: left;
    margin-left: 5px;
    margin-bottom: 10px;
}

    .field-captcha-controls input {
        width: auto;
        margin: 7px;
        display: block;
        padding: 0;
        background: transparent;
        border: none;
    }

.form-control.AddressFinderTextField {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    width: 100%;
    padding: .5em;
    margin: 0;
    line-height: 1.1em;
    color: #555759;
    resize: none;
    border-color: transparent !important;
}

.wffm fieldset {
    border: none;
    padding-left: 0px;
}

    .wffm fieldset legend {
        display: block;
        width: 100%;
        color: #7ea8ad;
        font-size: 20px;
        font-family: myriad-pro,Calibri,Arial,Verdana,sans-serif;
        font-style: italic;
        font-weight: 300;
    }

.form-control.text-box:focus, .multi-field-input__value:focus, .multi-field-input__key:focus, .form-control.AddressFinderTextField:focus {
    border-color: #66afe9 !important;
    border-width: 1px !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}

.g-recaptcha {
    margin-top: 1em;
}

.form-group {
    margin-bottom: 15px;
}

.required-field .control-label:after {
    content: '*';
    line-height: 1.5em;
    color: #555759;
    font-family: myriad-pro,Calibri,Arial,Verdana,sans-serif;
    font-style: italic;
    font-weight: 700;
}

.form-group.has-error {
    display: block;
    color: #7ea4a5;
}

    .form-group.has-error .list-group {
        margin-bottom: 0px;
    }

form[data-wffm] fieldset {
    padding: 0px;
    border: none;
}

    form[data-wffm] fieldset legend {
        display: none !important;
    }

    form[data-wffm] fieldset.showLegend legend {
        font-size: 25px;
        display: block !important;
        padding: 10px 0 10px 0px;
    }

form[data-wffm] .required-field .control-label:before, form[data-wffm] .required-field .checkbox:after {
    display: none !important;
}


.form-control text-box {
    background-color: #e0eaec;
}

@media screen and (min-width: 480px) {
    form [data-wffm] .paymentDetailsField {
        width: 33%;
        float: left;
        clear: none;
        padding-left: 5px;
    }
}

/* Corp Campaign styling addition */
.no-bottom-margin {
    margin-bottom: 0 !important;
}

.with-top-margin {
    margin-top: 15px !important;
}

@media screen and (min-width: 480px) {
    .form-group.col-md-4 {
        width: 33.333%;
        float: left;
        clear: none;
    }

        .form-group.col-md-4:nth-child(1) {
            padding-right: 10px;
        }

        .form-group.col-md-4:nth-child(2) {
            padding-left: 5px;
            padding-right: 5px;
        }

        .form-group.col-md-4:nth-child(3) {
            padding-left: 10px;
        }

    .form-group.col-md-6 {
        width: 50%;
        float: left;
        clear: none;
    }

        .form-group.col-md-6:nth-child(1n) {
            /*padding-right: 7px;*/
        }

        .form-group.col-md-6:nth-child(2n) {
            padding-left: 8px;
        }

    .form-group.col-md-3 {
        width: 25%;
        float: left;
        clear: none;
    }

        .form-group.col-md-3:nth-child(1) {
            padding-right: 10px;
        }

        .form-group.col-md-3:nth-child(2) {
            padding-left: 5px;
            padding-right: 7px;
        }

        .form-group.col-md-3:nth-child(3) {
            padding-left: 8px;
            padding-right: 5px;
        }

        .form-group.col-md-3:nth-child(4) {
            padding-left: 10px;
        }
}

.matchableSelect {
    margin-bottom: 0;
    margin-top: 15px;
}

.matchableSection {
    clear: both;
    display: none;
    margin-bottom: 3px;
}

    .matchableSection legend {
        display: none;
    }

@media screen and (max-width: 479px) {
    .matchableSection {
        margin-bottom: 5px;
    }
}

.matchableSection .right-side {
    width: 83.333%;
    float: right;
}

    .matchableSection .right-side .form-group {
        margin-bottom: 3px;
    }

@media screen and (max-width: 479px) {
    .matchableSection .right-side {
        max-width: 70vw;
    }

        .matchableSection .right-side .form-group {
            padding-top: 3px;
        }

            .matchableSection .right-side .form-group label {
                width: 50%;
                max-width: 50%;
                float: left;
            }

                .matchableSection .right-side .form-group label + div {
                    width: 50%;
                    max-width: 50%;
                    float: right;
                }

                .matchableSection .right-side .form-group label + .form-control {
                    width: 50%;
                    max-width: 50%;
                    float: right;
                }
}

.matchableSection .left-side {
    width: 16.666%;
    float: left;
    height: 100%;
    vertical-align: bottom;
    padding-top: 1.5em;
}

@media screen and (max-width: 479px) {
    .matchableSection .left-side {
        max-width: 10vw;
        padding-top: 3px;
    }
}

.matchableSection .left-side .btn {
    cursor: pointer;
}

.matchableSection + div {
    margin-top: 15px;
}

.hidden-field {
    display: block;
    width: 1px;
    height: 1px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0 !important;
}

.tac-scrollable-outer-container {
    width: 100%;
    height: auto;
    border: 1px solid #cccccc;
    position: relative;
}

    .tac-scrollable-outer-container .tac-scrollable-inner-container {
        width: 100%;
        height: auto;
        min-height: 100px;
        max-height: 60vh;
        overflow: auto;
    }

    .tac-scrollable-outer-container::after,
    .tac-scrollable-outer-container::before {
        content: '';
        display: block;
        width: 100%;
        height: 50px;
        position: absolute;
        left: 0;
    }

    .tac-scrollable-outer-container::before {
        top: 0;
        background: transparent;
        background-image: linear-gradient(0deg,transparent,#fff);
    }

    .tac-scrollable-outer-container::after {
        bottom: 0;
        background: transparent;
        background-image: linear-gradient(180deg,transparent,#fff);
    }

@media screen and (max-width: 479px) {
    .tac-scrollable-outer-container {
        max-height: 100vh;
    }
}

.tac-scrollable-outer-container .tac-rte {
    height: auto;
    padding: 25px 0;
}

.tac-scrollable-outer-container .tac-end {
    display: block;
    height: auto;
    width: 100%;
    padding-top: 5px;
}

.tac-shown-container {
    display: none;
    width: 100%;
    height: auto;
    padding: 10px 0;
}

input[disable="true"] {
    pointer-events: none;
    background: #cccccc !important;
    background-image: none !important;
}

.accountDataInjection {
    display: none !important;
}

.hidden-form {
    display: none !important;
}

form.wffm.ToTForm {
    display: none;
}

.inline-checkbox .checkbox {
    position: relative;
    width: 100%;
    text-align: left;
    padding-left: 25px;
}

    .inline-checkbox .checkbox input {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .inline-checkbox .checkbox label {
        display: inline-block;
        width: auto;
        max-width: 100%;
    }

.right-side .checkbox-list-container .checkbox label,
.checkbox-list-container .checkbox label {
    float: none;
    max-width: 100%;
    width: 100%;
}

/* New addition - form fine tuning */
form.wffm {
    max-width: 750px;
    padding-left: 40px;
    padding-right: 40px;
    /*margin: auto;*/
    box-sizing: border-box;
}

    form.wffm input {
        float: none;
        width: 100%;
        max-width: 100%;
        padding: 15px;
        color: #555759;
    }


@media screen and (max-width: 767px) {
    form .wffm {
        max-width: 100%;
        width: 100%;
    }
}

.row {
    margin: 0;
}

[class^='col-'] {
    padding: 0;
}

form.wffm div, form.wffm input {
    box-sizing: border-box;
}

form.wffm .twitter-typeahead {
    width: 100%;
}

.showLegend {
    padding: 10px 0;
}

.contactForm label {
    width: 100%;
}

form .checkbox label {
    float: none;
    width: auto;
    text-align: left;
}

    form .checkbox input, form .checkbox label input {
        width: 20px;
        height: 20px;
        float: none;
        padding: 0;
        margin: 0;
    }

form .inline-checkbox > label {
    float: none;
    width: 100%;
}

@media (max-width: 767px) {
    form.contactForm input.text-box, .contactForm textarea {
        width: 100%;
    }

    form[data-wffm] fieldset.showLegend legend {
        margin-left: 2vw;
    }

    div.has-error has-feedback {
        margin-left: 2vw;
    }
}

@media (max-width: 479px) {
    form.wffm .right-side .form-group > label, form.wffm .right-side .form-group > label + input {
        float: none;
        width: 50%;
        max-width: 50%;
        display: inline-block;
    }
}

@media (max-width: 479px) {
    .matchableSection .right-side .form-group > label ~ .checkbox {
        width: 50%;
        max-width: 50%;
        float: right;
    }

        .matchableSection .right-side .form-group > label ~ .checkbox > label {
            width: auto;
            max-width: 100%;
            float: none;
        }

    .matchableSection .right-side .form-group .checkbox > label {
        width: auto;
        max-width: 100%;
        float: none;
    }
}

.form-submit-border input[type=submit] {
    line-height: 1;
    padding: 0 15px;
    text-align: center;
}

@media (min-width: 480px) {
    .form-submit-border input[type=submit] {
        width: 200px;
        line-height: 1;
        padding: 0 15px;
        text-align: center;
        margin-right: 0;
    }
}

.layoutLeft .searchHolder {
    padding-left: 22px;
    padding-right: 22px;
}

.searchHolder .searchBox {
    width: 130px;
    padding: 12px 15px !important;
    box-sizing: border-box;
    border-radius: 0 !important;
}

.searchHolder .searchButton {
    float: right;
    height: 26px;
}

.wffm .field-validation-error {
    float: left;
    margin-top: 10px;
    padding-bottom: 5px;
    color: #7ea4a5;
}

.typeahead:focus {
    border: 2px solid #0097cf;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-menu {
    width: 100%;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

    .tt-suggestion:hover {
        cursor: pointer;
        color: #fff;
        background-color: #0097cf;
    }

    .tt-suggestion.tt-cursor {
        color: #fff;
        background-color: #0097cf;
    }

    .tt-suggestion p {
        margin: 0;
    }

.gist {
    font-size: 14px;
}

/* example specific styles */
/* ----------------------- */
#custom-templates .empty-message {
    padding: 5px 10px;
    text-align: center;
}

#multiple-datasets .league-name {
    margin: 0 20px 5px 20px;
    padding: 3px 0;
    border-bottom: 1px solid #ccc;
}

#scrollable-dropdown-menu .tt-menu {
    max-height: 150px;
    overflow-y: auto;
}

#rtl-support .tt-menu {
    text-align: right;
}