/* Minification failed. Returning unminified contents.
(790,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(792,48): run-time error CSS1039: Token not allowed after unary operator: '-bg-opacity'
(3329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3361,20): run-time error CSS1039: Token not allowed after unary operator: '-carousel-height'
(3372,20): run-time error CSS1039: Token not allowed after unary operator: '-carousel-height'
(3384,18): run-time error CSS1039: Token not allowed after unary operator: '-carousel-height'
(3491,1): run-time error CSS1019: Unexpected token, found '@'
(3544,31): run-time error CSS1046: Expect comma, found '255'
(3544,39): run-time error CSS1046: Expect comma, found '/'
(4020,31): run-time error CSS1046: Expect comma, found '255'
(4020,39): run-time error CSS1046: Expect comma, found '/'
(4223,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4224,10): run-time error CSS1035: Expected colon, found '{'
(4481,19): run-time error CSS1046: Expect comma, found '20'
(4481,25): run-time error CSS1046: Expect comma, found '/'
 */
@charset "utf-8";
/* CSS Document */



@media (max-width: 979px) {
.span12, .span8, .span6, .span4 {
        float: none;
        width: auto !important;
    }

.span4 h2, .span6 h2
{
    clear:both;
    }

.teaserblock.full h2, .teaserblock.wide h2 {
    font-size: 2.5em;
}

.subHeader
{
    width:100% !important;
    font-weight:normal !important;
    }

.jumbotronblock .span4
{
    display:none;
    }

.media .mediaImg img
{
    width:75%;}


.hideMyTracks {display:none;}

}



@media (max-width: 834px) {

.teaserblock.full h2, .teaserblock.wide h2 {
    clear:both;
}

.teaserblock.full h2, .teaserblock.wide h2, .teaserblock.full p, .teaserblock.wide p {
    text-align:center;
}

.teaserblock.full img, .teaserblock.wide img {
    width:75%;
}

#header .span2
{
    float:left;
    width:20% !important;
    }

#header .span10
{
    float:right;
    }

.span12 .media .mediaText, .span8 .media .mediaText
{
    clear:both;
    margin:0 2% 5px;
    }

}

@media (max-width: 767px) {

h1
{
    font-size:35px !important;
    }

h2
{
    font-size:20px !important;
    }

.introduction {
    font-size:1.2em !important;
    margin:2% 0 4% 0;
    }

.SvpMenu .navbar .nav>li>a {
    color:#323335;
    padding-bottom:12px;
    line-height:23px;
    text-shadow:none !important;
    outline:none;
    }

.SvpMenu .navbar .nav>li>ul>li a:hover {
    outline:1px solid;
    background:#2980bd;
    }


.span3 {
    width:100% !important;

    }

.teaserblock img {
        width:75%;
    }

.btn-blue {
    margin-right:1%;
    float:left;
    clear:none;
    }

.searchButton {
    float:right;
    margin-top:7px !important;
    }

.SvpMenu .navbar-search .search-query
{
    max-width:70%;
    }


#header .span2
{
    float:left;
    width:20% !important;
    }

#header .span10
{
    float:right;
    }

}


@charset "utf-8";
/* CSS Document */

/*Headers*/

#header {
    margin: 2% 0;
}

/*General*/
h1 {
    font-family: verdana;
    font-size: 4.5em;
    line-height: 1.1em;
}

    h1.jumbotron {
        font-family: verdana;
        font-size: 4.5em;
        line-height: 1.1em;
        margin-top: 4%;
        word-wrap: break-word;
    }

.subHeader {
    font-family: verdana;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.3em;
    margin: 2% 0 4% 0;
    width: 80%;
}

.introduction {
    font-family: verdana;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3em;
    margin: 2% 0 2% 0;
}

a {
    outline: none;
}

.share {
    margin: 4% 0;
}

.right {
    float: right !important;
}

/*Top*/


.logotype {
    margin: 2% 0;
}


/*Search page*/

.grayHead {
    border-radius: 4px;
    background: #f1f1f1;
    margin-bottom: 2%;
}

    .grayHead h2, .grayHead p {
        margin: 1%;
    }

.btnCheckbox {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #E6E6E6 #E6E6E6 #A2A2A2;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 14px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.btn-primary:hover, .btn-group .btnCheckbox,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #0055cc;
    *background-color: #004ab3;
}

.SearchResults img, .listResult img {
    float: left;
    margin-bottom: 1%;
    margin-right: 2%;
}

.listResult h3 {
    font-size: 1.3em;
}

.SearchResults hr, .listResult hr {
    width: 100%;
    clear: both;
    margin: 2% 0;
}

/*Content*/

.row {
    margin-bottom: 1%;
}

.span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
    margin-bottom: 2%;
}

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

#header .span2, #header .span10 {
    margin-bottom: 0px;
}

.date {
    font-size: 0.8em;
    margin-top: -9px;
}

.pagelistblock div {
    padding-left: 5px;
}

.pagelistblock .theme1 {
    border-left: 2px solid #EB5E31;
}

.pagelistblock .theme2 {
    border-left: 2px solid #BF5D8C;
}

.pagelistblock .theme3 {
    border-left: 2px solid #9FC733;
}

.quotePuff {
    height: 250px;
}

    .quotePuff h3 {
        margin: 22% 10%;
        text-align: center;
    }



.field-validation-error {
    display: block;
    color: #b94a48;
}

.equal-height .teaserblock .border {
    min-height: 245px;
}

.teaserblock {
    text-align: center;
}

    .teaserblock.full img, .teaserblock.wide img {
        float: left;
        margin-right: 30px;
        max-width: 375px;
        overflow: hidden;
    }

    .teaserblock.full h2, .teaserblock.full p, .teaserblock.wide h2, .teaserblock.wide p {
        text-align: left;
        margin: 0 10px 10px 0;
    }

    .teaserblock.full p, .teaserblock.wide p {
        font-size: 1.3em;
    }

    .teaserblock.full h2, .teaserblock.wide h2 {
        margin: 10px 10px 10px 0;
        font-size: 3em;
    }


    .teaserblock p {
        width: 96%;
        margin-left: 2%;
    }

.border {
    border-radius: 4px;
    border: 1px solid #d6d6d6;
    text-align: center;
    overflow: hidden;
}

    .border p {
        width: 96%;
        margin-left: 2%;
    }

.teaserblock h2, .teaserblock p, a h2, a p {
    color: #333;
}

.border a:hover h2 {
    text-decoration: underline !important;
}

.teaserblock a, .teaserblock a:hover, .teaserblock.full a, .teaserblock.full a:hover, .teaserblock.half a, .teaserblock.half a:hover, .teaserblock.wide a, .teaserblock.wide a:hover {
    color: #333;
}

.teaserblock h2, .teaserblock p {
    text-align: center;
    margin-left: 1%;
    width: 98%;
}

.colorBox {
    border-radius: 4px;
    margin: 10px 0;
    padding-bottom: 3px;
    background: #bdbdbd;
    background-image: -moz-linear-gradient(center top, #d9d9d9, #bdbdbd);
    color: #333;
}

.block.theme1 {
    background: #eb5e31;
    background-image: -moz-linear-gradient(center top, #eb8931, #eb5e31);
    color: #fff;
}

.block.theme2 {
    background: #bf5d8c;
    background-image: -moz-linear-gradient(center top, #db5a98, #bf5d8c);
    color: #fff;
}

.block.theme3 {
    background: #9fc733;
    background-image: -moz-linear-gradient(center top, #b1e031, #9fc733);
    color: #fff;
}

.colorBox ul {
    list-style-type: none;
    margin: 0 0 2% 3%;
}

.colorBox a, .colorBox a:hover {
    color: #333;
}

.block.theme1 a, .block.theme1 a:hover, .block.theme2 a, .block.theme2 a:hover, .block.theme3 a, .block.theme3 a:hover {
    color: #fff;
}

.colorBox h2, .colorBox p {
    margin: 1% 3%;
}

.formContainer p {
    margin-bottom: 4px;
    margin-top: 4px;
}

/* ====== media ====== */
.media {
    margin: 10px;
    margin-left: 0px;
}

.media, .mediaText {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
}

    .media .mediaImg {
        float: left;
        margin-right: 30px;
    }

        .media .mediaImg img {
            display: block;
            max-width: 370px;
        }

.span8 .media .mediaImg img {
    max-width: 300px;
    margin-right: 15px;
}

.media p {
    font-size: 1.3em;
}

.media h2 {
    font-size: 3em;
    margin: 10px 0;
}

/*Buttons*/

.btn-blue {
    width: 100%;
    max-width: 170px;
    height: 50px;
    border-radius: 4px;
    background: #2677af;
    background-image: -moz-linear-gradient(center top, #3989c2, #2677af);
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    font-size: 1.2em;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    clear: both;
    font-weight: bold;
}

    .btn-blue:hover {
        background: #4b8ab7;
        background-image: -moz-linear-gradient(center top, #5f9eca, #4b8ab7);
        text-decoration: none;
        color: #fff;
    }

/*Image*/
.image-file {
    width: 100%;
}

/*Video*/

.embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

    .embed iframe, .embed object, .embed embed, .embed video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/*Footer*/

.footer ul {
    list-style-type: none;
    margin: 1% 0;
}

/*Fixes*/

.setMargins div.span4 {
    margin-bottom: 20px;
}



/*Svp Menu*/

.SvpMenu {
    color: #323335;
    letter-spacing: 0.1px;
    font-family: verdana;
    text-shadow: none !important;
    margin-top: 3%;
    margin-bottom: 18px;
}

    .SvpMenu .navbar-inner {
        background: #fff;
        color: #323335;
        text-shadow: none !important;
        box-shadow: none;
    }

    .SvpMenu .navbar .nav > li > a {
        color: #323335;
        padding-bottom: 12px;
        line-height: 23px;
        text-shadow: none !important;
        outline: none;
    }

        .SvpMenu .navbar .nav > li > a:hover {
            background: #fff;
            text-shadow: none !important;
            color: #2980bd;
            border-bottom: 1px solid #2980bd;
        }

        .SvpMenu .navbar .nav > li > a.theme1:hover {
            background: #fff;
            text-shadow: none !important;
            color: #EB5E31;
            border-bottom: 1px solid #EB5E31;
        }

        .SvpMenu .navbar .nav > li > a.theme3:hover {
            background: #fff;
            text-shadow: none !important;
            color: #9FC733;
            border-bottom: 1px solid #9FC733;
        }

        .SvpMenu .navbar .nav > li > a.theme2:hover {
            background: #fff;
            text-shadow: none !important;
            color: #BF5D8C;
            border-bottom: 1px solid #BF5D8C;
        }

    .SvpMenu .navbar .nav > li.active > a {
        background: #fff;
        text-shadow: none !important;
        color: #2980bd;
        border-bottom: 1px solid #2980bd;
    }

        .SvpMenu .navbar .nav > li.active > a.theme1 {
            background: #fff;
            text-shadow: none !important;
            color: #EB5E31;
            border-bottom: 1px solid #EB5E31;
        }

        .SvpMenu .navbar .nav > li.active > a.theme3 {
            background: #fff;
            text-shadow: none !important;
            color: #9FC733;
            border-bottom: 1px solid #9FC733;
        }

        .SvpMenu .navbar .nav > li.active > a.theme2 {
            background: #fff;
            text-shadow: none !important;
            color: #BF5D8C;
            border-bottom: 1px solid #BF5D8C;
        }

    .SvpMenu .navbar ul {
        font-size: 1em;
    }

    .SvpMenu .caret {
        opacity: 0.9;
        color: #323335;
        border-top-color: #323335 !important;
        border-bottom-color: #323335 !important;
    }

    .SvpMenu .navbar-search .search-query {
        padding: 4px 5px 4px 13px;
        text-shadow: none;
        background: #fff;
        margin-bottom: 0;
        border-color: #d9d9d9;
        box-shadow: none;
    }

form.navbar-search {
    background: #d6d6d6;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    padding: 4px 5px;
    margin-top: 0;
}

.SvpMenu .navbar-search .search-query:focus, .navbar-search .search-query.focused {
    padding: 4px 5px 4px 13px;
    text-shadow: none;
    border: 1px solid #d9d9d9;
    color: #aaa;
}

.search-query {
    margin-bottom: 0px !important;
    margin-top: 7px;
    width: 200px;
    color: #aaa;
}

.searchButton {
    height: 28px !important;
    width: 28px !important;
    background: url(/Static/gfx/searchbuttonsmall.png) no-repeat top left !important;
    border: none !important;
    margin-top: 7px !important;
}

/*Svp side navigation*/

#SvpDrop .accordion-group {
    border: 1px solid #ddd;
}

    #SvpDrop .accordion-group li {
        line-height: 40px;
    }

    #SvpDrop .accordion-group .accordion-heading {
        background: #fff;
        font-weight: bold;
    }

        #SvpDrop .accordion-group .accordion-heading a.accordion-toggle {
            color: #323335;
            outline: none;
        }

    #SvpDrop .accordion-group ul {
        margin: 5px 0;
        background: #fff;
        list-style-type: none;
    }

        #SvpDrop .accordion-group ul ol, #SvpDrop .accordion-group ul ul {
            margin: 5px 0 0 0;
            background: #fff;
            list-style-type: none;
        }

        #SvpDrop .accordion-group ul li {
            width: 100%;
        }

            #SvpDrop .accordion-group ul li .icon-chevron-down {
                margin-top: 10px;
                margin-right: 15px;
            }


            #SvpDrop .accordion-group ul li a {
                padding-left: 30px;
                width: 100%;
                color: #333;
            }

                #SvpDrop .accordion-group ul li a:hover {
                    color: #2980BD !important;
                }

            #SvpDrop .accordion-group ul li ol {
                padding-left: 0px;
                background: #fff;
            }

        #SvpDrop .accordion-group ul ol li, #SvpDrop .accordion-group ul ul li {
            border-bottom: 0px solid #d6d6d6;
            border-top: 1px solid #d6d6d6;
        }

            #SvpDrop .accordion-group ul ol li a, #SvpDrop .accordion-group ul ul li a {
                padding-left: 50px;
            }

#SvpDrop a.active {
    background: none repeat scroll 0 0 #2980BD;
    color: #FFFFFF !important;
}

/*Campaign*/

.campaign-wrapper {
    margin: 5% 0;
}

/*Svp Breadcrumb*/

.SvpBreadcrumb {
    background: none;
    list-style-type: none;
    margin: 0 0 -20px 0;
    padding: 7px 14px;
}

    .SvpBreadcrumb li {
        display: inline;
    }

    .SvpBreadcrumb .divider {
        color: #999;
        padding: 0 5px;
    }

.thankyoumessage {
    padding: 1em 0.5em;
    margin: 0;
    font-weight: bold;
}

/* Search page */
form.search-form {
    margin-bottom: 0;
}

/* Edit container style */
.epi-editContainer {
    min-height: 1.1em;
    min-width: 1.6em;
}
.hero {
    padding-top: 150px;
}
.pb-10 {
    padding-bottom: 2.5rem;
}
.bg-msngreenlight {
    --bg-opacity: 1;
    background-color: #e9f2e8;
    background-color: rgba(233, 242, 232, var(--bg-opacity));
}
.text-center {
    text-align: center !important;
}
@media (min-width: 48em){
    .sm\:text-48 {
        font-size: 3rem;
    }
}
.font-msn-semibold {
    font-family: soleil-semibold, Helvetica, Arial, sans-serif;
}
a {
    color: inherit;
    text-decoration: inherit;
}
a {
    background-color: transparent;
}

/* CSS specific to edit mode, such as help content displayed to the editor */

.alert-info
{
    border-color: #B8C0C5;
    color: black;
    font-family: Verdana;
    font-size: 1em;
    font-style: italic;
    background-color: #B8C0C5;
    box-shadow: 3px 3px 5px #CCC;
    text-align: center;
    }

.alert-error p {
    text-align: left;
}

.alert-error .heading {
    font-weight: bold;
    color: #ff0000;
}

.alert-error .details {
    font-size: 0.8em;
    max-height: 100px;
    overflow: auto;
}

.header.dim {
    margin: 2% 0;
    opacity: 0.3;
}
* {
    margin: 0;
    padding: 0;
    outline: 0;
}

body, html {
    height: 100%;
}

body {
    font-size: 16px;
    line-height: 23px;
    font-family: arial, sans-serif;
    color: #666;
    background: #fff;
    min-width: 1060px;
    -webkit-appearance: none;
    -webkit-text-size-adjust: none;
}

.clear {
    clear: both;
}

a {
    color: #e53749;
    text-decoration: underline;
    cursor: pointer;
}

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

    a img {
        border: 0;
    }

input, textarea, select {
    font-size: 12px;
    font-family: arial, sans-serif;
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    -webkit-appearance: none;
}

.cl {
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    clear: both;
}

.notext {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
}

.left, .alignleft {
    float: left;
    display: inline;
}

.right, .alignright {
    float: right;
    display: inline;
}

.clearfix {
    *zoom: 1;
}

    .nav ul:after,
    #brands:after,
    .list-press:after,
    .updates:after,
    .footer .container:after,
    .brand-single .brand-body:after,
    .content:after,
    .form-actions:after,
    .form-row:after,
    .section-news-secondary .section-head:after,
    .footer-nav ul:after,
    .clearfix:after {
        width: 100%;
        content: '';
        font-size: 0;
        line-height: 0;
        text-indent: -4000px;
        clear: both;
        display: block;
    }

.parent-nav::after {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    vertical-align: 0;
    border: none;
    font-weight: 600;
    padding-left: 5px;
    line-height:0;
}

.navitem-arrow {
    display: none;
    height: auto;
    line-height: 40px;
    text-align: center;
    margin: 0;
    padding: 0;
    font-weight: 600;
    position: relative;
}

a img {
    transition: color 1000ms, background-color 1000ms, opacity 1000ms;
    -webkit-transition: color 1000ms, background-color 1000ms, opacity 1000ms;
}

a:hover,
.FormButton:hover,
a:hover img {
    transition: color 300ms, background-color 300ms, opacity 300ms;
    -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
}

    a:hover img {
        opacity: 0.7;
        -moz-opacity: 0.7;
        filter: alpha(opacity=70);
    }

.hidden {
    display: none;
}

h1, h2, h3, h4, h5, h6, strong {
}

h1 {
    font-size: 20px;
    line-height: 20px;
}

h2 {
    font-size: 18px;
    line-height: 18px;
}

h3 {
    font-size: 16px;
    line-height: 16px;
}

h4 {
    font-size: 14px;
    line-height: 14px;
}

h5 {
    font-size: 12px;
    line-height: 12px;
}

h6 {
    font-size: 10px;
    line-height: 10px;
}

.container {
    width: 1060px;
    margin: auto;
}

.resp
.main {
    position: relative;
    z-index: 9;
    padding-bottom: 20px;
}

/* sticky-footer */
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -86px;
}

.push {
    height: 86px;
}

/* icons */
.ico {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.ico-dropdown-arrow {
    background: url(https://www.svpworldwide.com/SiteMedia/SiteResources/images/dropdown-arrow.png) no-repeat 0 0;
    width: 8px;
    height: 4px;
    position: relative;
    top: -3px;
}

/* buttons */
.FormButton {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-style: italic;
    color: #fff;
    text-align: center;
    font-family: Georgia, serif;
    border-radius: 3px;
    background: #e53749;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 28px;
}

/* links */
.link-back {
    font-size: 16px;
    line-height: 16px;
    display: block;
    padding-left: 15px;
    background: url(https://www.svpworldwide.com/SiteMedia/SiteResources/images/arrow-left-grey.png) no-repeat 0 center;
    text-decoration: none;
    color: #666;
}

/* header */
.header {
    position: relative;
    z-index: 10;
    padding: 18px 0 40px 0;
}

.header-secondary {
    padding-bottom: 15px;
}

.logo {
    display: block;
    width: 260px;
    height: 34px;
    text-indent: -4000px;
    background: url(https://www.svpworldwide.com/SiteMedia/SiteResources/images/logo.png) no-repeat 0 0;
    margin: 0 0 15px 0;
}

.nav {
    border-radius: 5px;
    height: 40px;
}
    /*.nav.visible { display: block!important; }*/
    .nav > ul {
        list-style-type: none;
        /*text-align: center;*/
        font-size: 0;
        padding-top: 16px;
        line-height: 0;
        white-space: nowrap;
        width: 100%;
        display: table;
        position: relative;
    }

        .nav > ul > li {
            position: relative;
            font-size: 14px;
            line-height: 20px;
            border-left: 1px solid #fff;
            text-transform: uppercase;
            display: inline-block;
        }

            .nav > ul > li:first-child {
                border-radius: 5px 0 0 5px;
                border-left: 0;
            }

            .nav > ul > li:last-child {
                border-radius: 0 5px 5px 0;
            }

            .nav > ul > li:first-child a {
                border-radius: 5px 0 0 5px;
            }

            .nav > ul > li:last-child a {
                border-radius: 0 5px 5px 0;
            }

            .nav > ul > li > a {
                color: #fff;
                text-decoration: none;
                padding: 10px 22px;
                transition: none;
                background: #b7b7b7;
                position: relative;
                display: table-cell;
            }

                .nav > ul > li.current > a,
                .nav > ul > li > a:hover {
                    color: #fff;
                    text-decoration: none;
                    background: #666;
                }

ul, ol {
    margin: 0;
}

#tinymce img {
   max-width:795px;
   height:auto;
}
#tinymce h1 {
    font-family: soleil-semibold,Helvetica,Arial,sans-serif;
    font-size: 3rem;
    line-height: 3.5rem;
    color: #161615
}

#tinymce h2 {
    font-family: soleil-light,Helvetica,Arial,sans-serif;
    font-size: 2.25rem;
    line-height: 2.75rem;
    color: #161615
}

#tinymce h3 {
    font-family: soleil-light,Helvetica,Arial,sans-serif;
    font-size: 1.875rem;
    line-height: 2.75rem;
    color: #161615
}

#tinymce h4 {
    font-family: soleil-semibold,Helvetica,Arial,sans-serif;
    font-size: 1.75rem;
    line-height: 2rem;
    color: #161615
}

#tinymce h5 {
    font-family: soleil-semibold,Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    color: #161615
}

#tinymce h6 {
    font-family: soleil-semibold,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    color: #161615
}

#tinymce p {
    font-family: soleil-light,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #161615
}

#tinymce ul {
    margin: 0 0 9px 20px;
    list-style-type: disc;
    font-family: soleil-light,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #161615
}

#tinymce ol {
    margin: 0 0 9px 20px;
    list-style-type: decimal;
    font-family: soleil-light,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #161615
}


.nav-dropdown {
    display: none;
    background: #666;
    text-transform: none;
    width: auto;
    position: absolute;
    top: 40px;
    left: 0;
    padding-bottom: 10px;
    min-width: 110px;
}

    .nav-dropdown ul {
        list-style-type: none;
        display: block;
    }

    .nav-dropdown li {
        padding: 5px 15px 5px 26px;
        text-align: left;
        display: block;
    }

    .nav-dropdown a {
        color: #fff;
        text-decoration: none;
    }

        .nav-dropdown a:hover {
            color: #ccc;
        }

/* slider */
.slider {
}

    .slider .container {
        position: relative;
    }

.slider-clip {
    overflow: hidden;
}

.slides {
    list-style-type: none;
}

.slide {
    float: left;
    display: inline;
    position: relative;
    z-index: 9;
}

.slide-image {
}

    .slide-image img {
    }

.slide-content {
    position: absolute;
    top: 29%;
    left: 0;
    padding: 20px 30px 20px 70px;
    font-family: Georgia, serif;
    width: 450px;
    background: url(https://www.svpworldwide.com/SiteMedia/SiteResources/images/white-80trans.png);
    font-size: 24px;
    line-height: 32px;
}

    .slide-content a {
        display: block;
        text-decoration: none;
        color: #666;
        font-style: italic;
    }

        .slide-content a:hover {
            color: #e53749;
        }

    .slide-content span {
        color: #e53749;
    }

.slider-actions {
    display: block;
    position: relative;
    top: 50%;
    left: 0;
    margin-top: -175px;
    width: 100%;
    height: 50px;
    padding-bottom: 120px;
}

    .slider-actions a {
        display: block;
        position: absolute;
        top: 0;
        width: 26px;
        height: 50px;
        font-size: 0;
        line-height: 0;
        text-indent: -4000px;
        z-index: 9;
    }

        .slider-actions a.slider-prev {
            background: url(https://www.svpworldwide.com/SiteMedia/SiteResources/images/slider-prev.png) no-repeat 0 0;
        }

        .slider-actions a.slider-next {
            background: url(https://www.svpworldwide.com/SiteMedia/SiteResources/images/slider-next.png) no-repeat 0 0;
            right: 0;
        }

.slider-paging {
    text-align: center;
    margin-top: 20px;
}

    .slider-paging a {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        border-radius: 100%;
        background: #b7b7b7;
        width: 10px;
        height: 10px;
        margin-left: 15px;
        font-size: 0;
        line-height: 0;
        text-indent: -4000px;
    }

        .slider-paging a:first-child {
            margin-left: 0;
        }

        .slider-paging a.selected,
        .slider-paging a:hover {
            background: #666;
        }

/* section */
.section {
    padding: 30px 0;
}

.section-title h2 {
    color: #e53749;
    font-size: 26px;
    line-height: 36px;
    padding-bottom: 20px;
    font-family: Georgia, serif;
    font-weight: normal;
    font-style: italic;
    padding-top: 20px;
    padding-right: 10px;
}

.section-body {
}

.section-secondary {
    background: #ededed;
    padding: 40px 0;
}

    .section-secondary .section-title {
        font-size: 25px;
        line-height: 26px;
    }

/* brands */
#brands {
    list-style-type: none;
}

    #brands .brand {
        float: left;
        width: 336px;
        padding-left: 20px;
    }

        #brands .brand:first-child {
            padding-left: 0;
        }

    #brands .brand-image {
        padding-bottom: 20px;
    }

        #brands .brand-image img {
            display: block;
            width: 100%;
            height: auto;
        }

    #brands .brand-logos {
        text-align: center;
        padding-bottom: 30px;
        font-size: 0;
        line-height: 0;
    }

        #brands .brand-logos a {
            display: inline-block;
            *display: inline;
            zoom: 1;
            padding: 0 20px;
        }

    #brands .brand-content {
        font-size: 14px;
        line-height: 18px;
    }

/* brand-single */
.brand-single {
}

    .brand-single .brand-image {
        padding-bottom: 35px;
    }

        .brand-single .brand-image img {
            display: block;
            width: 100%;
            height: auto;
        }

    .brand-single .brand-logo {
        float: left;
        width: 340px;
        padding-right: 20px;
        text-align: center;
    }

        .brand-single .brand-logo img {
            display: inline-block;
            *display: inline;
            *zoom: 1;
        }

    .brand-single .brand-content {
        display: block;
        overflow: hidden;
        font-size: 16px;
        line-height: 23px;
    }

        .brand-single .brand-content p {
            padding-top: 30px;
        }

            .brand-single .brand-content p:first-child {
                padding-top: 0;
            }

    .brand-single .brand-socials {
        padding-top: 45px;
    }

        .brand-single .brand-socials ul {
            list-style-type: none;
        }

        .brand-single .brand-socials li {
            float: left;
            display: inline;
            font-size: 16px;
            line-height: 24px;
            padding-right: 40px;
        }

        .brand-single .brand-socials a {
            color: #e53749;
            display: block;
            padding-left: 20px;
        }

            .brand-single .brand-socials a:hover {
                color: #888;
            }

            .brand-single .brand-socials a.link-facebook {
                background: url(https://www.svpworldwide.com/SiteMedia/SiteResources/images/socials-facebook.png) no-repeat 0 center;
            }

            .brand-single .brand-socials a.link-youtube {
                background: url(https://www.svpworldwide.com/SiteMedia/SiteResources/images/socials-youtube.png) no-repeat 0 center;
            }

            .brand-single .brand-socials a.link-pinterest {
                background: url(https://www.svpworldwide.com/SiteMedia/SiteResources/images/socials-pinterest.png) no-repeat 0 center;
            }

/* list-press */
.list-press {
    list-style-type: none;
}

    .list-press li {
        float: left;
        width: 22%;
        border-left: 1px solid #b7b7b7;
        padding-left: 20px;
        min-height: 115px;
        font-size: 14px;
        line-height: 18px;
        margin-left: 10px;
    }

        .list-press li:first-child {
            border-left: 0;
            padding-left: 0;
            margin-left: 0;
        }

        .list-press li small {
            color: #888;
            display: block;
            padding-bottom: 5px;
        }

        .list-press li strong {
            display: block;
            padding-bottom: 20px;
        }

/* list-press-secondary */
.list-press-secondary {
}

    .list-press-secondary li {
        width: 510px;
        border-left: 0;
        padding-left: 0;
        min-height: 350px;
        border-bottom: 1px solid #ededed;
    }

        .list-press-secondary li strong {
            font-size: 16px;
            line-height: 22px;
        }

        .list-press-secondary li a {
            font-size: 12px;
            line-height: 24px;
        }

/* section-news-secondary */
.section-news-secondary ol {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

.section-news-secondary .section-title {
    float: left;
}

.section-news-secondary .section-row-head {
    border-bottom: 1px solid #e53749;
    text-align: center;
    height: 15px;
}

    .section-news-secondary .section-row-head h2 {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        color: #e53749;
        font-size: 26px;
        line-height: 32px;
        background: #fff;
        padding: 0 50px;
        font-family: Georgia, serif;
        font-style: italic;
        font-weight: normal;
    }

.section-news-secondary .section-row-body {
    padding-top: 40px;
    min-height: 165px;
}

/* filter */
.filter {
    float: right;
}

    .filter p {
        float: left;
        font-size: 12px;
        line-height: 36px;
        padding-right: 15px;
    }

.selectboxit-container .select-filter {
    height: 36px;
    line-height: 36px;
    font-family: arial, serif;
    font-style: normal;
    border: 0;
    color: #666;
    font-size: 16px;
}

.selectboxit-list .selectboxit-option-anchor {
    text-decoration: none;
    font-family: arial, serif;
    font-style: normal;
    color: #666;
    font-size: 16px;
}

/* updates */
.updates {
    list-style-type: none;
}

.update {
    float: left;
    width: 520px;
    padding-left: 20px;
}

    .update:first-child {
        padding-left: 0;
    }

.update-image {
    float: left;
    padding-right: 10px;
}

    .update-image img {
        display: block;
        width: 100%;
        height: auto;
    }

.update-content {
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    color: #888;
}

    .update-content h3 {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 5px;
    }

        .update-content h3 a {
            color: #666;
            text-decoration: none;
        }

            .update-content h3 a:hover {
                color: #e53749;
            }

/* content */
.content {
}

.content-aside {
    float: left;
    width: 320px;
    padding-right: 40px;
}

.content-body {
    display: block;
    overflow: hidden;
}

    .content-body p {
        padding-bottom: 35px;
    }

        .content-body p:first-child {
            padding-top: 0;
        }

.content-title {
    color: #e53749;
    font-size: 26px;
    line-height: 32px;
    font-family: Georgia, serif;
    font-style: italic;
    font-weight: normal;
}

.content-body h3 {
    font-size: 16px;
    line-height: 21px;
    padding-bottom: 20px;
}

/* press-single */
.press-single {
    padding-top: 50px;
}

.press-aside {
    float: left;
    width: 320px;
    padding-right: 40px;
}

.press-body {
    display: block;
    overflow: hidden;
}

    .press-body p {
        padding-bottom: 35px;
    }

        .press-body p:first-child {
            padding-top: 0;
        }

.press-title {
    color: #e53749;
    font-size: 26px;
    line-height: 32px;
    font-family: Georgia, serif;
    font-style: italic;
    font-weight: normal;
}

.press-date {
    line-height: 24px;
    margin-top: -20px;
    position: relative;
    top: -10px;
}

.press-body h3 {
    font-size: 16px;
    line-height: 21px;
    padding-bottom: 20px;
}

/* list-default */
.list-default {
    list-style-type: none;
    margin-top: -20px;
}

/* form */
.form-message {
    padding: 30px 0;
}

.form {
}

.form-inner {
    position: relative;
}

.form-head {
    padding-bottom: 15px;
}

    .form-head h2 {
        font-style: italic;
        color: #e53749;
        font-size: 22px;
        line-height: 32px;
        font-family: Georgia, serif;
        font-weight: normal;
    }

.form-body {
}

.form-row {
    padding-top: 20px;
}

    .form-row:first-child {
        padding-top: 0;
    }

.form-col {
    float: right;
    width: 340px;
}

    .form-col:first-child {
        float: left;
    }

.form-label {
    font-style: italic;
    color: #666;
    font-size: 18px;
    line-height: 32px;
    display: block;
    font-weight: normal;
    font-family: Georgia, serif;
}

.form-asterisk {
    color: #e53749;
}

.textarea,
.field {
    border: 1px solid #cdcdcd;
    background: #ededed;
    font-size: 15px;
    line-height: 20px;
    color: #b9b9b9;
    padding: 10px;
    border-radius: 2px;
    width: 318px;
    font-family: Georgia, serif;
}

.select {
}

.textarea {
    resize: none;
    width: 500px;
    height: 135px;
}

.form-actions {
    padding-top: 25px;
}

.FormButton {
    float: left;
    border: 0;
    width: 180px;
    height: 48px;
    cursor: pointer;
}

    .FormButton:hover {
        background: #e53749;
        color: #fff;
    }

.form-hint {
    float: right;
    color: #e53749;
    font-size: 14px;
    line-height: 48px;
}

.form-alert {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://www.svpworldwide.com/SiteMedia/SiteResources/images/white-90trans.png);
    font-size: 16px;
    line-height: 32px;
    text-align: center;
}

    .form-alert h2 {
        font-size: 24px;
        line-height: 32px;
        font-family: Georgia, serif;
        font-style: italic;
        font-weight: normal;
        padding-top: 60px;
    }

.select-state {
    width: 338px !important;
}
/*products page styles*/
.grid-18 .productblock img {
    padding: 6px 20px 20px 0;
    float: left;
}

.grid-18 .productblock {
    min-height: 430px;
}

.section-title h1 {
    font-size: 33px;
    line-height: 120%;
}

.wf-home-main {
    padding-left: 10px;
}

.slick-dots li.slick-active button:focus .slick-dot-icon {
    color: #000;
}

.careers-banner img {
    width: 100%;
}
/* footer */
.footer {
    background: #ededed;
    height: 86px;
}

.footer-inner {
    float: left;
    padding-top: 20px;
}

.link-terms {
    text-decoration: none;
    color: #666;
}

    .link-terms:hover {
        text-decoration: none;
        color: #e53749;
    }

.copyright {
    color: #888;
}

.footer-nav ul {
    float: right;
    padding-top: 20px;
}

.footer-nav ul {
    list-style-type: none;
}

.footer-nav li {
    float: left;
    font-size: 14px;
    line-height: 18px;
    padding-left: 40px;
}

.footer-nav a {
    color: #888;
    text-decoration: none;
}

    .footer-nav a:hover {
        color: #e53749;
    }

.nav-mobile {
    display: none;
}

.left-col {
    float: left;
    width: 35%;
    max-width: 34%;
}

.right-col {
    float: left;
    width: 65%;
}

.left-col img {
    width: 40%;
}

.highlighted {
    width: 100%;
    background-color: #ededed;
    padding: 20px 0;
}

.foot-nav, .foot-text {
    width: 50%;
}

.foot-nav {
    /*float: right;*/
}

.foot-text {
    float: left;
    font-size: 14px;
}

.HLFooter {
    margin-top: 20px;
    padding: 25px 0;
    display: flex;
    justify-content: space-between;
}

.tandc-cr {
    padding-left: 10px;
}

.foot-nav ul {
    list-style-type: none;
    display: flex;
    padding-right: 10px;
}

    .foot-nav ul li {
        float: right;
        padding: 5px;
    }

.HLFooter a {
    color: #888;
    font-size: 14px;
    text-decoration: none;
    padding-left: 10px;
    font-family: arial, sans-serif;
}

    .HLFooter a:hover {
        color: #e53749;
    }

.banner-caption {
    float: left;
    padding: 15px;
    opacity: 0.8;
    margin-top: 10%;
    position: absolute;
    background-color: #FFF;
    width: 50%;
    padding-left: 100px;
}

    .banner-caption p, .banner-caption h2, .banner-caption a, .banner-caption a.hover {
        opacity: 1.0;
        text-decoration: none;
        font-size: 20px;
    }

        .banner-caption a:hover, .banner-caption a:active, .banner-caption a:visited {
            color: #e53749;
            text-decoration: none;
        }

    .banner-caption h1 {
        color: #e53749;
        font-family: arial, sans-serif;
        padding: 20px 0;
    }

    .banner-caption li .slide {
        position: absolute;
    }

#pagination {
    position: absolute;
    top: 310px;
    left: 500px;
}

h1 {
    color: #e53749;
    padding-top: 20px;
    padding-bottom: 20px;
}

#brands .brand {
    padding-bottom: 30px;
    padding-bottom: 20px;
}

.heading-logo img {
    /*    padding-bottom: 10px;*/
    transition: color 0ms, background-color 0ms, opacity 0ms;
    -webkit-transition: color 0ms, background-color 0ms, opacity 0ms;
}

    .heading-logo img:hover, .brand img:hover {
        opacity: 100;
    }

#slideshow {
    left: 20px
}

#slideshow-nav {
    width: 300px;
    margin: 15px
}

    #slideshow-nav li {
        width: 50px;
        float: left;
        margin: 8px;
        list-style: none
    }

    #slideshow-nav a {
        width: 50px;
        padding: 3px;
        display: block;
        border: 1px solid #ccc;
    }

    #slideshow-nav li.activeSlide a {
        background: #88f
    }

    #slideshow-nav a:focus {
        outline: none;
    }

    #slideshow-nav img {
        border: none;
        display: block
    }

/* This is for Page tab on cms desk changing img */
.EditableImageEdit .ImageSelectorHeader, .EditButtons {
    z-index: 1000;
}

/*.banner-section {
    margin-bottom: -40px;
}*/

.banner-section img {
    width: 100%;
}

h1, h2, h3, h4 {
    font-family: Georgia, serif;
    font-weight: normal;
    font-style: italic;
    color: #e53749;
}



/*BIO CARDS*/
.ajax__tab_inner {
    background: none !important
}

.ajax__tab_outer {
    background: none !important;
}

.ajax__tab_xp .ajax__tab_body {
    border: 0 !important
}

@media screen and (max-width: 1059px) {
    .parent-nav::after {
        padding-left: 3px;        
    }
    .left-col {
        float: left;
        width: 35%;
    }

    .right-col {
        float: right;
        width: 65%;
    }

    .wf-home-main {
        padding-left: 10px;
    }

    .section-news-secondary .wf-home-main {
        padding-right: 10px;
    }

        .section-news-secondary .wf-home-main .filter {
            padding-top: 10px;
        }

    body {
        min-width: 1004px;
    }

    .section-title h1 {
        padding-left: 10px;
    }
    /*for tablet view articale pages*/
    .grid-18 {
        padding-right: 10px;
        font-size: 16px;
    }

    .container {
        width: 100%;
    }

    .nav > ul > li > a {
        padding: 10px 21px;
    }

    .nav > ul > li:first-child a {
        padding-left: 15px;
    }

    .nav > ul > li.last a {
        padding-right: 15px;
    }

    .nav-dropdown li {
        padding-left: 21px;
    }

    #brands .brand {
        width: 300px;
    }

    #brands .brand-logos a {
        padding: 0 10px;
    }


    .list-press-secondary li {
        width: 492px;
    }

    .update {
        width: 492px;
    }

    .form-col {
        width: 310px;
    }

    .textarea, .field {
        width: 288px;
    }

    .textarea {
        width: 350px;
    }

    .select-state {
        width: 308px !important;
    }

    .HLFooter {
        /*  height: 130px;*/
        display: flex;
        justify-content: space-between;
        padding: 25px 0 25px 0;
    }

    .heading-logo {
        padding-left: 10px;
    }

    .foot-nav {
        float: none;
    }

        .foot-nav ul {
            display: flex;
            padding: 0 10px;
        }
}

@media screen and (max-width: 1003px) {

    body {
        min-width: 758px;
    }

    .container {
        width: 100%;
    }

    .nav > ul {
        text-align: left;
    }

    .header {
        padding-bottom: 20px;
    }

    .section {
        padding: 15px 0;
    }

    .nav > ul > li {
        font-size: 12px;
    }

        .nav > ul > li > a {
            padding: 10px 8px;
            font-size: 12.5px;
        }

        .nav > ul > li:first-child a {
            padding-left: 8px;
        }

        .nav > ul > li.last a {
            padding-right: 8px;
        }

    .nav-dropdown li {
        padding-left: 8px;
    }

    #brands .brand {
        width: 242px;
        padding-left: 15px;
    }

    #brands .brand-logos a {
        padding: 0 0;
    }

    .update {
        width: 369px;
    }

    .update-image {
        width: 50%;
    }

    .update-content {
        overflow: visible;
    }

    .brand-single .brand-logo {
        float: none;
        display: block;
        padding-right: 0;
        width: auto;
        text-align: center;
        padding-bottom: 10px;
    }

    .brand-single .brand-image {
        padding-bottom: 20px;
    }

    .content-aside {
        float: none;
        display: block;
        width: auto;
        padding-bottom: 20px;
        padding-right: 0;
    }

    .press-aside {
        float: none;
        display: block;
        width: auto;
        padding-right: 0;
        padding-bottom: 20px;
    }

    .list-press-secondary li {
        width: 360px;
        min-height: 165px;
    }

    .form-message {
        width: 640px;
        margin: auto;
        padding: 10px 0;
    }

    .footer {
        font-size: 13px;
    }
}

@media screen and (max-width: 767px) {
    .parent-nav::after {
        display: none;
    }

    .navitem-arrow {
        display: block;
        position: absolute;
        top: 0;
        right: 25px;
    }

        .navitem-arrow::after {
            display: block;
        }

        .navitem-arrow::after {
            font-family: "Font Awesome 5 Free";
            content: "\f107";
            vertical-align: 0;
            border: none;
            font-weight: 600;
            padding-left: 2px;
            background-color: transparent;
            color: #FFF;
        }

    .grid-18 table {
        font-size: 13px;
    }

    .HLFooter {
        margin-top: 20px;
        padding-bottom: 80%;
        padding-top: 25px;
        display: flex;
        flex-direction: column-reverse;
    }

    .grid-18 .productblock img {
        width: 100%;
        padding: 0;
        float: none;
    }

    .grid-18 h1 {
        line-height: 36px;
    }

    .update-image {
        display: none;
    }

    .left-col {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    .right-col {
        float: none;
        width: 100%;
        margin-top: 30px;
    }

    .banner-section {
        margin-bottom: 0px;
    }

    body {
        min-width: 0;
        font-size: 13px;
        line-height: 18px;
    }

    .container {
        width: auto;
        padding: 0 5px;
    }

    .header {
        padding-bottom: 10px;
    }

    .nav-mobile {
        height: 22px;
        width: 22px;
        border: 1px solid #e53749;
        background: #fff;
        display: block;
        position: absolute;
        top: 13px;
        right: 5px;
        padding: 7px 6px 0 6px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
    }

        .nav-mobile span {
            height: 3px;
            display: block;
            background: #e53749;
            margin-bottom: 3px;
        }

        .nav-mobile.active {
            background: #e53749;
        }

            .nav-mobile.active span {
                background-color: #fff;
            }

    .nav {
        height: auto;
        border-radius: 5px;
        display: none;
        position: absolute;
        top: 32px;
        right: 5px;
        width: auto;
    }

        .nav > ul {
            float: none;
            display: block;
            border-left: 0;
            text-align: left;
        }

            .nav > ul > li {
                float: none;
                display: block;
                border-left: 0;
                position: relative;
            }

                .nav > ul > li:first-child {
                    border-radius: 5px 5px 0 0;
                }

                .nav > ul > li:last-child {
                    border-radius: 0px 0px 5px 5px;
                }

                    .nav > ul > li:last-child a {
                        border-radius: 0 0px 5px 5px;
                    }

                .nav > ul > li:first-child a {
                    border-radius: 5px 5px 0 0;
                    padding-left: 20px;
                }

                .nav > ul > li > a {
                    padding-left: 20px;
                    display: block;
                    margin: auto;
                }

    .parent-nav {
        pointer-events: auto;
        cursor: default;
    }

    .nav > ul > li:hover > a {
        color: #fff;
        text-decoration: none;
        background: #666;
    }

    .nav-dropdown {
        padding: 0;
        position: static;
    }

        .nav-dropdown li {
            padding-left: 25px;
        }


    .slide-content {
        padding: 10px 25px;
        width: auto;
        font-size: 14px;
        line-height: 17px;
    }

    .slide-image img {
        display: block;
        width: 100%;
        height: 180px;
    }

    .brand-single .brand-content {
        font-size: 13px;
        line-height: 18px;
    }

    .brand-single .brand-socials li {
        padding-right: 15px;
    }

    .form-message {
        width: 310px;
        margin: auto;
        padding: 10px 0;
    }

    .form-col {
        float: none;
        display: block;
    }

        .form-col:first-child {
            float: none;
            display: block;
        }

    .textarea {
        width: 288px;
    }

    .content-title {
        font-size: 22px;
        line-height: 26px;
    }

    .content-aside {
        padding-bottom: 10px;
    }

    .content-body p {
        padding-bottom: 15px;
    }

    .section-title {
        padding-bottom: 10px;
        font-size: 22px;
        line-height: 26px;
    }

        .section-title h1 {
            /* line-height: 26px;*/
            padding: 0;
        }

    #brands .brand {
        float: none;
        display: block;
        width: auto;
        padding-bottom: 20px;
        padding-left: 0;
    }

    #brands .brand-logos {
        padding-bottom: 5px;
    }

        #brands .brand-logos a {
            padding: 0 5px;
        }

    #brands .brand-image {
        padding-bottom: 5px;
    }

    .list-press li {
        width: auto;
        float: none;
        display: block;
        border-left: 0;
        padding-left: 0;
        margin-left: 0;
        min-height: 0;
        padding: 10px 0;
        border-bottom: 1px solid #b7b7b7;
    }

        .list-press li strong {
            padding-bottom: 10px;
        }

    .update {
        float: none;
        display: block;
        width: auto;
        padding-left: 0;
        margin-left: 0;
        padding: 10px 0;
    }

    .section-news-secondary .section-row-body {
        padding-top: 20px;
    }

    .list-press-secondary li {
        float: none;
        display: block;
        width: auto;
        margin-bottom: 5px;
    }

        .list-press-secondary li strong {
            line-height: 20px;
        }

    .press-body p {
        padding-bottom: 15px;
    }

    .press-title {
        font-size: 22px;
        line-height: 26px;
    }

    .press-body h3 {
        font-size: 14px;
        line-height: 17px;
        padding-bottom: 10px;
    }

    .press-aside {
        padding-bottom: 10px;
    }

    .footer {
        height: auto;
    }

    .footer-inner {
        float: none;
        display: block;
        text-align: center;
    }

    .footer-nav {
        float: none;
        display: block;
        padding: 10px 0;
    }

        .footer-nav ul {
            text-align: center;
        }

        .footer-nav li {
            float: none;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            padding: 0 5px;
        }
}



/* select box CSS */
/*
* jquery.selectBoxIt.css 3.8.1
* Author: @gregfranko
*/

/*
Common CSS Properties
---------------------
These properties will be applied to any themes that you use
*/

/* SelectBoxIt container */
.selectboxit-container {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

#countrySelectBoxIt {
    width: 338px !important;
}

#stateSelectBoxItContainer {
    width: 338px !important;
}

#stateSelectBoxIt {
    width: 338px !important;
}
/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
    /* Prevents text selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: none;
    white-space: nowrap;
}

/* Button */
.selectboxit-container .selectboxit {
    font-family: Georgia, serif;
    font-weight: normal;
    font-style: italic;
    color: #b9b9b9;
    width: 220px; /* Width of the dropdown button */
    font-size: 18px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border-radius: 2px;
    overflow: hidden;
    display: block;
    position: relative;
}

/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
    height: 40px; /* Height of the drop down */
    line-height: 40px; /* Vertically positions the drop down text */
    display: block;
}

/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
    outline: 0;
}

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: default;
}

/* Button Text */
.selectboxit-text {
    text-indent: 0;
    /*overflow: hidden;
    text-overflow: ellipsis;*/
    float: left;
}

.selectboxit .selectboxit-option-icon-container {
    margin-left: 5px;
}

/* Options List */
.selectboxit-container .selectboxit-options {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 100%; /* Minimum Width of the dropdown list box options */
    *width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer;
    display: none;
    z-index: 9999999999999;
    border-radius: 2px;
    text-align: left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Individual options */
.selectboxit-option .selectboxit-option-anchor {
    padding: 0 2px;
}

    /* Individual Option Hover Action */
    .selectboxit-option .selectboxit-option-anchor:hover {
        text-decoration: none;
    }

/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
    text-indent: 5px; /* Horizontal Positioning of the select box option text */
    margin: 0;
    list-style-type: none;
}

/* The first Drop Down option */
.selectboxit-option-first {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

/* The last Drop Down option */
.selectboxit-option-last {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
    font-weight: bold;
}

    /* Drop Down optgroup header hover psuedo class */
    .selectboxit-optgroup-header:hover {
        cursor: default;
    }

/* Drop Down down arrow container */
.selectboxit-arrow-container {
    /* Positions the down arrow */
    width: 30px;
    position: absolute;
    right: 0;
}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    /* Horizontally centers the down arrow */
    margin: 0 auto;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin-top: -3px;
}

    /* Drop Down down arrow for jQueryUI and jQuery Mobile */
    .selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
        top: 30%;
    }

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
    float: left;
}

.selectboxit-container .selectboxit-option-icon {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
    width: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    float: left;
}


.selectboxit-rendering {
    display: inline-block !important;
    *display: inline !important;
    zoom: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
    background-color: inherit;
}

/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

/*
Default Theme
-------------
Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
    background-color: #ededed;
    border: 1px solid #cdcdcd;
}

    .selectboxit-btn.selectboxit-enabled:hover,
    .selectboxit-btn.selectboxit-enabled:focus,
    .selectboxit-btn.selectboxit-enabled:active {
        color: #b9b9b9;
        background-color: #e6e6e6;
    }

    .selectboxit-btn.selectboxit-enabled:hover,
    .selectboxit-btn.selectboxit-enabled:focus {
        color: #b9b9b9;
        text-decoration: none;
        background-position: 0 -15px;
    }

.selectboxit-default-arrow {
    width: 11px;
    height: 6px;
    background: url(https://www.svpworldwide.com/SiteMedia/SiteResources/images/select-arrow.png) no-repeat 0 0;
}

.selectboxit-list {
    background-color: #ededed;
    border: 0;
}

    .selectboxit-list .selectboxit-option-anchor {
        text-decoration: none;
        font-family: Georgia, serif;
        font-weight: normal;
        font-style: italic;
        color: #b9b9b9;
    }

    .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
        color: #ffffff;
        background-color: #ddd;
    }

    .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
        color: #b9b9b9;
    }

.ErrorLabel {
    position: absolute;
    margin-top: 650px;
}

.grid-18 img {
    margin: 0px;
}

.notice {
    text-align: center;
}

    .notice h4 {
        color: #666;
        font-size: 22px;
    }

    .notice p {
        color: #333;
    }

div#brand-container {
    margin-bottom: 20px;
}

.Press-date p {
    color: #888;
    /*padding-bottom: 20px;*/
}

.Press-link a {
    font-size: 12px;
}

.wf-home-column.wf-news {
    margin-top: 20px;
}

.grid-18 img {
    padding: 1px 20px 20px 0px;
}

option {
    font-family: arial,regular !important;
    font-size: 16px !important;
    color: #666;
    padding-left: 20px;
}
/*ol.list-press.list-press-secondary .Press-link {margin-top:20px;}*/
@media screen and (max-width: 767px) {
    .foot-nav, .foot-text {
        width: 100%;
    }

        .foot-nav ul li {
            width: 100%;
            text-align: center;
        }

        .foot-nav ul {
            width: 100%;
            display: block;
            padding: 0;
        }

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

    .list-press li {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .tandc-cr {
        text-align: center;
    }
}

@media screen and (min-width: 1004px) {
    .wf-home-main-highlight .wf-home-main .Press-link {
        position: absolute;
        top: 120px;
    }

    .list-press li {
        position: relative;
    }
}

.slide-content a:hover {
    color: #666;
}



.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    font-family: arial,regular !important;
    font-size: 16px !important;
    color: #666;
    padding-left: 20px;
}

.selectboxit-container span, .selectboxit-container .selectboxit-options a {
    font-family: arial,regular !important;
    font-size: 16px !important;
    color: #666;
}

#StateFormControl .EditingFormLabel {
    color: rgb(102, 102, 102);
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    line-height: 32px;
    background-color: rgb(255, 255, 255);
}

span.sociallinkText {
    margin-right: 25px;
}

.list-press li:last-child, .list-press li:nth-last-child(2) {
    border-bottom: 0px solid white !important;
}

@media screen and (max-width: 767px) {
    #MobileFooter {
        display: block;
    }

    #NotinMobile {
        display: none;
    }

    .heading-logo img {
        width: 50%;
    }

    .slider-actions {
        display: block;
        position: relative;
        top: 50%;
        left: 0;
        margin-top: -126px;
        width: 100%;
        height: 50px;
        padding-bottom: 70px;
    }
}

@media screen and (min-width: 768px) {
    #NotinMobile {
        display: block;
    }

    #MobileFooter {
        display: none;
    }
}



.section-title img {
    margin-top: 25px;
}

.right-col {
    padding-top: 20px;
}

.tab-main-title {
    margin-top: 30px;
}

.card-image {
    width: 250px;
    height: 350px;
    object-fit: cover;
}
/*TABS STYLING*/
.ajax__tab_default .ajax__tab_outer {
    border-radius: 8px !important;
    margin-right: 5px !important;
    margin-bottom: 15px !important;
    background-color: #ededed !important;
}

.ajax__tab_active .ajax__tab_outer {
    background-color: #666 !important;
}

.ajax__tab_outer {
    height: auto !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
    background: none !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
    background: none !important;
}

.ajax__tab_default .ajax__tab_tab {
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 11.5px !important;
    color: #666 !important;
    width: 100% !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ajax__tab_active .ajax__tab_tab {
    color: #fff !important;
}

.ajax__tab_default .ajax__tab_inner {
    width: 100%;
    text-align: center;
    line-height: 1;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    background: none !important;
    padding: 0 !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_outer {
    width: 24%;
}

.new-careerparent-nav i {
    display: none;
}

.clearfix > H1 {
    color: red;
    line-height: initial;
    text-align: center;
    font-size: 30px;
}

.tab-title {
    width: 146%;
}
/* Minification failed (line 768, error number 1049): Browser hack generates invalid CSS */

:root {
    --carousel-height: 330px;
}

/** Wrapper */
.carousel {
    position: relative;
    margin-bottom: 20px !important;
    max-width: 1060px;
}

/* Resets for all buttons */
.is-control {
    z-index: 1;
    background: none;
    color: rgba(0,0,0,.7);
    border: 0;
    cursor: pointer;
    transition: all .2s linear;
    background: rgba(255,255,255,0.6);
}


/* Pause/play toggle for autoplay */
.slick-autoplay-toggle-button {
    bottom: 15px;
    left: 10px;
}

/* Previous slide button */
.previous-button {
    position: absolute;
    left: 0;
    top: calc(var(--carousel-height)/2 - 40px);
    padding: 5px 10px;
    z-index: 3;
    font-size: 28px;
    border-left: 0;
}

/* Next slide button */
.next-button {
    position: absolute;
    right: 0;
    top: calc(var(--carousel-height)/2 - 40px);
    padding: 5px 10px;
    z-index: 1;
    font-size: 28px;
    border-right: 0;
}

/**
  Single slide
*/
.slide {
    position: relative;
    height: var(--carousel-height);
}

    .slide .background-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    /**
  Slide 2 content
*/
    .slide .content {
        position: absolute;
        top: 80px;
        left: 0;
        max-width: 450px;
        width: 50%;
        max-height: 70%;
        padding: 20px 30px 20px 70px;
        white-space: normal;
        color: white;
        background-color: rgba(255,255,255,0.7);
        box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3);
        font-family: Georgia, serif;
        line-height: 32px;
    }

        .slide .content a {
            display: block;
            text-decoration: none;
            color: #666;
            font-style: italic;
            font-size: 24px;
        }

        .slide .content span {
            color: #e53749;
        }

        .slide .content h2 {
            margin: 0;
            font-size: 1.7rem;
        }

        .slide .content p {
            margin: 10px 0 20px 0;
        }

        .slide .content .cta-link {
            display: inline-block;
            padding: 5px 10px;
            background-color: white;
            color: rgba(0,0,0,.7);
            text-decoration: none;
            font-weight: 800;
            box-shadow: 3px 3px 0 0 rgba(0,0,0,.3);
        }

            .slide .content .cta-link:focus,
            .slide .content .cta-link:hover {
                text-decoration: underline;
                color: black;
            }

            .slide .content .cta-link:focus {
                outline: 3px solid rgba(0,0,0,1);
            }

/** Slide dots */
.slick-dots {
    bottom: 15px;
}

    .slick-dots li {
        padding: 0;
        margin: 0 1px;
    }

/** Credits at bottom */
.credits {
    margin-right: 20px;
    padding: 5px;
    float: right;
    font-size: 14px;
    color: black;
    text-decoration: none;
    opacity: .7;
}

    .credits img {
        height: 30px;
        margin-left: 5px;
        margin-top: -2px;
        vertical-align: middle;
    }

    .credits:hover,
    .credits:focus {
        opacity: 1;
    }

.slick-pause-icon {
    display: none;
}

@@media screen and (max-width: 767px) {
    .slide .content {
        padding: 10px 25px;
        width: auto;
        font-size: 14px;
        line-height: 17px;
    }
}

.map-title {
    background-color: #e53749;
    color: #fff;
    padding: 24px;
    font-family: "Georgia",sans-serif;
    font-style: italic;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 30px;
    line-height: 1.5;
}

.map-title-desc {
    padding: 0 16px;
    color: #12141b;
    margin-bottom: 30px;
}

.gmap {
    height: 500px;
    width: 100%;
}

.banner-title {
    background-color: #e53749;
    padding: 16px 48px;
    color: #fff;
    font-family: "Georgia", sans-serif;
    font-style: italic;
    font-size: 40px;
    line-height: 44px;
}

.careers-banner {
    background-size: auto;
    background-repeat: no-repeat;
    height: 582px;
    position: relative;
    width: 100%;
    background-position: bottom;
}

.banner-content {
    width: 585px;
    background-color: rgb(255 255 255 / .8);
    padding: 8px;
    font-family: "Georgia", sans-serif;
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    top: 50%;
}

.cta-link {
    display: block;
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    width: 144px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 800;
    font-family: "Lato", sans-serif;
    font-style: normal;
    text-decoration: none;
    margin: 10px auto 0;
    padding: 0 16px;
}

.core-value-title {
    color: #C41230;
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 20px;
    font-family: Georgia, serif;
    font-weight: normal;
    font-style: italic;
    padding-top: 20px;
    padding-left: 16px;
}

.core__wrapper .core-content {
    font-family: "Georgia", sans-serif;
    font-weight: 600;
    font-style: italic;
    color: #12141B;
    padding-left: 16px;
    font-size: 14px;
    line-height: 20px;
    max-width: 230px;
}

.core-wrap__right .core-alert-content {
    font-family: "Georgia", sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #12141B;
    font-size: 14px;
    line-height: 20px;
    max-width: 200px;
    padding-right: 15px;
}

.modal-img-overlay .solid-border {
    height: 100%;
    width: 2px;
    left: 20px;
    overflow: hidden;
    top: 0;
}

.heading-description, .heading {
    width: 100%;
    margin-left: 0;
}

.biosblock {
    margin-left: 0;
}

.heading p {
    margin: 0;
}

.heading {
    color: red;
    text-align: center;
    font-family: georgia,serif;
    font-size: 28px !important;
    line-height: 28px;
}

.left-col img {
    width: 80%;
}

.TEXTBOXER {
    border: 1px solid #cdcdcd !important;
    background: #ededed !important;
    font-size: 15px !important;
    line-height: 20px !important;
    color: #b9b9b9 !important;
    padding: 10px !important;
    border-radius: 2px !important;
    width: 318px !important;
    font-family: Georgia, serif !important;
}

.fornalign {
    margin-left: 35%;
}


.FormButton {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-style: italic;
    color: #fff;
    text-align: center;
    font-family: Georgia, serif;
    border-radius: 3px;
    background: #e53749 !important;
    color: white !important;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 28px;
}

.form-actions {
    padding: 17px 0px 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    zoom: 1;
    background-color: transparent;
    border-top: none;
}

.formfield {
    border: 1px solid #cdcdcd !important;
    background: #ededed !important;
    font-size: 15px !important;
    line-height: 20px !important;
    color: black !important;
    padding: 10px !important;
    border-radius: 2px !important;
    width: 318px !important;
    font-family: Georgia, serif !important;
}



/*Careers*/

.opportunities-sec > div {
    display: flex;
    margin-top: 30px;
    align-items: center;
    justify-content: space-between;
    margin-left: -10px;
    margin-right: -10px;
    width: 100%;
}

.core-value-parent__wrapper {
    position: relative;
}

.opportunities-sec > div > div {
    flex: 1;
    margin: 10px;
}

    .opportunities-sec > div > div:last-child {
        display: none;
    }

.opportunities-img img {
    width: 100%;
    object-fit: cover;
}

.core__wrapper {
    position: absolute;
    background: linear-gradient(90deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,.9) 30%, rgba(255,255,255,0) 90%);
    height: 100%;
    top: 0;
    width: 100%
}

    .core__wrapper .core-content {
        font-family: "Georgia", sans-serif;
        font-weight: 600;
        font-style: italic;
        color: #12141B;
        padding-left: 16px;
        font-size: 14px;
        line-height: 20px;
        max-width: 230px;
    }

.core-wrap__right .core-alert-content {
    font-family: "Georgia", sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #12141B;
    font-size: 14px;
    line-height: 20px;
    max-width: 200px;
    padding-right: 15px;
}

.core-value-title {
    color: #C41230;
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 20px;
    font-family: Georgia, serif;
    font-weight: normal;
    font-style: italic;
    padding-top: 20px;
    padding-left: 16px;
}

.job-btn {
    border-radius: 8px;
    margin-top: 25px;
    margin-left: 16px;
}

    .job-btn > a {
        text-decoration: none;
        font-weight: 600;
        font-size: 14px;
        width: 100% !important;
        padding: 16px 36px;
        background-color: #EDEDED;
        color: #c41236;
        border-radius: 4px;
    }

.signup-btn-title {
    padding-left: 16px;
    color: #666;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 20px;
}

.opportunities-sec > div > div:first-child {
    margin-right: 20px;
}

@media screen and (max-width: 576px) {
    .core__wrapper .core-content, .core-wrap__right .core-alert-content {
        font-size: 12px;
    }

    .job-btn > a {
        font-size: 11px;
    }

    .core-value-title {
        font-size: 20px;
        line-height: 26px;
    }

    .opportunities-img img {
        height: 440px;
    }
}

@media screen and (max-width: 768px) {
    .core__wrapper .core-content, .core-wrap__right .core-alert-content {
        max-width: 100%;
        padding-right: 10px;
    }
}

@media screen and (max-width: 1004px) {
    .opportunities-sec > div {
        flex-direction: column;
    }
}

.core-alert-content {
    font-family: "Arial";
    font-style: initial;
    font-weight: 400;
}

.brand-card-row {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 100%;
    margin: 32px 0;
}

li.career-brand__wrapper {
    list-style: none;
    width: 100%;
    margin: 10px;
    text-align: center;
}

img.brand__img {
    width: 100%;
    object-fit: cover;
    height: 206px;
}

img.brand__logo {
    margin-top: 15px;
}

@media screen and (max-width: 768px) {
    .brand-card-row {
        flex-direction: column;
    }
}

.jobs-btn__wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 16px;
    font-size: 14px;
}

.job-btn-col__wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    list-style: none;
}

.job-btn-col__wrapper_footer {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 16px;
    font-size: 14px;
}

    .job-btn-col__wrapper_footer > ul, .job-btn-col__wrapper_footer > li {
        list-style: none;
        margin-right: 12px !important;
    }

.job-btn-col__wrapper:not(:last-child) {
    margin-right: 30px;
}

.cta-link {
    display: block;
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    width: 144px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 800;
    font-family: "Lato", sans-serif;
    font-style: normal;
    text-decoration: none;
    margin: 10px auto 0;
    padding: 0 16px;
}

@media screen and (max-width: 768px) {
    .cta-link {
        font-size: 14px;
        padding: 6px 16px;
    }
}

.new-careerparent-nav i {
    display: none;
}

.link-btn {
    margin-right: 2px;
}

    .link-btn > a {
        text-decoration: none;
        width: 100%;
        text-align: center;
        border-radius: 4px;
        padding: 12px 0;
        margin-right: 2px;
        font-family: "Arial";
        -webkit-text-stroke: .5px;
        text-transform: uppercase;
        font-size: 12px;
        display: inline-block;
        background-color: #EDEDED;
    }

        .link-btn > a > span {
            color: #666;
        }

    .link-btn.svp-linkedin {
        position: relative;
    }

        .link-btn.svp-linkedin:before {
            content: "";
            background-image: url("https://www.svpworldwide.com/SiteMedia/SiteResources/Bio/linkedin-icon.png");
            position: absolute;
            width: 25px;
            height: 25px;
            max-width: 100%;
            background-repeat: no-repeat;
            transform: translateY(-50%);
            top: 50%;
            left: 45px;
            z-index: 9;
            background-size: 25px;
            cursor: pointer;
        }


.capitalized {
    text-transform: capitalize;
}

.btn-link__wrapper > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .btn-link__wrapper > div {
        display: block;
    }

        .btn-link__wrapper > div > div {
            margin-bottom: 12px;
        }

    .link-btn {
        font-size: 12px;
    }
}

@media screen and (max-width: 992px) {
    .link-btn {
        font-size: 9px;
    }
}


.careers-banner {
    background-image: url(https://www.svpworldwide.com/SiteMedia/SiteResources/Careers/career-banner.png);
    background-size: auto;
    background-repeat: no-repeat;
    height: 582px;
    position: relative;
    width: 100%;
    background-position: bottom;
}

.banner-title {
    background-color: #e53749;
    padding: 16px 48px;
    color: #fff;
    font-family: "Georgia", sans-serif;
    font-style: italic;
    font-size: 40px;
    line-height: 44px;
}

.banner-content {
    width: 585px;
    background-color: rgb(255 255 255 / .8);
    padding: 8px;
    font-family: "Georgia", sans-serif;
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    top: 50%;
}

@media screen and (max-width: 768px) {
    .banner-content {
        width: calc(100% - 16px);
        bottom: 0;
        top: initial;
        font-size: 14px;
    }

    .banner-title {
        font-size: 20px;
        line-height: 24px;
        padding: 16px 18px;
    }
}

.job-btn {
    display: none;
}

.formclass {
    color: rgb(102, 102, 102);
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    line-height: 32px;
    background-color: rgb(255, 255, 255);
}

/* Minification failed (line 271, error number 1046): Expect comma, found '/' */


/*for location modal  popup */
.modal-wrap.visible {
    opacity: 1;
    visibility: visible;
}

.modal-wrap {
    background: rgba(0,0,0,.7);
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.mapblock .modal-wrap .modal-container {
    background-color: rgba(229,55,73,.9);
    margin: 1em;
    max-width: 100%;
    width: 500px;
    z-index: 100;
    padding: 30px;
    position: absolute;
    top: 10%;
    right: 30%;
}

.modal-wrap .modal-container .modal-header, .modal-wrap .modal-container .modal-footer {
    float: left;
    width: 100%;
}

.modal-header {
    position: relative;
}

.mapblock .modal-wrap .modal-content {
    padding: 0;
    overflow-y: auto;
    max-height: 70vh;
    display: block;
}

.modal-content > p, h2 {
    color: #fff;
}

#location-name {
    font-size: 32px;
    line-height: 38px;
    padding-left: 2px;
}

#building-name {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    font-family: 'Arial',sans-serif;
}

#description {
    margin: 16px 0;
}

.detail-img {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .mapblock .modal-wrap .modal-container {
        width: 70%;
        top: 10%;
        right: 3%;
    }
}

@media (min-width: 768px) and (max-width: 1003px) {
    .mapblock .modal-wrap .modal-container {
        right: 11%;
    }
}

@media (min-width: 1004px) and (max-width: 1059px) {
    .mapblock .modal-wrap .modal-container {
        right: 22%;
    }
}

/* Style the tab */
.tab {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    /*background-color: #f1f1f1;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    /* Style the buttons that are used to open the tab content */
    .tab button {
        width: 24.7%;
        background-color: inherit;
        /*float: left;*/
        border: none;
        outline: none;
        cursor: pointer;
        padding: 11px 1px;
        border-radius: 8px;
        margin-bottom: 15px;
        transition: 0.3s;
        color: #666;
        background-color: #ededed;
        font-family: verdana,tahoma,helvetica;
        font-size: 11.5px;
        font-weight: 600;
        text-transform: uppercase;
    }

        /* Change background color of buttons on hover */
        .tab button:hover {
            background-color: #ddd;
        }

        /* Create an active/current tablink class */
        .tab button.active {
            /*background-color: #ccc;*/
            background-color: #666;
            color: #fff;
        }

@media screen and (max-width: 768px) {
    .tab button {
        width: 100%;
    }
}
/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    /*border: 1px solid #ccc;*/
    border-top: none;
}

.tabcontent {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.biocard__wrapper{
  display:flex;
  
}
.bio-card__wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  margin-left: -8px;
  margin-right: -8px;
  /*width:145%;*/
}

li.bio__wrapper{
    min-width: calc(25% - 16px) !important;
    list-style: none;
    position: relative;
    max-width: 100% !important;
    overflow: hidden;
    margin-right: 8px;
    margin-left: 8px;
    height: 350px;
    margin-bottom:15px;
}

.card-content__wrapper {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    padding: 15px 10px;
    overflow: hidden;
    width: 250px;
    box-sizing: border-box;
}

    .card-content__wrapper p{
        line-height: 23px;
        margin:0;
    }

    .card-title {
        text-transform: uppercase;
        font-weight: 600;
    }

.card-content__wrapper p {
  color: #fff;
}

.ajax__tab_inner {
  background: none !important;
}
.solid-border {
  width: 100%;
  background: #E50019;
  height: 2px;
  position: absolute;
  left: 0;
  top: 4px;
}
.dash-border {
  border-top: 2px dashed #E50019;
  position: absolute;
  width: 100%;
  left:0;
  top: 9px;
}
.bio-details{
  display:none;
}
.modal-img-overlay {
    position: relative;
    overflow: hidden;
    height: 350px;
    margin-bottom: 8px;
}
.modal-img-overlay .solid-border{
  height: 100%;
  width: 2px;
  left: 20px;
  overflow: hidden;
  top: 0;
}
.modal-img-overlay .dash-border{
  border-left: 2px dashed #E50019;
  height: 100%;
  position: absolute;
  left: 25px;
  border-top:0;
  top:0
}
.modal-img-overlay img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/*BIO MODAL*/
.modal-wrap {
  background: rgba(0, 0, 0, 0.7);
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.modal-wrap.visible {
  opacity: 1;
  visibility: visible;
  
}

.modal-wrap .modal-container {
  background: #fff;
  margin: 1em;
  max-width: 100%;
  width: 920px;
  z-index: 100;
  padding:30px;
  margin-top:4%;
  margin-left:20%;
}

/*.modal-wrap .modal-container .modal-header,  .modal-wrap .modal-container .modal-footer {
  float: left;
  width: 100%;
}*/
.modal-header {
    position: relative;
    border-bottom: none;
    padding:0;
}

.modal-wrap .modal-header .modal-title {
  color: #fff;
  float: left;
  font-size: 2em;
  margin: 0;
  padding: 15px 30px;
}

.modal-wrap .modal-header .close-modal {
  background: #fff;
    border-radius: 50px;
    color: #E53749;
    cursor: pointer;
    font-size: 26px;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 1;
    width: 25px;
    height: 25px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -30px;
    top: -60px;
}

.modal-wrap .modal-header .close-modal:hover { opacity: 1; }

.modal-wrap .modal-content {
  display:flex;
  padding: 0;
  overflow-y: auto;
  max-height: 70vh;
}
.modal-left__wrapper {
    position: relative;
    padding-right: 15px;
    min-width: 250px;
    max-width: 25px;
    margin-bottom:30px;
}
.modal-right__wrapper {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    max-height: 500px;
    overflow-y: auto;
    overflow-x:hidden;
}

.modal-right__wrapper p {
    color: #12141B;
}
.modal-right__wrapper h2 {
    color: #12141B;
    font-size: 24px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    font-family: "Arial", sans-serif;
    margin-bottom: 2px;
    line-height: 24px;
}
img#bio_linkedin_desc {
    width: 24px;
    height: 24px;
}
.modal-wrap .modal-content p:last-child {
    margin-bottom: 0;
    font-size:16px; 

}

.modal-wrap .modal-footer { text-align: center; }

.modal-wrap .modal-footer p {
  color: #ccc;
  font-size: 12px;
  font-style: italic;
  margin: 10px;
}
.card-image {
  width: 250px;
  object-fit: cover;
  object-position: center;
  cursor:pointer;
}
.modal-wrap .modal-footer a { color: #fff; }
.card-desg {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
p#bio_designation_description {
    color: rgb(18 20 27 / .8);
    margin-bottom: 15px;
    margin-top: 5px;
    font-size:16px;
}
.bio-tabs .ajax__tab_body{
  overflow:hidden;
}
@media screen and (max-width: 1024px){
  .modal-wrap .modal-content {
    display:block;
  }
  .modal-right__wrapper {
    padding-left:0;
  }
  .modal-right__wrapper {
    position: relative;
    padding-right: 15px;
    padding-left: 0;
    max-height: 100% !important;
    overflow:initial !important;
  }
}
.modal-img-overlay .dash-border {
    border-left: 2px dashed #E50019;
    height: 100%;
    position: absolute;
    left: 25px;
    border-top: 0;
    top: 0;
}
.modal-img-overlay .solid-border {
    height: 100%;
    width: 2px;
    left: 20px;
    overflow: hidden;
    top: 0;
}
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

@media screen and (max-width: 1024px) {
    .bio-card__wrapper {
        justify-content: center;
    }
    .modal-left__wrapper {
        margin-right: 0;
        max-width: inherit;
        padding-right: 0;
    }
    .biosblock .modal-wrap .modal-container {
        margin: 0;
        width: auto;
        margin-top: 20%;
    }
}
/* Minification failed (line 232, error number 1046): Expect comma, found '/' */