@charset "utf-8";
@font-face {
    font-family: "Guardian-EgypTT";
    src: url("../fonts/Guardian-EgypTT-Medium.eot?v=2");
    src: url("../fonts/Guardian-EgypTT-Medium.eot?v=2#iefix") format("embedded-opentype"), url("../fonts/Guardian-EgypTT-Medium.woff2?v=2") format("woff2"), url("../fonts/Guardian-EgypTT-Medium.woff?v=2") format("woff"), url("../fonts/Guardian-EgypTT-Medium.ttf?v=2") format("truetype"), url("../fonts/Guardian-EgypTT-Medium.svg?v=2#Guardian EgypTT") format("svg");
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-display: swap;
}

@font-face {
    font-family: "Guardian-EgypTT";
    src: url("../fonts/Guardian-EgypTT-Light.eot?v=2");
    src: url("../fonts/Guardian-EgypTT-Light.eot?v=2#iefix") format("embedded-opentype"), url("../fonts/Guardian-EgypTT-Light.woff2?v=2") format("woff2"), url("../fonts/Guardian-EgypTT-Light.woff?v=2") format("woff"), url("../fonts/Guardian-EgypTT-Light.ttf?v=2") format("truetype"), url("../fonts/Guardian-EgypTT-Light.svg?v=2#Guardian-EgypTT") format("svg");
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
    font-display: swap;
}

@font-face {
    font-family: "Graphik Webfont";
    src: url("../fonts/Graphik-Regular-Web.eot");
    src: url("../fonts/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Regular-Web.woff2") format("woff2"), url("../fonts/Graphik-Regular-Web.woff") format("woff"), url("../fonts/Graphik-Regular-Web.svg#Graphik-Regular-Web") format("svg"), url("../fonts/Graphik-Regular-Web.ttf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: "Graphik Webfont";
    src: url("../fonts/Graphik-Medium-Web.eot");
    src: url("../fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Medium-Web.woff2") format("woff2"), url("../fonts/Graphik-Medium-Web.woff") format("woff"), url("../fonts/Graphik-Medium-Web.svg#Graphik-Medium-Web") format("svg"), url("../fonts/Graphik-Medium-Web.ttf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: "Graphik Webfont";
    src: url("../fonts/Graphik-Medium-Web.eot");
    src: url("../fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Medium-Web.woff2") format("woff2"), url("../fonts/Graphik-Medium-Web.woff") format("woff"), url("../fonts/Graphik-Medium-Web.svg#Graphik-Medium-Web") format("svg"), url("../fonts/Graphik-Medium-Web.ttf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

.gnav-header #search-query {
    position: absolute;
    width: 100%;
    top: 50%;
    border: 1px solid #CFCBC8;
    background: #f9f9f8;
    margin-top: -17px;
    padding: 6px 10px;
    padding-left:40px !important;
    margin-left: 0;
    height: 34px;
    font-size: 13px;
    box-sizing: border-box;
    background: url(../images/srch.png) no-repeat !important;
    background-position: 3% !important;
    background-color: #fff !important;
    /*box-shadow: inset 0 1px 2px #E9E9E8, 0 0 0 1000px #fbfbfa inset;*/
}


.ui-toolkit .animated {
    -webkit-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}


.ui-toolkit *,
.ui-toolkit *:before,
.ui-toolkit *:after {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-toolkit body,
.ui-toolkit html {
    height: 100%;
    width: 100%;
}

.ui-toolkit .body-max-width {
    /*max-width: 1400px;*/
    max-width: 1450px;
    margin: 0 auto;
}

.ui-toolkit .body-sub-width {
    /*max-width: 1330px;*/
    max-width: 1380px;
    margin: 0 auto;
}


.ui-toolkit body {
    color: #222;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
screen and (orientation: landscape) and (min-device-height: 740px) {
    .ui-toolkit body {
        font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    }
}

.ui-toolkit .text-hero {
    font-size: 84px;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 1.2;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
screen and (orientation: landscape) and (min-device-height: 740px) {
    .ui-toolkit .text-hero {
        font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    }
}

.ui-toolkit .text-headline-larger,
.ui-toolkit .text-editorial-nova h1 {
    font-size: 68px;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    font-weight: 600;
    font-weight: 300;
    line-height: 1.2;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
screen and (orientation: landscape) and (min-device-height: 740px) {
    .ui-toolkit .text-headline-larger,
    .ui-toolkit .text-editorial-nova h1 {
        font-family: "Guardian-EgypTT", serif;
    }
}

.ui-toolkit .text-headline {
    font-size: 52px;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    font-weight: 600;
    font-weight: 300;
    line-height: 1.2;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
screen and (orientation: landscape) and (min-device-height: 740px) {
    .ui-toolkit .text-headline {
        font-family: "Guardian-EgypTT", serif;
    }
}

.ui-toolkit .text-headline-smaller,
.ui-toolkit .text-editorial-nova h2,
.ui-toolkit .text-editorial-nova blockquote {
    font-size: 42px;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    font-weight: 600;
    font-weight: 300;
    line-height: 1.2;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
screen and (orientation: landscape) and (min-device-height: 740px) {
    .ui-toolkit .text-headline-smaller,
    .ui-toolkit .text-editorial-nova h2,
    .ui-toolkit .text-editorial-nova blockquote {
        font-family: "Guardian-EgypTT", serif;
    }
}

.ui-toolkit .text-editorial-nova blockquote {
    font-style: normal;
    border-left: none;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

.ui-toolkit .text-title-larger,
.ui-toolkit .text-editorial-nova h3 {
    font-size: 32px;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    font-weight: 500;
    line-height: 1.4;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
screen and (orientation: landscape) and (min-device-height: 740px) {
    .ui-toolkit .text-title-larger,
    .ui-toolkit .text-editorial-nova h3 {
        font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    }
}

.ui-toolkit .text-title,
.ui-toolkit .text-editorial-nova h4 {
    font-size: 26px;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    font-weight: 500;
    line-height: 1.4;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
screen and (orientation: landscape) and (min-device-height: 740px) {
    .ui-toolkit .text-title,
    .ui-toolkit .text-editorial-nova h4 {
        font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    }
}

.ui-toolkit .text-title-smaller,
.ui-toolkit .text-editorial-nova h5 {
    font-size: 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    font-weight: 500;
    line-height: 1.2;
    text-transform: none;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
screen and (orientation: landscape) and (min-device-height: 740px) {
    .ui-toolkit .text-title-smaller,
    .ui-toolkit .text-editorial-nova h5 {
        font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    }
}

.ui-toolkit .text-editorial-nova h5 {
    line-height: 1.6;
}

.ui-toolkit .text-body-largest,
.ui-toolkit .text-editorial-nova h6 {
    font-size: 18px;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    font-weight: 300;
    line-height: 1.6;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
screen and (orientation: landscape) and (min-device-height: 740px) {
    .ui-toolkit .text-body-largest,
    .ui-toolkit .text-editorial-nova h6 {
        font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    }
}

.ui-toolkit .text-editorial-nova h6 {
    font-weight: 500;
    text-transform: none;
    line-height: 1.6;
}

.ui-toolkit .text-body-larger {
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    font-weight: 300;
    line-height: 1.6;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
screen and (orientation: landscape) and (min-device-height: 740px) {
    .ui-toolkit .text-body-larger {
        font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    }
}

.ui-toolkit .text-body {
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    font-weight: 300;
    line-height: 1.6;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
screen and (orientation: landscape) and (min-device-height: 740px) {
    .ui-toolkit .text-body {
        font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    }
}

.ui-toolkit .text-body-smaller {
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    font-weight: 300;
    line-height: 1.6;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
screen and (orientation: landscape) and (min-device-height: 740px) {
    .ui-toolkit .text-body-smaller {
        font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    }
}

.ui-toolkit .text-category-label {
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.4;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
screen and (orientation: landscape) and (min-device-height: 740px) {
    .ui-toolkit .text-category-label {
        font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    }
}

@media only screen and (min-width: 0) and (max-width: 899px) {
    .ui-toolkit .text-hero {
        font-size: 68px;
        font-weight: bold;
    }
    .ui-toolkit .text-headline-larger,
    .ui-toolkit .text-editorial-nova h1 {
        font-size: 52px;
        font-weight: 300;
    }
    .ui-toolkit .text-headline {
        font-size: 42px;
        font-weight: 300;
    }
    .ui-toolkit .text-headline-smaller,
    .ui-toolkit .text-editorial-nova h2,
    .ui-toolkit .text-editorial-nova blockquote {
        font-size: 32px;
        font-weight: 300;
    }
    .ui-toolkit .text-title-larger,
    .ui-toolkit .text-editorial-nova h3 {
        font-size: 26px;
        font-weight: bold;
    }
    .ui-toolkit .text-title,
    .ui-toolkit .text-editorial-nova h4 {
        font-size: 20px;
        font-weight: bold;
    }
    .ui-toolkit .text-title-smaller,
    .ui-toolkit .text-editorial-nova h5 {
        font-size: 18px;
        font-weight: bold;
    }
    .ui-toolkit .text-body-largest,
    .ui-toolkit .text-editorial-nova h6 {
        font-size: 16px;
        font-weight: normal;
    }
    .ui-toolkit .text-editorial-nova h6 {
        font-weight: bold;
    }
}

@media only screen and (min-width: 0) and (max-width: 639px) {
    .ui-toolkit .text-hero {
        font-size: 52px;
    }
    .ui-toolkit .text-headline-larger,
    .ui-toolkit .text-editorial-nova h1 {
        font-size: 42px;
    }
    .ui-toolkit .text-headline {
        font-size: 32px;
    }
    .ui-toolkit .text-headline-smaller,
    .ui-toolkit .text-editorial-nova h2,
    .ui-toolkit .text-editorial-nova blockquote {
        font-size: 26px;
    }
    .ui-toolkit .text-title-larger,
    .ui-toolkit .text-editorial-nova h3 {
        font-size: 20px;
    }
    .ui-toolkit .text-title,
    .ui-toolkit .text-editorial-nova h4 {
        font-size: 20px;
    }
    .ui-toolkit .text-title-smaller,
    .ui-toolkit .text-editorial-nova h5 {
        font-size: 18px;
    }
    .ui-toolkit .text-body-largest,
    .ui-toolkit .text-editorial-nova h6 {
        font-size: 16px;
    }
    .ui-toolkit .text-editorial-nova h6 {
        font-weight: bold;
    }
}

.ui-toolkit h1,
.ui-toolkit .h1 {
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 0) {
    .ui-toolkit h1,
    .ui-toolkit .h1 {
        font-size: 20px;
    }
}

@media only screen and (min-width: 640px) {
    .ui-toolkit h1,
    .ui-toolkit .h1 {
        font-size: 26px;
    }
}

.ui-toolkit h2,
.ui-toolkit .h2 {
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
}


.ui-toolkit h3,
.ui-toolkit .h3 {
 
    -webkit-font-smoothing: antialiased;
}

.ui-toolkit h1,
.ui-toolkit .h1,
.ui-toolkit h2,
.ui-toolkit .h2,
.ui-toolkit h3,
.ui-toolkit .h3 {
    font-weight: 500;
}

.ui-toolkit h1.normalize,
.ui-toolkit h2.normalize,
.ui-toolkit h3.normalize,
.ui-toolkit h4.normalize,
.ui-toolkit h5.normalize,
.ui-toolkit h6.normalize {
    font-size: inherit;
    line-height: inherit;
    margin: inherit;
    padding: inherit;
}

.ui-toolkit blockquote {
    border-left: 1px solid #E1E3DF;
    font-style: italic;
    padding: 12px 0 12px 12px;
}

.ui-toolkit .ss-icon,
.ui-toolkit .ss-gigtodo {
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    vertical-align: middle;
}

.ui-toolkit .hljs.hljs {
    background-color: #FBFBFA;
}

.ui-toolkit .flag {
    display: table;
    width: 100%;
}

.ui-toolkit .flag-body,
.ui-toolkit .flag-img {
    display: table-cell;
    vertical-align: middle;
}

.ui-toolkit .flag-body {
    width: 100%;
}

.ui-toolkit .flag-img {
    padding-right: 12px;
}

.ui-toolkit .flag-img img {
    display: block;
}

.ui-toolkit .flag-img-right {
    padding-left: 12px;
    padding-right: 0;
}

.ui-toolkit .col-group {
    float: none;
    position: relative;
}

.ui-toolkit .col-group:before,
.ui-toolkit .col-group:after {
    content: " ";
    display: table;
}

.ui-toolkit .col-group:after {
    clear: both;
}

@media only screen and (min-width: 0) {
    .ui-toolkit .col-group {
        padding-left: 6px;
        padding-right: 6px;
    }
}

@media only screen and (min-width: 640px) {
    .ui-toolkit .col-group {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media only screen and (min-width: 900px) {
    .ui-toolkit .col-group {
        padding-left: 18px;
        padding-right: 18px;
    }
}

@media only screen and (min-width: 0) {
    .ui-toolkit .col-flush {
        margin-left: -12px;
        margin-right: -12px;
    }
}

@media only screen and (min-width: 640px) {
    .ui-toolkit .col-flush {
        margin-left: -24px;
        margin-right: -24px;
    }
}

@media only screen and (min-width: 900px) {
    .ui-toolkit .col-flush {
        margin-left: -36px;
        margin-right: -36px;
    }
}



@media only screen and (min-width: 640px) {
    .ui-toolkit [class*='col-xs-'],
    .ui-toolkit [class*='col-sm-'],
    .ui-toolkit [class*='col-md-'],
    .ui-toolkit [class*='col-lg-'],
    .ui-toolkit [class*='col-xl-'] {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media only screen and (min-width: 900px) {
    .ui-toolkit [class*='col-xs-'],
    .ui-toolkit [class*='col-sm-'],
    .ui-toolkit [class*='col-md-'],
    .ui-toolkit [class*='col-lg-'],
    .ui-toolkit [class*='col-xl-'] {
        padding-left: 18px;
        padding-right: 18px;
    }
}

@media only screen and (min-width: 0) {
    .ui-toolkit .col-xs-1 {
        width: 8.33333%;
    }
    .ui-toolkit .col-xs-2 {
        width: 16.66667%;
    }
    .ui-toolkit .col-xs-3 {
        width: 25%;
    }
    .ui-toolkit .col-xs-4 {
        width: 33.33333%;
    }
    .ui-toolkit .col-xs-5 {
        width: 41.66667%;
    }
    .ui-toolkit .col-xs-6 {
        width: 50%;
    }
    .ui-toolkit .col-xs-7 {
        width: 58.33333%;
    }
    .ui-toolkit .col-xs-8 {
        width: 66.66667%;
    }
    .ui-toolkit .col-xs-9 {
        width: 75%;
    }
    .ui-toolkit .col-xs-10 {
        width: 83.33333%;
    }
    .ui-toolkit .col-xs-11 {
        width: 91.66667%;
    }
    .ui-toolkit .col-xs-12 {
        width: 100%;
    }
}

@media only screen and (min-width: 480px) {
    .ui-toolkit .col-sm-1 {
        width: 8.33333%;
    }
    .ui-toolkit .col-sm-2 {
        width: 16.66667%;
    }
    .ui-toolkit .col-sm-3 {
        width: 25%;
    }
    .ui-toolkit .col-sm-4 {
        width: 33.33333%;
    }
    .ui-toolkit .col-sm-5 {
        width: 41.66667%;
    }
    .ui-toolkit .col-sm-6 {
        width: 50%;
    }
    .ui-toolkit .col-sm-7 {
        width: 58.33333%;
    }
    .ui-toolkit .col-sm-8 {
        width: 66.66667%;
    }
    .ui-toolkit .col-sm-9 {
        width: 75%;
    }
    .ui-toolkit .col-sm-10 {
        width: 83.33333%;
    }
    .ui-toolkit .col-sm-11 {
        width: 91.66667%;
    }
    .ui-toolkit .col-sm-12 {
        width: 100%;
    }
}



@media only screen and (min-width: 900px) {
    .ui-toolkit .col-lg-1 {
        width: 8.33333%;
    }
    .ui-toolkit .col-lg-2 {
        width: 16.66667%;
    }
    .ui-toolkit .col-lg-3 {
        width: 25%;
    }
    .ui-toolkit .col-lg-4 {
        width: 33.33333%;
    }
    .ui-toolkit .col-lg-5 {
        width: 41.66667%;
    }
    .ui-toolkit .col-lg-6 {
        width: 50%;
    }
    .ui-toolkit .col-lg-7 {
        width: 58.33333%;
    }
    .ui-toolkit .col-lg-8 {
        width: 66.66667%;
    }
    .ui-toolkit .col-lg-9 {
        width: 75%;
    }
    .ui-toolkit .col-lg-10 {
        width: 83.33333%;
    }
    .ui-toolkit .col-lg-11 {
        width: 91.66667%;
    }
    .ui-toolkit .col-lg-12 {
        width: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    .ui-toolkit .col-xl-1 {
        width: 8.33333%;
    }
    .ui-toolkit .col-xl-2 {
        width: 16.66667%;
    }
    .ui-toolkit .col-xl-3 {
        width: 25%;
    }
    .ui-toolkit .col-xl-4 {
        width: 33.33333%;
    }
    .ui-toolkit .col-xl-5 {
        width: 41.66667%;
    }
    .ui-toolkit .col-xl-6 {
        width: 50%;
    }
    .ui-toolkit .col-xl-7 {
        width: 58.33333%;
    }
    .ui-toolkit .col-xl-8 {
        width: 66.66667%;
    }
    .ui-toolkit .col-xl-9 {
        width: 75%;
    }
    .ui-toolkit .col-xl-10 {
        width: 83.33333%;
    }
    .ui-toolkit .col-xl-11 {
        width: 91.66667%;
    }
    .ui-toolkit .col-xl-12 {
        width: 100%;
    }
}

@media only screen and (min-width: 1400px) {
    .ui-toolkit .col-tv-1 {
        width: 8.33333%;
    }
    .ui-toolkit .col-tv-2 {
        width: 16.66667%;
    }
    .ui-toolkit .col-tv-3 {
        width: 25%;
    }
    .ui-toolkit .col-tv-4 {
        width: 33.33333%;
    }
    .ui-toolkit .col-tv-5 {
        width: 41.66667%;
    }
    .ui-toolkit .col-tv-6 {
        width: 50%;
    }
    .ui-toolkit .col-tv-7 {
        width: 58.33333%;
    }
    .ui-toolkit .col-tv-8 {
        width: 66.66667%;
    }
    .ui-toolkit .col-tv-9 {
        width: 75%;
    }
    .ui-toolkit .col-tv-10 {
        width: 83.33333%;
    }
    .ui-toolkit .col-tv-11 {
        width: 91.66667%;
    }
    .ui-toolkit .col-tv-12 {
        width: 100%;
    }
}

@media only screen and (min-width: 0) {
    .ui-toolkit .col-offset-xs-0 {
        margin-left: 0%;
    }
    .ui-toolkit .col-offset-xs-1 {
        margin-left: 8.33333%;
    }
    .ui-toolkit .col-offset-xs-2 {
        margin-left: 16.66667%;
    }
    .ui-toolkit .col-offset-xs-3 {
        margin-left: 25%;
    }
    .ui-toolkit .col-offset-xs-4 {
        margin-left: 33.33333%;
    }
    .ui-toolkit .col-offset-xs-5 {
        margin-left: 41.66667%;
    }
    .ui-toolkit .col-offset-xs-6 {
        margin-left: 50%;
    }
    .ui-toolkit .col-offset-xs-7 {
        margin-left: 58.33333%;
    }
    .ui-toolkit .col-offset-xs-8 {
        margin-left: 66.66667%;
    }
    .ui-toolkit .col-offset-xs-9 {
        margin-left: 75%;
    }
    .ui-toolkit .col-offset-xs-10 {
        margin-left: 83.33333%;
    }
    .ui-toolkit .col-offset-xs-11 {
        margin-left: 91.66667%;
    }
}

@media only screen and (min-width: 480px) {
    .ui-toolkit .col-offset-sm-0 {
        margin-left: 0%;
    }
    .ui-toolkit .col-offset-sm-1 {
        margin-left: 8.33333%;
    }
    .ui-toolkit .col-offset-sm-2 {
        margin-left: 16.66667%;
    }
    .ui-toolkit .col-offset-sm-3 {
        margin-left: 25%;
    }
    .ui-toolkit .col-offset-sm-4 {
        margin-left: 33.33333%;
    }
    .ui-toolkit .col-offset-sm-5 {
        margin-left: 41.66667%;
    }
    .ui-toolkit .col-offset-sm-6 {
        margin-left: 50%;
    }
    .ui-toolkit .col-offset-sm-7 {
        margin-left: 58.33333%;
    }
    .ui-toolkit .col-offset-sm-8 {
        margin-left: 66.66667%;
    }
    .ui-toolkit .col-offset-sm-9 {
        margin-left: 75%;
    }
    .ui-toolkit .col-offset-sm-10 {
        margin-left: 83.33333%;
    }
    .ui-toolkit .col-offset-sm-11 {
        margin-left: 91.66667%;
    }
}

@media only screen and (min-width: 640px) {
    .ui-toolkit .col-offset-md-0 {
        margin-left: 0%;
    }
    .ui-toolkit .col-offset-md-1 {
        margin-left: 8.33333%;
    }
    .ui-toolkit .col-offset-md-2 {
        margin-left: 16.66667%;
    }
    .ui-toolkit .col-offset-md-3 {
        margin-left: 25%;
    }
    .ui-toolkit .col-offset-md-4 {
        margin-left: 33.33333%;
    }
    .ui-toolkit .col-offset-md-5 {
        margin-left: 41.66667%;
    }
    .ui-toolkit .col-offset-md-6 {
        margin-left: 50%;
    }
    .ui-toolkit .col-offset-md-7 {
        margin-left: 58.33333%;
    }
    .ui-toolkit .col-offset-md-8 {
        margin-left: 66.66667%;
    }
    .ui-toolkit .col-offset-md-9 {
        margin-left: 75%;
    }
    .ui-toolkit .col-offset-md-10 {
        margin-left: 83.33333%;
    }
    .ui-toolkit .col-offset-md-11 {
        margin-left: 91.66667%;
    }
}

@media only screen and (min-width: 900px) {
    .ui-toolkit .col-offset-lg-0 {
        margin-left: 0%;
    }
    .ui-toolkit .col-offset-lg-1 {
        margin-left: 8.33333%;
    }
    .ui-toolkit .col-offset-lg-2 {
        margin-left: 16.66667%;
    }
    .ui-toolkit .col-offset-lg-3 {
        margin-left: 25%;
    }
    .ui-toolkit .col-offset-lg-4 {
        margin-left: 33.33333%;
    }
    .ui-toolkit .col-offset-lg-5 {
        margin-left: 41.66667%;
    }
    .ui-toolkit .col-offset-lg-6 {
        margin-left: 50%;
    }
    .ui-toolkit .col-offset-lg-7 {
        margin-left: 58.33333%;
    }
    .ui-toolkit .col-offset-lg-8 {
        margin-left: 66.66667%;
    }
    .ui-toolkit .col-offset-lg-9 {
        margin-left: 75%;
    }
    .ui-toolkit .col-offset-lg-10 {
        margin-left: 83.33333%;
    }
    .ui-toolkit .col-offset-lg-11 {
        margin-left: 91.66667%;
    }
}

@media only screen and (min-width: 1200px) {
    .ui-toolkit .col-offset-xl-0 {
        margin-left: 0%;
    }
    .ui-toolkit .col-offset-xl-1 {
        margin-left: 8.33333%;
    }
    .ui-toolkit .col-offset-xl-2 {
        margin-left: 16.66667%;
    }
    .ui-toolkit .col-offset-xl-3 {
        margin-left: 25%;
    }
    .ui-toolkit .col-offset-xl-4 {
        margin-left: 33.33333%;
    }
    .ui-toolkit .col-offset-xl-5 {
        margin-left: 41.66667%;
    }
    .ui-toolkit .col-offset-xl-6 {
        margin-left: 50%;
    }
    .ui-toolkit .col-offset-xl-7 {
        margin-left: 58.33333%;
    }
    .ui-toolkit .col-offset-xl-8 {
        margin-left: 66.66667%;
    }
    .ui-toolkit .col-offset-xl-9 {
        margin-left: 75%;
    }
    .ui-toolkit .col-offset-xl-10 {
        margin-left: 83.33333%;
    }
    .ui-toolkit .col-offset-xl-11 {
        margin-left: 91.66667%;
    }
}


.ui-toolkit .btn {
 
    font-size: 14px;
 
}

.ui-toolkit .btn-secondary:active,
.ui-toolkit .btn-secondary.is-active,
.ui-toolkit .btn-secondary.is-selected {
    background-color: #f0f0ec !important;
    border-color: rgba(0, 0, 0, 0.5) !important;
    color: #222 !important;
}

.ui-toolkit .btn:hover,
.ui-toolkit .btn.is-hovering {
    cursor: pointer;
    text-decoration: none;
}

.ui-toolkit .btn:focus {
    outline: auto 2px Highlight;
    outline: auto 5px -webkit-focus-ring-color;
    text-decoration: none;
}

.ui-toolkit .btn:active,
.ui-toolkit .btn.is-active,
.ui-toolkit .btn.is-selected {
    cursor: default;
}

.ui-toolkit .btn:disabled,
.ui-toolkit .btn.is-disabled {
    cursor: default;
    pointer-events: none;
}

.ui-toolkit .btn.caret {
    padding-right: 25px;
    position: relative;
    text-align: left;
}

.ui-toolkit .btn-list-item {
    padding: 0;
}

.ui-toolkit .btn-list-item>* {
    padding: 8px 12px;
    color: inherit;
    display: block;
}

.ui-toolkit .btn-list-item a {
    text-decoration: none;
}

.ui-toolkit .btn-list-item a:hover,
.ui-toolkit .btn-list-item a:focus {
    text-decoration: none;
}

.ui-toolkit button::-moz-focus-inner {
    padding: 0;
}

.ui-toolkit .btn-primary {
    background-color: #222;
    border-color: rgba(0, 0, 0, 0.1);
    color: #FFF;
}

.ui-toolkit .btn-primary:hover,
.ui-toolkit .btn-primary.is-hovering {
    background-color: #3c3c3c;
    border-color: rgba(0, 0, 0, 0.2);
    color: #FFF;
}

.ui-toolkit .btn-primary:focus {
    border-color: rgba(0, 0, 0, 0.8);
    color: #FFF;
}

.ui-toolkit .btn-primary:active,
.ui-toolkit .btn-primary.is-active,
.ui-toolkit .btn-primary.is-selected {
    background-color: #3c3c3c;
    border-color: rgba(0, 0, 0, 0.5);
    color: #FFF;
}

.ui-toolkit .btn-primary:disabled,
.ui-toolkit .btn-primary.is-disabled {
    background-color: #bbbbbb;
    border-color: rgba(0, 0, 0, 0.05);
    color: #FFF;
}

.ui-toolkit .btn-primary.caret:after {
    color: rgba(255, 255, 255, 0.8);
}

.ui-toolkit .btn-secondary {
    background-color: #FFF;
    border-color: rgba(0, 0, 0, 0.15);
    color: #222;
}

.ui-toolkit .btn-secondary:hover,
.ui-toolkit .btn-secondary.is-hovering {
    background-color: #f9f9f7;
    border-color: rgba(0, 0, 0, 0.2);
    color: #222;
}

.ui-toolkit .btn-secondary:active,
.ui-toolkit .btn-secondary.is-active,
.ui-toolkit .btn-secondary.is-selected {
    background-color: #f0f0ec;
    border-color: rgba(0, 0, 0, 0.5);
    color: #222;
}

.ui-toolkit .btn-secondary:active:focus,
.ui-toolkit .btn-secondary.is-active:focus,
.ui-toolkit .btn-secondary.is-selected:focus {
    border-color: rgba(0, 0, 0, 0.8);
}

.ui-toolkit .btn-secondary:disabled,
.ui-toolkit .btn-secondary.is-disabled {
    background-color: #FAF9F5;
    border-color: rgba(0, 0, 0, 0.15);
    color: #757575;
}

.ui-toolkit .btn-secondary:disabled .ss-icon,
.ui-toolkit .btn-secondary.is-disabled .ss-icon {
    color: #757575;
}

.ui-toolkit .btn-secondary:focus {
    border-color: rgba(0, 0, 0, 0.8);
    color: #222;
}

.ui-toolkit .btn-outline {
    -webkit-transition: background 0.1s ease-out, border-color 0.1s ease-out, color 0.05s ease-out;
    -moz-transition: background 0.1s ease-out, border-color 0.1s ease-out, color 0.05s ease-out;
    -o-transition: background 0.1s ease-out, border-color 0.1s ease-out, color 0.05s ease-out;
    -ms-transition: background 0.1s ease-out, border-color 0.1s ease-out, color 0.05s ease-out;
    transition: background 0.1s ease-out, border-color 0.1s ease-out, color 0.05s ease-out;
    background: none;
    border-color: currentColor;
    border-style: solid;
    border-width: 2px;
    color: inherit;
}

.ui-toolkit .btn-outline-white {
    border-color: #FFF;
    color: #FFF;
}

.ui-toolkit .btn-outline-white:hover,
.ui-toolkit .btn-outline-white:focus {
    background-color: #FFF;
    color: #222;
}

.ui-toolkit .btn-outline-primary {
    border-color: #222;
    color: #222;
}

.ui-toolkit .btn-outline-primary:hover,
.ui-toolkit .btn-outline-primary:focus {
    background-color: #222;
    color: #FFF;
}

.ui-toolkit .btn-outline-orange {
    border-color: #222;
    color: #222;
}

.ui-toolkit .btn-outline-orange:hover,
.ui-toolkit .btn-outline-orange:focus {
    background-color: #222;
    color: #FFF;
}

.ui-toolkit .btn-outline-black {
    border-color: #222;
    color: #222;
}

.ui-toolkit .btn-outline-black:hover,
.ui-toolkit .btn-outline-black:focus {
    background-color: #222;
    border-color: #222;
    color: #FFF;
}

.ui-toolkit .btn-transparent {
    background-color: transparent;
    color: #595959;
    border-color: transparent;
}

.ui-toolkit .btn-transparent:hover,
.ui-toolkit .btn-transparent.is-hovering {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    color: #595959;
}

.ui-toolkit .btn-transparent:focus {
    border-color: #CBCCC9;
    color: #595959;
}

.ui-toolkit .btn-transparent:active,
.ui-toolkit .btn-transparent.is-active,
.ui-toolkit .btn-transparent.is-selected {
    border-color: rgba(0, 0, 0, 0.4);
    color: #222;
}

.ui-toolkit .btn-transparent:disabled,
.ui-toolkit .btn-transparent.is-disabled {
    background-color: transparent;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    color: #757575;
    border-color: transparent;
}

.ui-toolkit .btn-transparent:disabled .ss-icon,
.ui-toolkit .btn-transparent.is-disabled .ss-icon {
    color: #757575;
}



.ui-toolkit .btn-transaction {
    background-color: #222;
    border-color: rgba(0, 0, 0, 0.1);
    color: #FFF;
}

.ui-toolkit .btn-transaction:hover,
.ui-toolkit .btn-transaction.is-hovering {
    background-color: #3c3c3c;
    border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit .btn-transaction:focus {
    border-color: rgba(0, 0, 0, 0.8);
}

.ui-toolkit .btn-transaction:active,
.ui-toolkit .btn-transaction.is-active,
.ui-toolkit .btn-transaction.is-selected {
    background-color: #3c3c3c;
    border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit .btn-transaction:disabled,
.ui-toolkit .btn-transaction.is-disabled {
    background-color: #bbbbbb;
    border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .btn-transaction.caret:after {
    color: rgba(255, 255, 255, 0.8);
}

.ui-toolkit .btn-caution {
    background-color: #C13C27;
    border-color: rgba(0, 0, 0, 0.1);
    color: #FFF;
}

.ui-toolkit .btn-caution:hover,
.ui-toolkit .btn-caution.is-hovering {
    background-color: #ce3f2a;
    border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit .btn-caution:focus {
    border-color: rgba(0, 0, 0, 0.8);
}

.ui-toolkit .btn-caution:active,
.ui-toolkit .btn-caution.is-active,
.ui-toolkit .btn-caution.is-selected {
    background-color: #b43824;
    border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit .btn-caution:disabled,
.ui-toolkit .btn-caution.is-disabled {
    background-color: #e17c6d;
    border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .btn-caution.caret:after {
    color: rgba(255, 255, 255, 0.8);
}

.ui-toolkit .btn-orange {
    background-color: #222;
    border-color: rgba(0, 0, 0, 0.1);
    color: #FFF;
}

.ui-toolkit .btn-orange:hover,
.ui-toolkit .btn-orange.is-hovering {
    background-color: #3c3c3c;
    border-color: rgba(0, 0, 0, 0.2);
    color: #FFF;
}

.ui-toolkit .btn-orange:focus {
    border-color: rgba(0, 0, 0, 0.8);
    color: #FFF;
}

.ui-toolkit .btn-orange:active,
.ui-toolkit .btn-orange.is-active,
.ui-toolkit .btn-orange.is-selected {
    background-color: #3c3c3c;
    border-color: rgba(0, 0, 0, 0.5);
    color: #FFF;
}

.ui-toolkit .btn-orange:disabled,
.ui-toolkit .btn-orange.is-disabled {
    background-color: #bbbbbb;
    border-color: rgba(0, 0, 0, 0.05);
    color: #FFF;
}

.ui-toolkit .btn-orange-text {
    background-color: #FFF;
    border-color: #FFF;
    color: #222;
}

.ui-toolkit .btn-orange-text:hover,
.ui-toolkit .btn-orange-text.is-hovering {
    background-color: #f7f7f7;
    color: #222;
}

.ui-toolkit .btn-orange-text:active,
.ui-toolkit .btn-orange-text.is-active,
.ui-toolkit .btn-orange-text.is-selected {
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    background-color: #f2f2f2;
    color: #222;
}

.ui-toolkit .btn-orange-text:disabled,
.ui-toolkit .btn-orange-text.is-disabled {
    background-color: #ffcba8;
    border-color: #ffcba8;
    color: #ff6f10;
}

.ui-toolkit .btn-orange-text:focus {
    -moz-box-shadow: 0 0 0 1px #000;
    -webkit-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 0 1px #000;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
}

.ui-toolkit .btn-facebook {
    background-color: #3B5998;
    border-color: rgba(0, 0, 0, 0.1);
    color: #FFF;
}

.ui-toolkit .btn-facebook:hover,
.ui-toolkit .btn-facebook.is-hovering {
    background-color: #3f61a3;
    border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit .btn-facebook:focus {
    border-color: rgba(0, 0, 0, 0.8);
}

.ui-toolkit .btn-facebook:active,
.ui-toolkit .btn-facebook.is-active,
.ui-toolkit .btn-facebook.is-selected {
    background-color: #37538d;
    border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit .btn-facebook:disabled,
.ui-toolkit .btn-facebook.is-disabled {
    background-color: #96abd6;
    border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .btn-twitter {
    background-color: #00B0ED;
    border-color: rgba(0, 0, 0, 0.1);
    color: #FFF;
}

.ui-toolkit .btn-twitter:hover,
.ui-toolkit .btn-twitter.is-hovering {
    background-color: #00bdfc;
    border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit .btn-twitter:focus {
    border-color: rgba(0, 0, 0, 0.8);
}

.ui-toolkit .btn-twitter:active,
.ui-toolkit .btn-twitter.is-active,
.ui-toolkit .btn-twitter.is-selected {
    background-color: #00a6de;
    border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit .btn-twitter:disabled,
.ui-toolkit .btn-twitter.is-disabled {
    background-color: #87e1ff;
    border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .btn-pinterest {
    background-color: #CE2029;
    border-color: rgba(0, 0, 0, 0.1);
    color: #FFF;
}

.ui-toolkit .btn-pinterest:hover,
.ui-toolkit .btn-pinterest.is-hovering {
    background-color: #db222e;
    border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit .btn-pinterest:focus {
    border-color: rgba(0, 0, 0, 0.8);
}

.ui-toolkit .btn-pinterest:active,
.ui-toolkit .btn-pinterest.is-active,
.ui-toolkit .btn-pinterest.is-selected {
    background-color: #c11e29;
    border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit .btn-pinterest:disabled,
.ui-toolkit .btn-pinterest.is-disabled {
    background-color: #ef989e;
    border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .btn-google {
    background-color: #4285F4;
    border-color: rgba(0, 0, 0, 0.1);
    color: #FFF;
}

.ui-toolkit .btn-google:hover,
.ui-toolkit .btn-google.is-hovering {
    background-color: #508ff5;
    border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit .btn-google:focus {
    border-color: rgba(0, 0, 0, 0.8);
}

.ui-toolkit .btn-google:active,
.ui-toolkit .btn-google.is-active,
.ui-toolkit .btn-google.is-selected {
    background-color: #347df3;
    border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit .btn-google:disabled,
.ui-toolkit .btn-google.is-disabled {
    background-color: #d3e3fc;
    border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .btn-tumblr {
    background-color: #35465C;
    border-color: rgba(0, 0, 0, 0.1);
    color: #FFF;
}

.ui-toolkit .btn-tumblr:hover,
.ui-toolkit .btn-tumblr.is-hovering {
    background-color: #3b4e66;
    border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit .btn-tumblr:focus {
    border-color: rgba(0, 0, 0, 0.8);
}

.ui-toolkit .btn-tumblr:active,
.ui-toolkit .btn-tumblr.is-active,
.ui-toolkit .btn-tumblr.is-selected {
    background-color: #2f3f52;
    border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit .btn-tumblr:disabled,
.ui-toolkit .btn-tumblr.is-disabled {
    background-color: #7892b2;
    border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .btn-paypal {
    background-color: #222;
    border-color: rgba(0, 0, 0, 0.1);
    color: #FFF;
}

.ui-toolkit .btn-paypal:hover,
.ui-toolkit .btn-paypal.is-hovering {
    background-color: #2a2a2a;
    border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit .btn-paypal:focus {
    border-color: rgba(0, 0, 0, 0.8);
}

.ui-toolkit .btn-paypal:active,
.ui-toolkit .btn-paypal.is-active,
.ui-toolkit .btn-paypal.is-selected {
    background-color: #1a1a1a;
    border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit .btn-paypal:disabled,
.ui-toolkit .btn-paypal.is-disabled {
    background-color: #6f6f6f;
    border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .btn-small {
    font-size: 12px;
    font-weight: normal;
    height: 28px;
    padding: 4px 12px;
}

.ui-toolkit .btn-large {
    font-size: 16px;
    height: 48px;
    padding: 12px 28px;
}

.ui-toolkit .btn-large.caret {
    padding-left: 12px;
}

@media only screen and (min-width: 0) and (max-width: 899px) {
    .ui-toolkit .btn-responsive {
        font-size: 16px;
        height: 48px;
        padding: 12px 28px;
    }
    .ui-toolkit .btn-responsive.caret {
        padding-left: 12px;
    }
}

.ui-toolkit .btn-icon-with-text {
    padding-left: 12px;
}

.ui-toolkit .btn-icon-with-text .ss-icon {
    margin-right: 6px;
}

.ui-toolkit .btn-group {
    white-space: nowrap;
}

.ui-toolkit .btn-group-item {
    border-radius: 0;
    margin-left: -5px;
    position: relative;
    z-index: 10;
}

.ui-toolkit .btn-group-item:hover,
.ui-toolkit .btn-group-item.is-hovering {
    z-index: 20;
}

.ui-toolkit .btn-group-item:active,
.ui-toolkit .btn-group-item.is-active,
.ui-toolkit .btn-group-item.is-selected,
.ui-toolkit .btn-group-item:focus {
    z-index: 30;
}

.ui-toolkit .btn-group-item:disabled,
.ui-toolkit .btn-group-item.is-disabled {
    z-index: 0;
}

.ui-toolkit .btn-group-item:first-of-type {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    margin-left: 0;
}

.ui-toolkit .btn-group-item:last-of-type {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

@media only screen and (min-width: 0) {
    .ui-toolkit .btn-group-xs {
        white-space: nowrap;
    }
    .ui-toolkit .btn-group-item-xs {
        border-radius: 0;
        margin-left: -5px;
        position: relative;
        z-index: 10;
    }
    .ui-toolkit .btn-group-item-xs:hover,
    .ui-toolkit .btn-group-item-xs.is-hovering {
        z-index: 20;
    }
    .ui-toolkit .btn-group-item-xs:active,
    .ui-toolkit .btn-group-item-xs.is-active,
    .ui-toolkit .btn-group-item-xs.is-selected,
    .ui-toolkit .btn-group-item-xs:focus {
        z-index: 30;
    }
    .ui-toolkit .btn-group-item-xs:disabled,
    .ui-toolkit .btn-group-item-xs.is-disabled {
        z-index: 0;
    }
    .ui-toolkit .btn-group-item-xs:first-of-type {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        margin-left: 0;
    }
    .ui-toolkit .btn-group-item-xs:last-of-type {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }
}

@media only screen and (min-width: 480px) {
    .ui-toolkit .btn-group-sm {
        white-space: nowrap;
    }
    .ui-toolkit .btn-group-item-sm {
        border-radius: 0;
        margin-left: -5px;
        position: relative;
        z-index: 10;
    }
    .ui-toolkit .btn-group-item-sm:hover,
    .ui-toolkit .btn-group-item-sm.is-hovering {
        z-index: 20;
    }
    .ui-toolkit .btn-group-item-sm:active,
    .ui-toolkit .btn-group-item-sm.is-active,
    .ui-toolkit .btn-group-item-sm.is-selected,
    .ui-toolkit .btn-group-item-sm:focus {
        z-index: 30;
    }
    .ui-toolkit .btn-group-item-sm:disabled,
    .ui-toolkit .btn-group-item-sm.is-disabled {
        z-index: 0;
    }
    .ui-toolkit .btn-group-item-sm:first-of-type {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        margin-left: 0;
    }
    .ui-toolkit .btn-group-item-sm:last-of-type {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }
}

@media only screen and (min-width: 640px) {
    .ui-toolkit .btn-group-md {
        white-space: nowrap;
    }
    .ui-toolkit .btn-group-item-md {
        border-radius: 0;
        margin-left: -5px;
        position: relative;
        z-index: 10;
    }
    .ui-toolkit .btn-group-item-md:hover,
    .ui-toolkit .btn-group-item-md.is-hovering {
        z-index: 20;
    }
    .ui-toolkit .btn-group-item-md:active,
    .ui-toolkit .btn-group-item-md.is-active,
    .ui-toolkit .btn-group-item-md.is-selected,
    .ui-toolkit .btn-group-item-md:focus {
        z-index: 30;
    }
    .ui-toolkit .btn-group-item-md:disabled,
    .ui-toolkit .btn-group-item-md.is-disabled {
        z-index: 0;
    }
    .ui-toolkit .btn-group-item-md:first-of-type {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        margin-left: 0;
    }
    .ui-toolkit .btn-group-item-md:last-of-type {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }
}

@media only screen and (min-width: 900px) {
    .ui-toolkit .btn-group-lg {
        white-space: nowrap;
    }
    .ui-toolkit .btn-group-item-lg {
        border-radius: 0;
        margin-left: -5px;
        position: relative;
        z-index: 10;
    }
    .ui-toolkit .btn-group-item-lg:hover,
    .ui-toolkit .btn-group-item-lg.is-hovering {
        z-index: 20;
    }
    .ui-toolkit .btn-group-item-lg:active,
    .ui-toolkit .btn-group-item-lg.is-active,
    .ui-toolkit .btn-group-item-lg.is-selected,
    .ui-toolkit .btn-group-item-lg:focus {
        z-index: 30;
    }
    .ui-toolkit .btn-group-item-lg:disabled,
    .ui-toolkit .btn-group-item-lg.is-disabled {
        z-index: 0;
    }
    .ui-toolkit .btn-group-item-lg:first-of-type {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        margin-left: 0;
    }
    .ui-toolkit .btn-group-item-lg:last-of-type {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }
}

@media only screen and (min-width: 1200px) {
    .ui-toolkit .btn-group-xl {
        white-space: nowrap;
    }
    .ui-toolkit .btn-group-item-xl {
        border-radius: 0;
        margin-left: -5px;
        position: relative;
        z-index: 10;
    }
    .ui-toolkit .btn-group-item-xl:hover,
    .ui-toolkit .btn-group-item-xl.is-hovering {
        z-index: 20;
    }
    .ui-toolkit .btn-group-item-xl:active,
    .ui-toolkit .btn-group-item-xl.is-active,
    .ui-toolkit .btn-group-item-xl.is-selected,
    .ui-toolkit .btn-group-item-xl:focus {
        z-index: 30;
    }
    .ui-toolkit .btn-group-item-xl:disabled,
    .ui-toolkit .btn-group-item-xl.is-disabled {
        z-index: 0;
    }
    .ui-toolkit .btn-group-item-xl:first-of-type {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        margin-left: 0;
    }
    .ui-toolkit .btn-group-item-xl:last-of-type {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }
}

@media only screen and (min-width: 1400px) {
    .ui-toolkit .btn-group-tv {
        white-space: nowrap;
    }
    .ui-toolkit .btn-group-item-tv {
        border-radius: 0;
        margin-left: -5px;
        position: relative;
        z-index: 10;
    }
    .ui-toolkit .btn-group-item-tv:hover,
    .ui-toolkit .btn-group-item-tv.is-hovering {
        z-index: 20;
    }
    .ui-toolkit .btn-group-item-tv:active,
    .ui-toolkit .btn-group-item-tv.is-active,
    .ui-toolkit .btn-group-item-tv.is-selected,
    .ui-toolkit .btn-group-item-tv:focus {
        z-index: 30;
    }
    .ui-toolkit .btn-group-item-tv:disabled,
    .ui-toolkit .btn-group-item-tv.is-disabled {
        z-index: 0;
    }
    .ui-toolkit .btn-group-item-tv:first-of-type {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        margin-left: 0;
    }
    .ui-toolkit .btn-group-item-tv:last-of-type {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }
}

.ui-toolkit .btn-prepend {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.ui-toolkit .btn-append {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.ui-toolkit .unstyled-button {
    background-color: transparent;
    border: none;
    border-radius: 0;
    text-decoration: none;
    padding: 0;
    height: inherit;
    text-align: left;
    color: #222;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
}


/*.ui-toolkit a:focus,*/
/*.ui-toolkit .text-link-primary:focus {*/
/*    outline: auto 2px Highlight;*/
/*    outline: auto 5px -webkit-focus-ring-color;*/
/*}*/

.ui-toolkit a:hover,
.ui-toolkit a:focus,
.ui-toolkit a:active,
.ui-toolkit a.is-active,
.ui-toolkit .text-link-primary:hover,
.ui-toolkit .text-link-primary:focus,
.ui-toolkit .text-link-primary:active,
.ui-toolkit .text-link-primary.is-active {
    cursor: pointer;
}

.ui-toolkit a.is-selected,
.ui-toolkit .text-link-primary.is-selected {
    color: #222;
}

.ui-toolkit a.is-selected:hover,
.ui-toolkit .text-link-primary.is-selected:hover {
    cursor: default;
    text-decoration: none;
}

.ui-toolkit .text-link-secondary {
    color: #222;
    text-decoration: none;
}

.ui-toolkit .text-link-secondary:focus {
    outline: auto 2px Highlight;
    outline: auto 5px -webkit-focus-ring-color;
}

.ui-toolkit .text-link-secondary:hover,
.ui-toolkit .text-link-secondary:focus,
.ui-toolkit .text-link-secondary:active,
.ui-toolkit .text-link-secondary.is-active {
    cursor: pointer;
    text-decoration: underline;
}

.ui-toolkit .text-link-secondary.is-selected {
    color: #222;
}

.ui-toolkit .text-link-secondary.is-selected:hover {
    cursor: default;
    text-decoration: none;
}

.ui-toolkit .text-link-underline {
    text-decoration: underline;
    color: inherit;
}

.ui-toolkit .text-link-underline:hover,
.ui-toolkit .text-link-underline:focus,
.ui-toolkit .text-link-underline:active,
.ui-toolkit .text-link-underline.is-active {
    cursor: pointer;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

.ui-toolkit .text-link-no-underline {
    text-decoration: none;
}

.ui-toolkit .link-white {
    color: #FFF;
    text-decoration: underline;
}

.ui-toolkit .link-white:hover,
.ui-toolkit .link-white:focus {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

.ui-toolkit .link-gray-darker {
    color: #222;
    text-decoration: underline;
}

.ui-toolkit .link-gray-darker:hover,
.ui-toolkit .link-gray-darker:focus {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

.ui-toolkit .card {
    border-radius: 3px;
    border: 1px solid #E1E3DF;
    border-bottom-color: #CBCCC9;
    width: 100%;
}

.ui-toolkit .card.is-selected {
    background-color: #FFF3EE;
    border-color: #ffddcf;
    border-bottom-color: #ffddcf;
}

.ui-toolkit .card.is-selected .card-meta+.card-meta:before,
.ui-toolkit .card.is-selected .card-meta-row-item:nth-child(n+2):before {
    background-color: #FFF3EE;
}

.ui-toolkit .card.is-selected .card-actions {
    border-color: #ffddcf;
}

.ui-toolkit .card.is-selected .card-actions .ss-icon:not(.text-yellow) {
    color: #F56400;
}

.ui-toolkit .card.is-disabled {
    background-color: #FAF9F5;
}

.ui-toolkit .card.is-disabled:before {
    background-color: transparent;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}

.ui-toolkit .card.is-disabled img,
.ui-toolkit .card.is-disabled .card-action {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

.ui-toolkit .card.is-disabled .card-meta-row-item,
.ui-toolkit .card.is-disabled .card-price,
.ui-toolkit .card.is-disabled .ss-icon {
    color: #757575;
}

.ui-toolkit .card-body {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    position: relative;
}

.ui-toolkit .card-body:hover {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    position: relative;
    text-decoration: none;
    z-index: 10;
}

.ui-toolkit .card-body:hover .card-img-wrap:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=5);
    opacity: 0.05;
}

.ui-toolkit .card-img-wrap {
    position: relative;
    margin: 2px;
}

.ui-toolkit .card-img-wrap img {
    width: 100%;
}

.ui-toolkit .card-img-wrap:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    background-color: #000;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ui-toolkit .card-meta {
    margin: 10px 8px;
}

.ui-toolkit .card-meta+.card-meta {
    padding-top: 11px;
    position: relative;
}

.ui-toolkit .card-meta+.card-meta:before {
    background-color: #FAF9F5;
    content: '';
    height: 1px;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.ui-toolkit .card-meta-row {
    color: #222;
    font-size: 12px;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-toolkit .card-meta-row:last-child {
    margin-bottom: 0;
    display: table;
    display: flex;
    justify-content: space-between;
}

.ui-toolkit .card-meta-row:first-child {
    display: block;
}

.ui-toolkit .card-meta-row-item {
    display: inline;
    position: relative;
}

.ui-toolkit .card-meta-row-item:nth-child(n+2) {
    padding-left: 12px;
}

.ui-toolkit .card-meta-row-item:nth-child(n+2):before {
    background-color: #E1E3DF;
    bottom: 15%;
    content: '';
    left: 4px;
    position: absolute;
    top: 20%;
    width: 1px;
}

.ui-toolkit .card-similar-listing {
    border-radius: 3px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    color: #E55400;
    background-color: #FFF;
    border-color: rgba(0, 0, 0, 0.15);
    border-width: 1px;
    border-style: solid;
    padding: 8px 4px;
    display: none;
}

.ui-toolkit .card-similar-listing:hover {
    background-color: #f9f9f7;
    border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit .card-title {
    font-size: 14px;
    font-weight: normal;
}

.ui-toolkit .card-price {
    color: #000;
    font-weight: bold;
}

.ui-toolkit .card-price.float-right {
    padding-left: 4px;
    order: 2;
}

.ui-toolkit .card-actions {
    display: table;
    width: 100%;
    border-top: 1px solid #E1E3DF;
}

.ui-toolkit .card-actions-2 .card-action {
    width: 50%;
}

.ui-toolkit .card-actions-3 .card-action {
    width: 33.33333%;
}

.ui-toolkit .card-action {
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    display: table-cell;
    padding: 3px;
    text-align: center;
}

.ui-toolkit .card-action:first-child {
    border-bottom-left-radius: 2px;
}

.ui-toolkit .card-action:last-child {
    border-bottom-right-radius: 2px;
}

.ui-toolkit [class^='block-grid-'] .card {
    max-width: none;
    width: 100%;
}

.ui-toolkit .collections-ui {
    z-index: 20;
}

.ui-toolkit .card.buyer-card .badge-white {
    background-color: rgba(255, 255, 255, 0.8);
}

.ui-toolkit .card.buyer-card .card-title {
    color: #222;
}

.ui-toolkit .card.buyer-card .card-meta {
    margin: 6px;
}

.ui-toolkit .card.buyer-card .card-meta-row-item:nth-child(n+2) {
    padding-left: 0px;
}

.ui-toolkit .card.buyer-card .card-meta-row-item:nth-child(n+2):before {
    display: none;
}

.ui-toolkit .card.buyer-card:hover {
    border-color: rgba(0, 0, 0, 0.15);
    border-bottom-color: rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.ui-toolkit .card.buyer-card:hover .card-title {
    text-decoration: none;
}

.ui-toolkit .card.buyer-card .card-title:hover {
    text-decoration: none;
}

.ui-toolkit .card.buyer-card a.card-shop-name:hover {
    text-decoration: underline;
}

.ui-toolkit .card.buyer-card .card-body:hover .card-img-wrap:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.ui-toolkit .card.buyer-card .card-price {
    color: #222;
}

.ui-toolkit .card.buyer-card .card-shop-name {
    color: #595959;
}

.ui-toolkit .card.buyer-card .card-img-wrap {
    margin: 0px;
}

.ui-toolkit .card.buyer-card .card-title,
.ui-toolkit .card.buyer-card .currency {
    font-size: 12px;
}

.ui-toolkit .listing-card .discounted-price {
    color: #222;
}

.ui-toolkit .listing-card .strike-through {
    text-decoration: line-through;
}

.ui-toolkit .listing-card .discount-note {
    color: #2E8539;
    font-weight: normal;
}

.ui-toolkit .listing-card .free-shipping {
    font-size: 12px;
    background: rgba(255, 255, 255, 0.9);
}

.ui-toolkit .listing-card .card-meta-row-with-tooltip {
    overflow: visible;
}

.ui-toolkit .spinner {
    -webkit-animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite;
    -ms-animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite;
    -moz-animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite;
    -o-animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite;
    animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiPjxjaXJjbGUgb3BhY2l0eT0iMC40IiBjeD0iMjQiIGN5PSI0IiByPSI0Ii8+PGNpcmNsZSBvcGFjaXR5PSIwLjEiIGN4PSI0NCIgY3k9IjI0IiByPSI0Ii8+PGNpcmNsZSBvcGFjaXR5PSIwLjI1IiBjeD0iNCIgY3k9IjI0IiByPSI0Ii8+PGNpcmNsZSBvcGFjaXR5PSIwLjEiIGN4PSIyNCIgY3k9IjQ0IiByPSI0Ii8+PGNpcmNsZSBvcGFjaXR5PSIwLjQiIGN4PSI5LjkiIGN5PSI5LjkiIHI9IjQiLz48Y2lyY2xlIG9wYWNpdHk9IjAuMSIgY3g9IjM4LjEiIGN5PSI5LjkiIHI9IjQiLz48Y2lyY2xlIG9wYWNpdHk9IjAuMSIgY3g9IjkuOSIgY3k9IjM4LjEiIHI9IjQiLz48Y2lyY2xlIG9wYWNpdHk9IjAuMSIgY3g9IjM4LjEiIGN5PSIzOC4xIiByPSI0Ii8+PC9zdmc+');
    display: block;
    font-size: 0px;
    height: 6em;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    width: 6em;
}

.ui-toolkit .spinner-large {
    width: 48px;
    height: 48px;
}

.ui-toolkit .spinner-small {
    width: 24px;
    height: 24px;
}

.ui-toolkit .spinner-smaller {
    width: 16px;
    height: 16px;
}

.ui-toolkit .nav-group,
.ui-toolkit .underlined-nav-group {
    list-style: none;
    line-height: 1;
    overflow-x: visible;
    overflow-y: visible;
    padding: 0;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.ui-toolkit .nav-group-justified .nav-group-item,
.ui-toolkit .underlined-nav-group-justified .underlined-nav-item {
    display: table-cell;
    margin: 0;
    text-align: center;
    width: 1%;
}

.ui-toolkit .nav-group-sticky {
    -webkit-transition: top 0.3s ease-out;
    -moz-transition: top 0.3s ease-out;
    -o-transition: top 0.3s ease-out;
    -ms-transition: top 0.3s ease-out;
    transition: top 0.3s ease-out;
}

.ui-toolkit .nav-group-sticky.is-stuck {
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    z-index: 40;
}

.ui-toolkit .nav-group-item,
.ui-toolkit .underlined-nav-item {
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    margin-left: 6px;
    margin-right: 6px;
    color: #595959;
    outline: none;
    text-decoration: none;
    vertical-align: bottom;
    font-size: inherit;
    border: none;
    background-color: inherit;
    -webkit-appearance: none;
}

.ui-toolkit .nav-group-item:first-child,
.ui-toolkit .underlined-nav-item:first-child {
    margin-left: 0;
}

.ui-toolkit .nav-group-item.is-active,
.ui-toolkit .nav-group-item:active,
.ui-toolkit .underlined-nav-item.is-active,
.ui-toolkit .underlined-nav-item:active {
    color: #000;
}

.ui-toolkit .nav-group-item.is-disabled,
.ui-toolkit .underlined-nav-item.is-disabled {
    color: #757575;
}

.ui-toolkit .nav-group-item.is-disabled:hover,
.ui-toolkit .nav-group-item.is-disabled:active,
.ui-toolkit .underlined-nav-item.is-disabled:hover,
.ui-toolkit .underlined-nav-item.is-disabled:active {
    color: #757575;
    cursor: default;
    text-decoration: none;
}

.ui-toolkit .no-touch .nav-group-item:hover,
.ui-toolkit .no-touch .underlined-nav-item:hover {
    color: #000;
}

.ui-toolkit .nav-group-item-target:focus {
    border: 1px dotted rgba(0, 0, 0, 0.8);
    outline: none;
}

.ui-toolkit .nav-group-underlined,
.ui-toolkit .underlined-nav-group {
    border-bottom: 1px solid #E1E3DF;
    padding-bottom: 0;
}

.ui-toolkit .nav-group-underlined .nav-group-item,
.ui-toolkit .underlined-nav-item {
    -moz-box-shadow: 0 0 0 0 #757575 inset;
    -webkit-box-shadow: 0 0 0 0 #757575 inset;
    box-shadow: 0 0 0 #757575 0 inset;
    -webkit-transition: box-shadow 0.1s ease-out;
    -moz-transition: box-shadow 0.1s ease-out;
    -o-transition: box-shadow 0.1s ease-out;
    -ms-transition: box-shadow 0.1s ease-out;
    transition: box-shadow 0.1s ease-out;
    border-radius: 0;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 16px;
}

.ui-toolkit .nav-group-underlined .nav-group-item:focus,
.ui-toolkit .underlined-nav-item:focus {
    outline: auto 2px Highlight;
    outline: auto 5px -webkit-focus-ring-color;
}

.ui-toolkit .nav-group-underlined .nav-group-item.is-active,
.ui-toolkit .nav-group-underlined .nav-group-item:active,
.ui-toolkit .underlined-nav-item.is-active,
.ui-toolkit .underlined-nav-item:active {
    -moz-box-shadow: 0 -4px 0 0 #F56400 inset;
    -webkit-box-shadow: 0 -4px 0 0 #F56400 inset;
    box-shadow: 0 -4px 0 #F56400 0 inset;
    text-decoration: none;
}

.ui-toolkit .nav-group-underlined .nav-group-item.is-disabled:hover,
.ui-toolkit .nav-group-underlined .nav-group-item.is-disabled:active,
.ui-toolkit .underlined-nav-item.is-disabled:hover,
.ui-toolkit .underlined-nav-item.is-disabled:active {
    -moz-box-shadow: 0 0 0 0 #757575 inset;
    -webkit-box-shadow: 0 0 0 0 #757575 inset;
    box-shadow: 0 0 0 #757575 0 inset;
}

.ui-toolkit .no-touch .nav-group-underlined .nav-group-item:hover,
.ui-toolkit .no-touch .underlined-nav-item:hover {
    -moz-box-shadow: 0 -4px 0 0 #757575 inset;
    -webkit-box-shadow: 0 -4px 0 0 #757575 inset;
    box-shadow: 0 -4px 0 #757575 0 inset;
    text-decoration: none;
}

.ui-toolkit .overlay-region {
    padding: 20px;
    z-index: 80;
    width: 100%;
}

.ui-toolkit .overlay-view {
    border-radius: 3px;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    background: #FFF;
    position: relative;
    z-index: 80;
    max-width: 540px;
}

@media only screen and (min-width: 640px) {
    .ui-toolkit .overlay-view {
        margin: 120px auto;
    }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
    .ui-toolkit .overlay-view {
        margin: 40px auto;
    }
}

.ui-toolkit .overlay-view.overlay-width-full {
    border-radius: 0;
    max-width: 100%;
}

.ui-toolkit .overlay-header {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background-color: #FBFBFA;
    border-bottom: 1px solid #E1E3DF;
    font-weight: bold;
    position: relative;
}

.ui-toolkit .overlay-header:before,
.ui-toolkit .overlay-header:after {
    content: " ";
    display: table;
}

.ui-toolkit .overlay-header:after {
    clear: both;
}

.ui-toolkit .overlay-header a {
    color: #222;
}

.ui-toolkit .overlay-title {
    display: block;
    overflow: hidden;
    padding: 12px 18px;
}

.ui-toolkit .overlay-close {
    color: #595959;
    float: right;
    padding: 12px 18px;
    margin-left: -18px;
    z-index: 10;
    position: relative;
}

.ui-toolkit .overlay-close:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

.ui-toolkit .overlay-close .ss-delete {
    font-size: 12px;
    position: relative;
    top: 1px;
}

.ui-toolkit .overlay-back {
    color: #595959;
    float: left;
    padding: 12px 18px;
    margin-right: -18px;
}

.ui-toolkit .overlay-back:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

.ui-toolkit .overlay-back .ss-navigateleft {
    font-size: 12px;
    position: relative;
    top: 1px;
}

.ui-toolkit .overlay-body {
    padding: 18px;
}

.ui-toolkit .overlay-body:first-child {
    margin-top: 0;
}

.ui-toolkit .overlay-body:last-child {
    margin-bottom: 0;
}

.ui-toolkit .overlay-body .list-nav {
    margin-left: -18px;
    margin-right: -18px;
}

.ui-toolkit .overlay-body .list-nav.list-nav-flush .list-nav-item {
    margin-left: 0;
    margin-right: 0;
}

.ui-toolkit .overlay-body .list-nav-item {
    border-radius: 0;
    font-weight: normal;
    margin: 0;
    padding-left: 18px;
    padding-right: 18px;
}

.ui-toolkit .overlay-body .list-nav-item.is-selected {
    background-color: #FAF9F5;
}

.ui-toolkit .overlay-body .list-nav-item.list-nav-item-has-badge {
    padding-right: 48px;
}

.ui-toolkit .overlay-body .list-nav-item .badge {
    right: 18px;
}

.ui-toolkit .overlay-body .is-ghost {
    border-radius: 0;
}

.ui-toolkit .overlay-footer {
    border-top: 1px solid #E1E3DF;
    padding: 12px 18px;
    text-align: right;
}

.ui-toolkit .overlay-footer .btn:first-child {
    float: right;
    margin-left: 6px;
}

.ui-toolkit .overlay-footer .btn {
    width: 100%;
    margin-bottom: 6px;
}

.ui-toolkit .overlay-footer .btn:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 480px) {
    .ui-toolkit .overlay-footer .btn {
        width: auto;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 480px) {
    .ui-toolkit .overlay-small {
        max-width: 360px;
    }
    .ui-toolkit .overlay-large {
        max-width: 680px;
    }
}

.ui-toolkit .overlay-tabbed {
    position: static;
    padding-top: 14px;
    top: 1px;
}

.ui-toolkit .overlay-view-slide {
    display: none;
}

.ui-toolkit .overlay-view-slide.is-active {
    display: block;
}

.ui-toolkit .overlay-pagination-btn {
    border-radius: 50%;
    background: none;
    border: 2px #E1E3DF solid;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin: 0 4px;
    outline: 0;
    padding: 0;
    width: 14px;
}

.ui-toolkit .overlay-pagination-btn:not(.is-active):hover {
    background-color: #E1E3DF;
}

.ui-toolkit .overlay-pagination-btn.is-active {
    border-color: #F56400;
    background-color: #F56400;
}

.ui-toolkit .overlay-mask,
.ui-toolkit .overlay-content-wrapper {
    background-color: rgba(0, 0, 0, 0.5);
    overflow-x: hidden;
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 80;
    -webkit-overflow-scrolling: touch;
}

.ui-toolkit .overlay-mask:hover,
.ui-toolkit .overlay-content-wrapper:hover {
    cursor: default;
}

@media only screen and (min-width: 640px) {
    .ui-toolkit .overlay-mask.mask-transparent,
    .ui-toolkit .overlay-content-wrapper.mask-transparent {
        background-color: transparent;
    }
}

.ui-toolkit .overlay-content-wrapper {
    background-color: transparent;
}

.ui-toolkit .overlay-iframe-container {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .ui-toolkit .overlay-iframe-container {
        max-height: 300px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    .ui-toolkit .overlay-iframe-container {
        max-height: 350px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    .ui-toolkit .overlay-iframe-container {
        max-height: 650px;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    .ui-toolkit .overlay-iframe-container {
        max-height: 720px;
    }
}

.ui-toolkit .global-nav {
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    background-color: #FFF;
}

.ui-toolkit .global-nav:hover {
    cursor: default;
}

.ui-toolkit .global-nav.clear:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.ui-toolkit #gnav-header {
    margin-left: 0;
    margin-right: 0;
    z-index: 50;
}

.ui-toolkit #gnav-header #search-query,
.ui-toolkit #gnav-header .btn-primary {
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
screen and (orientation: landscape) and (min-device-height: 740px) {
    .ui-toolkit #gnav-header #search-query,
    .ui-toolkit #gnav-header .btn-primary {
        font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    }
}

.ui-toolkit #gnav-header #search-query {
    -webkit-appearance: none;
}

.ui-toolkit #gnav-header #gnav-header-inner {
    width: auto;
}

@media only screen and (min-width: 280px) and (max-width: 479px) {
    .is-responsive .gnav-header .loggedInLogo {
        margin: 0px !important;
        width: 8px !important;
        cursor: pointer;
    }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
    .is-responsive .gnav-header .loggedInLogo {
        margin: 0px !important;
        width: 8px !important;
        cursor: pointer;
    }
    .ui-toolkit #gnav-header #gnav-header-inner .search-browse-wrapper {
        margin: 0 -1px;
    }
    .search-bar-panel {
    top: 79%;
    }
}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
    .is-responsive .gnav-header .loggedInLogo {
        margin: 0px !important;
        width: 8px !important;
        cursor: pointer;
    }
    .ui-toolkit #gnav-header #gnav-header-inner .search-browse-wrapper {
        padding: 0 18px;
        margin: 0 -12px;
    }
    .search-bar-panel {
    top: 79%;
    }
}

.ui-toolkit #cnav-header #cnav-header-inner {
    width: auto;
}

.ui-toolkit #gnav-footer {
    margin-left: 0;
    margin-right: 0;
}

.ui-toolkit .global-nav-secondary {
    border-top: 1px solid #E1E3DF;
}

@media only screen and (min-width: 0) {
    .ui-toolkit .global-nav-secondary .global-nav-list-item {
        height: 54px;
        line-height: 54px;
    }
}

@media only screen and (min-width: 640px) {
    .ui-toolkit .global-nav-secondary {
        padding-top: 8px;
        padding-bottom: 4px;
    }
    .ui-toolkit .global-nav-secondary .global-nav-list-item {
        height: 38px;
        line-height: 38px;
        margin-bottom: 4px;
    }
}

.ui-toolkit .global-nav-secondary .global-nav-list-item:hover,
.ui-toolkit .global-nav-secondary .global-nav-list-item:focus,
.ui-toolkit .global-nav-secondary .global-nav-list-item.is-active {
    color: #222;
}

.ui-toolkit .global-nav-secondary .global-nav-list-item.is-selected,
.ui-toolkit .global-nav-secondary .global-nav-list-item.is-selected:hover {
    border-radius: 3px;
    background-color: #FAF9F5;
    color: #222;
    text-decoration: none;
}

.ui-toolkit .global-nav-secondary .global-nav-list-item[data-dropdown].is-selected:hover,
.ui-toolkit .global-nav-secondary .global-nav-list-item[data-dropdown].is-selected.is-active {
    cursor: pointer;
}

.ui-toolkit .global-nav-secondary .global-nav-list-item.is-active .child-hover-underline {
    text-decoration: underline;
}

.ui-toolkit .footer-redesign .footer-logo {
    color: #F56400;
    height: 30px;
    width: 60px;
}

.ui-toolkit .global-nav-badge-position,
.ui-toolkit .global-nav-avatar-badge-position {
    margin-right: -18px;
    position: relative;
    z-index: 10;
}

@media only screen and (min-width: 0) and (max-width: 479px) {
    .ui-toolkit .global-nav-badge-position,
    .ui-toolkit .global-nav-avatar-badge-position {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        position: absolute;
        top: 3px;
        right: 18px;
    }
}

@media only screen and (min-width: 900px) {
    .ui-toolkit .global-nav-badge-position,
    .ui-toolkit .global-nav-avatar-badge-position {
        position: absolute;
        top: -16px;
        right: 50%;
        margin-right: -22px;
    }
}

@media only screen and (min-width: 900px) {
    .ui-toolkit .global-nav-avatar-badge-position {
        top: -12px;
    }
}

.ui-toolkit .global-nav-list {
    list-style: none;
    padding-left: 0;
}

.ui-toolkit .global-nav-list:before,
.ui-toolkit .global-nav-list:after {
    content: " ";
    display: table;
}

.ui-toolkit .global-nav-list:after {
    clear: both;
}

.ui-toolkit .global-nav-list>li {
    display: inline-block;
}

.ui-toolkit .global-nav-list-item {
    color: #222;
    display: inline-block;
    margin-right: -4px;
    position: relative;
}

@media only screen and (min-width: 0) {
    .ui-toolkit .global-nav-list-item {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media only screen and (min-width: 1400px) {
    .ui-toolkit .global-nav-list-item {
        padding-left: 18px;
        padding-right: 18px;
    }
}

.ui-toolkit .global-nav-list-item:hover {
    text-decoration: none;
}

.ui-toolkit .global-nav-list-item:hover:not(.is-selected) .ss-icon {
    color: #222;
}

.ui-toolkit .global-nav-list-item-divider {
    position: relative;
    margin-left: 12px;
}

.ui-toolkit .global-nav-list-item-divider:before {
    background-color: #E1E3DF;
    top: 20%;
    bottom: 20%;
    content: '';
    left: -7px;
    position: absolute;
    width: 1px;
}

.ui-toolkit .global-nav-large-icon {
    color: #222;
    position: relative;
}

@media only screen and (min-width: 0) {
    .ui-toolkit .global-nav-large-icon {
        font-size: 18px;
    }
}

@media only screen and (min-width: 640px) {
    .ui-toolkit .global-nav-large-icon {
        font-size: 20px;
    }
}

@media only screen and (min-width: 900px) {
    .ui-toolkit .global-nav-large-icon {
        display: block;
        text-align: center;
    }
}

.ui-toolkit .has-global-nav-avatar:hover .global-nav-avatar-img-wrap:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2;
}

.ui-toolkit .global-nav-avatar-img-wrap {
    display: inline-block;
    height: 30px;
    width: 30px;
    position: relative;
    top: 9px;
}

.ui-toolkit .global-nav-avatar-img-wrap:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    background-color: #000;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ui-toolkit .global-nav-avatar-img-wrap:hover:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=5);
    opacity: 0.05;
}

@media only screen and (min-width: 900px) {
    .ui-toolkit .global-nav-avatar-img-wrap {
        display: block;
        height: 24px;
        width: 24px;
        top: 0px;
        left: 3px;
    }
}

.ui-toolkit .global-nav-avatar-small,
.ui-toolkit .global-nav-avatar-large {
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    background-color: #FAF9F5;
    color: #E1E3DF;
    display: block;
    text-align: center;
}

.ui-toolkit .global-nav-avatar-small {
    height: 30px;
    width: 30px;
    line-height: 30px;
}

@media only screen and (min-width: 900px) {
    .ui-toolkit .global-nav-avatar-small {
        height: 24px;
        width: 24px;
        line-height: 24px;
    }
}

.ui-toolkit .global-nav-avatar-large {
    height: 60px;
    line-height: 60px;
    width: 60px;
}

.ui-toolkit .global-nav-avatar-large .ss-icon {
    font-size: 40px;
    position: relative;
    top: 4px;
}

@media only screen and (min-width: 1200px) {
    .ui-toolkit .prototype-leave-link {
        float: right;
    }
}

.ui-toolkit .secondary-nav-overlay-view .caret {
    display: none;
}

.ui-toolkit .global-nav-secondary-ellipses {
    display: none;
}

.ui-toolkit .secondary-nav-overlay-view .global-nav-secondary-ellipses {
    display: inline-block;
    margin-left: -1px;
}

.ui-toolkit .secondary-nav-overlay-view .parent-hover-underline:hover .child-hover-underline,
.ui-toolkit .secondary-nav-overlay-view .parent-hover-underline.is-active .child-hover-underline {
    text-decoration: none;
}

.ui-toolkit .body-max-width-980 #gnav-header-inner,
.ui-toolkit .body-max-width-980 #content,
.ui-toolkit .body-max-width-980 #gnav-footer-inner,
.ui-toolkit .body-max-width-980 .cnav-header-inner,
.ui-toolkit .body-max-width-980 .cnav-nav-inner {
    max-width: 1052px;
    margin-left: auto;
    margin-right: auto;
}

.ui-toolkit .body-max-width-980 #gnav-header-inner.widened-nav,
.ui-toolkit .body-max-width-980 #content.widened-nav,
.ui-toolkit .body-max-width-980 #gnav-footer-inner.widened-nav,
.ui-toolkit .body-max-width-980 .cnav-header-inner.widened-nav,
.ui-toolkit .body-max-width-980 .cnav-nav-inner.widened-nav {
    max-width: 1272px;
    width: auto;
}

.ui-toolkit .footer-redesign .unified-locale-settings {
    display: inline-block;
}

.ui-toolkit .responsive-nav-experiment {
    clear: both !important;
    border-top: 0 !important;
    font-size: 14px !important;
    color: #222 !important;
}

.ui-toolkit .responsive-nav-experiment .global-nav-toggle-disabled:before {
    background-color: transparent;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}

.ui-toolkit .responsive-nav-experiment .global-nav-toggle-disabled:hover {
    text-decoration: initial;
    cursor: initial;
}

.ui-toolkit .responsive-nav-experiment ul.list-inline li {
    margin-right: 12px !important;
}

@media only screen and (min-width: 0) and (max-width: 899px) {
    .ui-toolkit .responsive-nav-experiment .text-center-md {
        text-align: center;
    }
    .ui-toolkit .responsive-nav-experiment .unified-locale-settings {
        display: inline-block;
    }
}

.ui-toolkit .bg-white {
    background-color: #FFF;
}

.ui-toolkit .bg-gray-darker {
    background-color: #E1E3DF;
    border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .bg-gray {
    background-color: #FAF9F5;
    border-color: #E1E3DF;
}

.ui-toolkit .bg-gray-lighter {
    background-color: #FBFBFA;
    border-color: #FAF9F5;
}

.ui-toolkit .bg-blue {
    background-color: #34A8C4;
    border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-blue-lighter {
    background-color: #CCE9F0;
    border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .bg-blue-lightest {
    background-color: #F0FBFD;
    border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .bg-green {
    background-color: #2E8539;
    border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-green-lighter {
    background-color: #E4F3D9;
    border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .bg-yellow {
    background-color: #FFCF5C;
    border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-yellow-lighter {
    background-color: #FFFAED;
    border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .bg-red {
    background-color: #F76A6A;
    border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-red-lighter {
    background-color: #FFEDED;
    border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .bg-purple {
    background-color: #C788CE;
    border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-purple-lighter {
    background-color: #F8EFF8;
    border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit .bg-orange-darker {
    background-color: #E55400;
    border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-orange {
    background-color: #F56400;
    border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-orange-lightest {
    background-color: #FFF3EE;
    border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-almond {
    background-color: #F2D0B8;
    border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-autumn {
    background-color: #C13C27;
    border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-blinding-sandstorm {
    background-color: #FBEAD8;
    border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-blood-orange-sorbet {
    background-color: #FFAC8F;
    border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-cara-cara {
    background-color: #FF883E;
    border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-creamsicle {
    background-color: #FFAC62;
    border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-nacho-cheese {
    background-color: #FFA300;
    border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-old-rose {
    background-color: #EAC1BE;
    border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .bg-one-year-old-gouda {
    background-color: #FECF84;
    border-color: rgba(0, 0, 0, 0.1);
}

.ui-toolkit .text-white {
    color: #FFF;
}

.ui-toolkit .text-gray-darkest {
    color: #222;
}

.ui-toolkit a.text-gray-darkest:hover {
    color: #131313;
}

.ui-toolkit .text-gray-darker {
    color: #222;
}

.ui-toolkit a.text-gray-darker:hover {
    color: #131313;
}

.ui-toolkit .text-gray {
    color: #222;
}

.ui-toolkit a.text-gray:hover {
    color: #131313;
}

.ui-toolkit .text-gray-lighter {
    color: #595959;
}

.ui-toolkit a.text-gray-lighter:hover {
    color: #4a4a4a;
}

.ui-toolkit .text-gray-lightest {
    color: #757575;
}

.ui-toolkit a.text-gray-lightest:hover {
    color: #666666;
}

.ui-toolkit .text-danger {
    color: #C13C27;
}

.ui-toolkit a.text-danger:hover {
    color: #a83422;
}

.ui-toolkit .text-blue {
    color: #0192B5;
}

.ui-toolkit a.text-blue:hover {
    color: #017b97;
}

.ui-toolkit .text-blue-lighter {
    color: #83CBDC;
}

.ui-toolkit a.text-blue-lighter:hover {
    color: #6bc2d5;
}

.ui-toolkit .text-green {
    color: #2E8539;
}

.ui-toolkit a.text-green:hover {
    color: #266e2f;
}

.ui-toolkit .text-yellow {
    color: #ECA600;
}

.ui-toolkit a.text-yellow:hover {
    color: #cd9000;
}

.ui-toolkit .text-red {
    color: #C13C27;
}

.ui-toolkit a.text-red:hover {
    color: #a83422;
}

.ui-toolkit .text-purple {
    color: #B972C0;
}

.ui-toolkit a.text-purple:hover {
    color: #ae5db7;
}

.ui-toolkit .text-orange {
    color: #E55400;
}

.ui-toolkit a.text-orange:hover {
    color: #c64900;
}

.ui-toolkit .text-nacho-cheese {
    color: #FFA300;
}

.ui-toolkit .fill-none {
    fill: none !important;
}

.ui-toolkit .stroke-none {
    stroke: none !important;
}

.ui-toolkit .fill-white {
    fill: #FFF !important;
}

.ui-toolkit .stroke-white {
    stroke: #FFF !important;
}

.ui-toolkit .fill-black {
    fill: #000 !important;
}

.ui-toolkit .stroke-black {
    stroke: #000 !important;
}

.ui-toolkit .fill-gray {
    fill: #222 !important;
}

.ui-toolkit .stroke-gray {
    stroke: #222 !important;
}

.ui-toolkit .fill-gray-darker {
    fill: #222 !important;
}

.ui-toolkit .stroke-gray-darker {
    stroke: #222 !important;
}

.ui-toolkit .fill-gray-darkest {
    fill: #222 !important;
}

.ui-toolkit .stroke-gray-darkest {
    stroke: #222 !important;
}

.ui-toolkit .fill-gray-lighter {
    fill: #595959 !important;
}

.ui-toolkit .stroke-gray-lighter {
    stroke: #595959 !important;
}

.ui-toolkit .fill-gray-lightest {
    fill: #757575 !important;
}

.ui-toolkit .stroke-gray-lightest {
    stroke: #757575 !important;
}

.ui-toolkit .fill-orange-darker {
    fill: #E55400 !important;
}

.ui-toolkit .stroke-orange-darker {
    stroke: #E55400 !important;
}

.ui-toolkit .fill-orange {
    fill: #F56400 !important;
}

.ui-toolkit .stroke-orange {
    stroke: #F56400 !important;
}

.ui-toolkit .fill-orange-lightest {
    fill: #FFF3EE !important;
}

.ui-toolkit .stroke-orange-lightest {
    stroke: #FFF3EE !important;
}

.ui-toolkit .fill-facebook {
    fill: #3B5998 !important;
}

.ui-toolkit .fill-twitter {
    fill: #00B0ED !important;
}

.ui-toolkit .fill-pinterest {
    fill: #CE2029 !important;
}

.ui-toolkit .fill-google {
    fill: #4285F4 !important;
}

.ui-toolkit .fill-tumblr {
    fill: #35465C !important;
}

.ui-toolkit .fill-almond {
    fill: #F2D0B8 !important;
}

.ui-toolkit .stroke-almond {
    stroke: #F2D0B8 !important;
}

.ui-toolkit .fill-autumn {
    fill: #C13C27 !important;
}

.ui-toolkit .stroke-autumn {
    stroke: #C13C27 !important;
}

.ui-toolkit .fill-blinding-sandstorm {
    fill: #FBEAD8 !important;
}

.ui-toolkit .stroke-blinding-sandstorm {
    stroke: #FBEAD8 !important;
}

.ui-toolkit .fill-blood-orange-sorbet {
    fill: #FFAC8F !important;
}

.ui-toolkit .stroke-blood-orange-sorbet {
    stroke: #FFAC8F !important;
}

.ui-toolkit .fill-cara-cara {
    fill: #FF883E !important;
}

.ui-toolkit .stroke-cara-cara {
    stroke: #FF883E !important;
}

.ui-toolkit .fill-creamsicle {
    fill: #FFAC62 !important;
}

.ui-toolkit .stroke-creamsicle {
    stroke: #FFAC62 !important;
}

.ui-toolkit .fill-nacho-cheese {
    fill: #FFA300 !important;
}

.ui-toolkit .stroke-nacho-cheese {
    stroke: #FFA300 !important;
}

.ui-toolkit .fill-old-rose {
    fill: #EAC1BE !important;
}

.ui-toolkit .stroke-old-rose {
    stroke: #EAC1BE !important;
}

.ui-toolkit .fill-one-year-old-gouda {
    fill: #FECF84 !important;
}

.ui-toolkit .stroke-one-year-old-gouda {
    stroke: #FECF84 !important;
}

.ui-toolkit .ss-icon {
    line-height: 1;
}

.ui-toolkit .icon-smallest {
    font-size: 7px;
}

.ui-toolkit .icon-smaller {
    font-size: 12px;
}

.ui-toolkit .icon-larger {
    font-size: 24px;
}

@media only screen and (min-width: 0) {
    .ui-toolkit .icon-smallest-xs {
        font-size: 7px;
    }
    .ui-toolkit .icon-smaller-xs {
        font-size: 12px;
    }
    .ui-toolkit .icon-larger-xs {
        font-size: 24px;
    }
}

@media only screen and (min-width: 480px) {
    .ui-toolkit .icon-smallest-sm {
        font-size: 7px;
    }
    .ui-toolkit .icon-smaller-sm {
        font-size: 12px;
    }
    .ui-toolkit .icon-larger-sm {
        font-size: 24px;
    }
}

@media only screen and (min-width: 640px) {
    .ui-toolkit .icon-smallest-md {
        font-size: 7px;
    }
    .ui-toolkit .icon-smaller-md {
        font-size: 12px;
    }
    .ui-toolkit .icon-larger-md {
        font-size: 24px;
    }
}

@media only screen and (min-width: 900px) {
    .ui-toolkit .icon-smallest-lg {
        font-size: 7px;
    }
    .ui-toolkit .icon-smaller-lg {
        font-size: 12px;
    }
    .ui-toolkit .icon-larger-lg {
        font-size: 24px;
    }
}

@media only screen and (min-width: 1200px) {
    .ui-toolkit .icon-smallest-xl {
        font-size: 7px;
    }
    .ui-toolkit .icon-smaller-xl {
        font-size: 12px;
    }
    .ui-toolkit .icon-larger-xl {
        font-size: 24px;
    }
}

@media only screen and (min-width: 1400px) {
    .ui-toolkit .icon-smallest-tv {
        font-size: 7px;
    }
    .ui-toolkit .icon-smaller-tv {
        font-size: 12px;
    }
    .ui-toolkit .icon-larger-tv {
        font-size: 24px;
    }
}

.ui-toolkit .icon-graphic {
    font-size: 56px;
}

.ui-toolkit [class*='icon-b-'],
.ui-toolkit [class*='icon-t-'],
.ui-toolkit [class*='icon-l-'],
.ui-toolkit [class*='icon-r-'] {
    position: relative;
}

.ui-toolkit .icon-b-1 {
    /** bottom: 1px; **/
}

.ui-toolkit .icon-b-2 {
    bottom: 2px;
}

.ui-toolkit .icon-b-3 {
    bottom: 3px;
}

.ui-toolkit .icon-b-4 {
    bottom: 4px;
}

.ui-toolkit .icon-t-1 {
    top: 1px;
}

.ui-toolkit .icon-t-2 {
    top: 2px;
}

.ui-toolkit .icon-t-3 {
    top: 3px;
}

.ui-toolkit .icon-t-4 {
    top: 4px;
}

.ui-toolkit .icon-r-1 {
    right: 1px;
}

.ui-toolkit .icon-r-2 {
    right: 2px;
}

.ui-toolkit .icon-r-3 {
    right: 3px;
}

.ui-toolkit .icon-r-4 {
    right: 4px;
}

.ui-toolkit .icon-l-1 {
    left: 1px;
}

.ui-toolkit .icon-l-2 {
    left: 2px;
}

.ui-toolkit .icon-l-3 {
    left: 3px;
}

.ui-toolkit .icon-l-4 {
    left: 4px;
}

.ui-toolkit .icon-outline {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #CBCCC9;
}

.ui-toolkit .icon-circle-container {
    border-radius: 50%;
    display: inline-block;
    padding: 3px;
    line-height: 1;
}

.ui-toolkit a.ss-icon:hover {
    text-decoration: none;
}

.ui-toolkit .gigtodo-icon {
    display: inline-block;
    fill: currentColor;
    vertical-align: middle;
}


.ui-toolkit #gigtodo-modal-container .gigtodo-icon {
    width: 24px;
    height: 24px;
}

.ui-toolkit .center-icon {

margin-top: -20px;
margin-right: 10px;
display: inline-block;
fill: currentColor;
height: 24px;
vertical-align: middle;
width: 24px;

}

.ui-toolkit .gigtodo-icon svg {
    display: block;
}

.ui-toolkit .gigtodo-icon.icon-smallest {
    height: 12px;
    width: 12px;
}

.ui-toolkit .gigtodo-icon.icon-smaller {
    top: -2px;
    position: relative;    
    height: 20px !important;
    width: 20px !important;
}

.ui-toolkit .gigtodo-icon.icon-larger {
    height: 36px;
    width: 36px;
}

.ui-toolkit .gigtodo-icon.icon-largest {
    height: 48px;
    width: 48px;
}

@media only screen and (min-width: 0) {
    .ui-toolkit .display-flex-xs {
        display: flex !important;
    }
    .ui-toolkit .display-inline-flex-xs {
        display: inline-flex !important;
    }
    .ui-toolkit .flex-xs-none {
        flex: 0 0 auto !important;
    }
    .ui-toolkit .flex-xs-auto {
        flex: 1 1 auto !important;
    }
    .ui-toolkit .flex-xs-0 {
        flex: 0 1 0% !important;
    }
    .ui-toolkit .flex-xs-1 {
        flex: 1 1 0% !important;
    }
    .ui-toolkit .flex-xs-2 {
        flex: 2 1 0% !important;
    }
    .ui-toolkit .flex-xs-3 {
        flex: 3 1 0% !important;
    }
    .ui-toolkit .flex-xs-4 {
        flex: 4 1 0% !important;
    }
    .ui-toolkit .flex-xs-5 {
        flex: 5 1 0% !important;
    }
    .ui-toolkit .flex-xs-6 {
        flex: 6 1 0% !important;
    }
    .ui-toolkit .order-xs-neg1 {
        order: -1 !important;
    }
    .ui-toolkit .order-xs-0 {
        order: 0 !important;
    }
    .ui-toolkit .order-xs-1 {
        order: 1 !important;
    }
    .ui-toolkit .order-xs-2 {
        order: 2 !important;
    }
    .ui-toolkit .order-xs-3 {
        order: 3 !important;
    }
    .ui-toolkit .order-xs-4 {
        order: 4 !important;
    }
    .ui-toolkit .order-xs-5 {
        order: 5 !important;
    }
    .ui-toolkit .order-xs-6 {
        order: 6 !important;
    }
    .ui-toolkit .flex-direction-row-xs {
        flex-direction: row !important;
    }
    .ui-toolkit .flex-direction-column-xs {
        flex-direction: column !important;
    }
    .ui-toolkit .flex-direction-row-reverse-xs {
        flex-direction: row-reverse !important;
    }
    .ui-toolkit .flex-direction-column-reverse-xs {
        flex-direction: column-reverse !important;
    }
}

@media only screen and (min-width: 480px) {
    .ui-toolkit .display-flex-sm {
        display: flex !important;
    }
    .ui-toolkit .display-inline-flex-sm {
        display: inline-flex !important;
    }
    .ui-toolkit .flex-sm-none {
        flex: 0 0 auto !important;
    }
    .ui-toolkit .flex-sm-auto {
        flex: 1 1 auto !important;
    }
    .ui-toolkit .flex-sm-0 {
        flex: 0 1 0% !important;
    }
    .ui-toolkit .flex-sm-1 {
        flex: 1 1 0% !important;
    }
    .ui-toolkit .flex-sm-2 {
        flex: 2 1 0% !important;
    }
    .ui-toolkit .flex-sm-3 {
        flex: 3 1 0% !important;
    }
    .ui-toolkit .flex-sm-4 {
        flex: 4 1 0% !important;
    }
    .ui-toolkit .flex-sm-5 {
        flex: 5 1 0% !important;
    }
    .ui-toolkit .flex-sm-6 {
        flex: 6 1 0% !important;
    }
    .ui-toolkit .order-sm-neg1 {
        order: -1 !important;
    }

    .ui-toolkit .flex-direction-row-sm {
        flex-direction: row !important;
    }
    .ui-toolkit .flex-direction-column-sm {
        flex-direction: column !important;
    }
    .ui-toolkit .flex-direction-row-reverse-sm {
        flex-direction: row-reverse !important;
    }
    .ui-toolkit .flex-direction-column-reverse-sm {
        flex-direction: column-reverse !important;
    }
}

@media only screen and (min-width: 640px) {
    .ui-toolkit .display-flex-md {
        display: flex !important;
    }
    .ui-toolkit .display-inline-flex-md {
        display: inline-flex !important;
    }
    .ui-toolkit .flex-md-none {
        flex: 0 0 auto !important;
    }
    .ui-toolkit .flex-md-auto {
        flex: 1 1 auto !important;
    }
    .ui-toolkit .flex-md-0 {
        flex: 0 1 0% !important;
    }
    .ui-toolkit .flex-md-1 {
        flex: 1 1 0% !important;
    }
    .ui-toolkit .flex-md-2 {
        flex: 2 1 0% !important;
    }
    .ui-toolkit .flex-md-3 {
        flex: 3 1 0% !important;
    }
    .ui-toolkit .flex-md-4 {
        flex: 4 1 0% !important;
    }
    .ui-toolkit .flex-md-5 {
        flex: 5 1 0% !important;
    }
    .ui-toolkit .flex-md-6 {
        flex: 6 1 0% !important;
    }
    .ui-toolkit .order-md-neg1 {
        order: -1 !important;
    }
    .ui-toolkit .order-md-0 {
        order: 0 !important;
    }
    .ui-toolkit .order-md-1 {
        order: 1 !important;
    }
    .ui-toolkit .order-md-2 {
        order: 2 !important;
    }
    .ui-toolkit .order-md-3 {
        order: 3 !important;
    }
    .ui-toolkit .order-md-4 {
        order: 4 !important;
    }
    .ui-toolkit .order-md-5 {
        order: 5 !important;
    }
    .ui-toolkit .order-md-6 {
        order: 6 !important;
    }
    .ui-toolkit .flex-direction-row-md {
        flex-direction: row !important;
    }
    .ui-toolkit .flex-direction-column-md {
        flex-direction: column !important;
    }
    .ui-toolkit .flex-direction-row-reverse-md {
        flex-direction: row-reverse !important;
    }
    .ui-toolkit .flex-direction-column-reverse-md {
        flex-direction: column-reverse !important;
    }
}

@media only screen and (min-width: 900px) {
    .ui-toolkit .display-flex-lg {
        display: flex !important;
    }
    .ui-toolkit .display-inline-flex-lg {
        display: inline-flex !important;
    }
    .ui-toolkit .flex-lg-none {
        flex: 0 0 auto !important;
    }
    .ui-toolkit .flex-lg-auto {
        flex: 1 1 auto !important;
    }
    .ui-toolkit .flex-lg-0 {
        flex: 0 1 0% !important;
    }
    .ui-toolkit .flex-lg-1 {
        flex: 1 1 0% !important;
    }
    .ui-toolkit .flex-lg-2 {
        flex: 2 1 0% !important;
    }
    .ui-toolkit .flex-lg-3 {
        flex: 3 1 0% !important;
    }
    .ui-toolkit .flex-lg-4 {
        flex: 4 1 0% !important;
    }
    .ui-toolkit .flex-lg-5 {
        flex: 5 1 0% !important;
    }
    .ui-toolkit .flex-lg-6 {
        flex: 6 1 0% !important;
    }
    .ui-toolkit .order-lg-neg1 {
        order: -1 !important;
    }
    .ui-toolkit .order-lg-0 {
        order: 0 !important;
    }
    .ui-toolkit .order-lg-1 {
        order: 1 !important;
    }
    .ui-toolkit .order-lg-2 {
        order: 2 !important;
    }
    .ui-toolkit .order-lg-3 {
        order: 3 !important;
    }
    .ui-toolkit .order-lg-4 {
        order: 4 !important;
    }
    .ui-toolkit .order-lg-5 {
        order: 5 !important;
    }
    .ui-toolkit .order-lg-6 {
        order: 6 !important;
    }
    .ui-toolkit .flex-direction-row-lg {
        flex-direction: row !important;
    }
    .ui-toolkit .flex-direction-column-lg {
        flex-direction: column !important;
    }
    .ui-toolkit .flex-direction-row-reverse-lg {
        flex-direction: row-reverse !important;
    }
    .ui-toolkit .flex-direction-column-reverse-lg {
        flex-direction: column-reverse !important;
    }
}

@media only screen and (min-width: 1200px) {
    .ui-toolkit .display-flex-xl {
        display: flex !important;
    }
    .ui-toolkit .display-inline-flex-xl {
        display: inline-flex !important;
    }
    .ui-toolkit .flex-xl-none {
        flex: 0 0 auto !important;
    }
    .ui-toolkit .flex-xl-auto {
        flex: 1 1 auto !important;
    }
    .ui-toolkit .flex-xl-0 {
        flex: 0 1 0% !important;
    }
    .ui-toolkit .flex-xl-1 {
        flex: 1 1 0% !important;
    }
    .ui-toolkit .flex-xl-2 {
        flex: 2 1 0% !important;
    }
    .ui-toolkit .flex-xl-3 {
        flex: 3 1 0% !important;
    }
    .ui-toolkit .flex-xl-4 {
        flex: 4 1 0% !important;
    }
    .ui-toolkit .flex-xl-5 {
        flex: 5 1 0% !important;
    }
    .ui-toolkit .flex-xl-6 {
        flex: 6 1 0% !important;
    }
    .ui-toolkit .order-xl-neg1 {
        order: -1 !important;
    }
    .ui-toolkit .order-xl-0 {
        order: 0 !important;
    }
    .ui-toolkit .order-xl-1 {
        order: 1 !important;
    }
    .ui-toolkit .order-xl-2 {
        order: 2 !important;
    }
    .ui-toolkit .order-xl-3 {
        order: 3 !important;
    }
    .ui-toolkit .order-xl-4 {
        order: 4 !important;
    }
    .ui-toolkit .order-xl-5 {
        order: 5 !important;
    }
    .ui-toolkit .order-xl-6 {
        order: 6 !important;
    }
    .ui-toolkit .flex-direction-row-xl {
        flex-direction: row !important;
    }
    .ui-toolkit .flex-direction-column-xl {
        flex-direction: column !important;
    }
    .ui-toolkit .flex-direction-row-reverse-xl {
        flex-direction: row-reverse !important;
    }
    .ui-toolkit .flex-direction-column-reverse-xl {
        flex-direction: column-reverse !important;
    }
}

@media only screen and (min-width: 1400px) {
    .ui-toolkit .display-flex-tv {
        display: flex !important;
    }
    .ui-toolkit .display-inline-flex-tv {
        display: inline-flex !important;
    }
    .ui-toolkit .flex-tv-none {
        flex: 0 0 auto !important;
    }
    .ui-toolkit .flex-tv-auto {
        flex: 1 1 auto !important;
    }
    .ui-toolkit .flex-tv-0 {
        flex: 0 1 0% !important;
    }
    .ui-toolkit .flex-tv-1 {
        flex: 1 1 0% !important;
    }
    .ui-toolkit .flex-tv-2 {
        flex: 2 1 0% !important;
    }
    .ui-toolkit .flex-tv-3 {
        flex: 3 1 0% !important;
    }
    .ui-toolkit .flex-tv-4 {
        flex: 4 1 0% !important;
    }
    .ui-toolkit .flex-tv-5 {
        flex: 5 1 0% !important;
    }
    .ui-toolkit .flex-tv-6 {
        flex: 6 1 0% !important;
    }
    .ui-toolkit .order-tv-neg1 {
        order: -1 !important;
    }
    .ui-toolkit .order-tv-0 {
        order: 0 !important;
    }
    .ui-toolkit .order-tv-1 {
        order: 1 !important;
    }
    .ui-toolkit .order-tv-2 {
        order: 2 !important;
    }
    .ui-toolkit .order-tv-3 {
        order: 3 !important;
    }
    .ui-toolkit .order-tv-4 {
        order: 4 !important;
    }
    .ui-toolkit .order-tv-5 {
        order: 5 !important;
    }
    .ui-toolkit .order-tv-6 {
        order: 6 !important;
    }
    .ui-toolkit .flex-direction-row-tv {
        flex-direction: row !important;
    }
    .ui-toolkit .flex-direction-column-tv {
        flex-direction: column !important;
    }
    .ui-toolkit .flex-direction-row-reverse-tv {
        flex-direction: row-reverse !important;
    }
    .ui-toolkit .flex-direction-column-reverse-tv {
        flex-direction: column-reverse !important;
    }
}

.ui-toolkit .flex-nowrap {
    flex-wrap: nowrap !important;
}

.ui-toolkit .flex-wrap {
    flex-wrap: wrap !important;
}

.ui-toolkit .flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.ui-toolkit .justify-content-flex-start {
    justify-content: flex-start !important;
}

.ui-toolkit .justify-content-flex-end {
    justify-content: flex-end !important;
}

.ui-toolkit .justify-content-center {
    justify-content: center !important;
}

.ui-toolkit .justify-content-space-between {
    justify-content: space-between !important;
}

.ui-toolkit .justify-content-space-around {
    justify-content: space-around !important;
}

.ui-toolkit .align-items-flex-start {
    align-items: flex-start !important;
}

.ui-toolkit .align-items-flex-end {
    align-items: flex-end !important;
}

.ui-toolkit .align-items-center {
    align-items: center !important;
}

.ui-toolkit .align-items-baseline {
    align-items: baseline !important;
}

.ui-toolkit .align-items-stretch {
    align-items: stretch !important;
}

.ui-toolkit .align-content-flex-start {
    align-content: flex-start !important;
}

.ui-toolkit .align-content-flex-end {
    align-content: flex-end !important;
}

.ui-toolkit .align-content-center {
    align-content: center !important;
}

.ui-toolkit .align-content-space-between {
    align-content: space-between !important;
}

.ui-toolkit .align-content-space-around {
    align-content: space-around !important;
}

.ui-toolkit .align-content-stretch {
    align-content: space-around !important;
}

.ui-toolkit .align-self-flex-start {
    align-self: flex-start !important;
}

.ui-toolkit .align-self-flex-end {
    align-self: flex-end !important;
}

.ui-toolkit .align-self-center {
    align-self: center !important;
}

.ui-toolkit .align-self-baseline {
    align-self: baseline !important;
}

.ui-toolkit .align-self-stretch {
    align-self: stretch !important;
}

.ui-toolkit .normal {
    font-weight: normal;
}

.ui-toolkit b,
.ui-toolkit .b,
.ui-toolkit strong,
.ui-toolkit .strong {
    font-weight: bold;
}

.ui-toolkit .text-transform-none {
    text-transform: none;
}

@media screen and (orientation: portrait) and (min-device-width: 680px),
screen and (orientation: landscape) and (min-device-height: 680px) {
    .ui-toolkit b,
    .ui-toolkit .b,
    .ui-toolkit strong,
    .ui-toolkit .strong {
        font-weight: 500;
    }
}

.ui-toolkit .i,
.ui-toolkit .em {
    font-style: italic;
}

.ui-toolkit .underline {
    text-decoration: underline;
}

.ui-toolkit .strikethrough {
    text-decoration: line-through;
}

@media only screen and (min-width: 0) {
    .ui-toolkit .text-left-xs-up,
    .ui-toolkit .text-left {
        text-align: left;
    }
    .ui-toolkit .text-center-xs-up,
    .ui-toolkit .text-center {
        text-align: center;
    }
    .ui-toolkit .text-right-xs-up,
    .ui-toolkit .text-right {
        text-align: right;
    }
}

@media only screen and (min-width: 480px) {
    .ui-toolkit .text-left-sm-up {
        text-align: left;
    }
    .ui-toolkit .text-center-sm-up {
        text-align: center;
    }
    .ui-toolkit .text-right-sm-up {
        text-align: right;
    }
}

@media only screen and (min-width: 640px) {
    .ui-toolkit .text-left-md-up {
        text-align: left;
    }
    .ui-toolkit .text-center-md-up {
        text-align: center;
    }
    .ui-toolkit .text-right-md-up {
        text-align: right;
    }
}

@media only screen and (min-width: 900px) {
    .ui-toolkit .text-left-lg-up {
        text-align: left;
    }
    .ui-toolkit .text-center-lg-up {
        text-align: center;
    }
    .ui-toolkit .text-right-lg-up {
        text-align: right;
    }
}

@media only screen and (min-width: 1200px) {
    .ui-toolkit .text-left-xl-up {
        text-align: left;
    }
    .ui-toolkit .text-center-xl-up {
        text-align: center;
    }
    .ui-toolkit .text-right-xl-up {
        text-align: right;
    }
}

@media only screen and (min-width: 1400px) {
    .ui-toolkit .text-left-tv-up,
    .ui-toolkit .text-left-tv-only {
        text-align: left;
    }
    .ui-toolkit .text-center-tv-up,
    .ui-toolkit .text-center-tv-only {
        text-align: center;
    }
    .ui-toolkit .text-right-tv-up,
    .ui-toolkit .text-right-tv-only {
        text-align: right;
    }
}

.ui-toolkit .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-toolkit .no-wrap {
    white-space: nowrap;
}

.ui-toolkit .pre-wrap {
    white-space: pre-wrap;
}

.ui-toolkit .cjk-no-wrap:lang(zh),
.ui-toolkit .cjk-no-wrap:lang(ja),
.ui-toolkit .cjk-no-wrap:lang(ko) {
    white-space: nowrap;
}

.ui-toolkit .break-word {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.ui-toolkit .break-all {
    word-break: break-all;
}

.ui-toolkit .text-smallest {
    font-size: 61.43%;
    position: relative;
    bottom: -15px;
}

.ui-toolkit .text-smaller {
    font-size: 85.71%;
}

.ui-toolkit .text-larger {
    font-size: 114.28%;
}

.ui-toolkit .text-largest {
    font-size: 128.57%;
}


.ui-toolkit .rounded {
    border-radius: 3px;
    overflow: hidden;
}

.ui-toolkit .circle {
    border-radius: 50%;
    overflow: hidden;
}

.ui-toolkit .box-shadow-bottom {
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.ui-toolkit .box-shadow-top {
    -moz-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.07);
}

.ui-toolkit .unselectable {
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.ui-toolkit .pointer-events-none {
    pointer-events: none;
}

.ui-toolkit .display-inline {
    display: inline;
}

.ui-toolkit .display-inline-block {
    display: inline-block;
}

.ui-toolkit .display-block {
    display: block;
}

.ui-toolkit .display-table {
    display: table;
}

.ui-toolkit .display-table-cell {
    display: table-cell;
}

.ui-toolkit .display-none {
    display: none;
}

.ui-toolkit .visibility-hidden {
    visibility: hidden;
}

.ui-toolkit .visibility-visible {
    visibility: visible;
}

.ui-toolkit .screen-reader-only,
.ui-toolkit .wt-screen-reader-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-toolkit .screen-reader-only.focusable:active,
.ui-toolkit .screen-reader-only.focusable:focus,
.ui-toolkit .screen-reader-only.wt-focusable:active,
.ui-toolkit .screen-reader-only.wt-focusable:focus,
.ui-toolkit .wt-screen-reader-only.focusable:active,
.ui-toolkit .wt-screen-reader-only.focusable:focus,
.ui-toolkit .wt-screen-reader-only.wt-focusable:active,
.ui-toolkit .wt-screen-reader-only.wt-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    clip: auto;
    overflow: visible;
}

.ui-toolkit .focus-outline:active,
.ui-toolkit .focus-outline:focus {
    border: 2px solid blue;
}

.ui-toolkit .show-xs,
.ui-toolkit .show-sm,
.ui-toolkit .show-md,
.ui-toolkit .show-lg,
.ui-toolkit .show-xl,
.ui-toolkit .show-tv {
    display: none;
}

@media only screen and (min-width: 0) and (max-width: 479px) {
    .ui-toolkit .show-xs {
        display: block;
    }
    .ui-toolkit .hide-xs {
        display: none;
    }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
    .ui-toolkit .show-sm {
        display: block;
    }
    .ui-toolkit .hide-sm {
        display: none;
    }
}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
    .ui-toolkit .show-md {
        display: block;
    }
    .ui-toolkit .hide-md {
        display: none;
    }
}

@media only screen and (min-width: 900px) and (max-width: 1199px) {
    .ui-toolkit .show-lg {
        display: block;
    }
    .ui-toolkit .hide-lg {
        display: none;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-toolkit .show-xl {
        display: block;
    }
    .ui-toolkit .hide-xl {
        display: none;
    }
}

@media only screen and (min-width: 1400px) {
    .ui-toolkit .show-tv {
        display: block;
    }
    .ui-toolkit .hide-tv {
        display: none;
    }
}

.ui-toolkit .overflow-auto {
    overflow: auto;
}

.ui-toolkit .overflow-hidden {
    overflow: hidden;
}

.ui-toolkit .overflow-scroll {
    overflow: scroll;
}

.ui-toolkit .overflow-y-auto {
    overflow-y: auto;
}

.ui-toolkit .overflow-y-hidden {
    overflow-y: hidden;
}

.ui-toolkit .overflow-y-scroll {
    overflow-x: hidden;
    overflow-y: scroll;
}

.ui-toolkit .overflow-x-auto {
    overflow-x: auto;
}

.ui-toolkit .overflow-x-hidden {
    overflow-x: hidden;
}

.ui-toolkit .overflow-x-scroll {
    overflow-x: scroll;
}

.ui-toolkit body.body-no-scroll {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
}

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

.ui-toolkit .clearfix:after {
    clear: both;
}

.ui-toolkit .float-left {
    float: left;
}

.ui-toolkit .float-right {
    float: right;
}

.ui-toolkit .float-clear {
    clear: both;
}

.ui-toolkit .float-none {
    float: none;
}

.ui-toolkit .horizontal-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.ui-toolkit .vertical-center {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
}

.ui-toolkit .has-hover-state:hover {
    cursor: pointer;
}

.ui-toolkit .img-hover-darken,
.ui-toolkit .parent-img-hover-darken .child-img-hover-darken {
    position: relative;
}

.ui-toolkit .img-hover-darken:after,
.ui-toolkit .parent-img-hover-darken .child-img-hover-darken:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    -ms-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    background-color: #000;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ui-toolkit .img-hover-darken:hover:after,
.ui-toolkit .parent-img-hover-darken:hover .child-img-hover-darken:after,
.ui-toolkit .img-hover-darken:focus:after,
.ui-toolkit .parent-img-hover-darken:focus .child-img-hover-darken:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=5);
    opacity: 0.05;
}

.ui-toolkit .parent-hover-underline .child-hover-underline {
    text-decoration: none;
}

.ui-toolkit .parent-hover-underline:hover,
.ui-toolkit .parent-hover-underline:focus {
    text-decoration: none;
}

.ui-toolkit .parent-hover-underline:hover .child-hover-underline,
.ui-toolkit .parent-hover-underline:hover.is-active .child-hover-underline,
.ui-toolkit .parent-hover-underline:focus .child-hover-underline,
.ui-toolkit .parent-hover-underline:focus.is-active .child-hover-underline {
    text-decoration: underline;
}

.ui-toolkit .parent-hover-show .child-hover-show {
    visibility: hidden;
}

.ui-toolkit .parent-hover-show:hover .child-hover-show,
.ui-toolkit .parent-hover-show.is-active .child-hover-show {
    visibility: visible;
}

.ui-toolkit .caret {
    position: relative;
    display: inline-block;
    padding-right: 25px;
}

.ui-toolkit .caret:after {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 aria-hidden%3D%22true%22 focusable%3D%22false%22%3E%3Cpolygon fill%3D%22%23CBCCC9%22 points%3D%2216.5 10 12 16 7.5 10 16.5 10%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
    background-size: 100%;
    background-position: center;
    width: 24px;
    height: 24px;
    pointer-events: none;
    position: absolute;
    right: 3px;
    top: 50%;
}

.ui-toolkit .caret.caret-inverted:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 aria-hidden%3D%22true%22 focusable%3D%22false%22%3E%3Cpolygon fill%3D%22%23CBCCC9%22 points%3D%227.5 14 12 8 16.5 14 7.5 14%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
}

@media only screen and (min-width: 0) {
    .ui-toolkit .b-xs-0 {
        border: 0px solid #E1E3DF;
    }
    .ui-toolkit .bt-xs-0 {
        border-top: 0px solid #E1E3DF;
    }
    .ui-toolkit .br-xs-0 {
        border-right: 0px solid #E1E3DF;
    }
    .ui-toolkit .bb-xs-0 {
        border-bottom: 0px solid #E1E3DF;
    }
    .ui-toolkit .bl-xs-0 {
        border-left: 0px solid #E1E3DF;
    }
    .ui-toolkit .b-xs-1 {
        border: 1px solid #E1E3DF;
    }
    .ui-toolkit .bt-xs-1 {
        border-top: 1px solid #E1E3DF;
    }
    .ui-toolkit .br-xs-1 {
        border-right: 1px solid #E1E3DF;
    }
    .ui-toolkit .bb-xs-1 {
        border-bottom: 1px solid #E1E3DF;
    }
    .ui-toolkit .bl-xs-1 {
        border-left: 1px solid #E1E3DF;
    }
}

@media only screen and (min-width: 480px) {
    .ui-toolkit .b-sm-0 {
        border: 0px solid #E1E3DF;
    }
    .ui-toolkit .bt-sm-0 {
        border-top: 0px solid #E1E3DF;
    }
    .ui-toolkit .br-sm-0 {
        border-right: 0px solid #E1E3DF;
    }
    .ui-toolkit .bb-sm-0 {
        border-bottom: 0px solid #E1E3DF;
    }
    .ui-toolkit .bl-sm-0 {
        border-left: 0px solid #E1E3DF;
    }
    .ui-toolkit .b-sm-1 {
        border: 1px solid #E1E3DF;
    }
    .ui-toolkit .bt-sm-1 {
        border-top: 1px solid #E1E3DF;
    }
    .ui-toolkit .br-sm-1 {
        border-right: 1px solid #E1E3DF;
    }
    .ui-toolkit .bb-sm-1 {
        border-bottom: 1px solid #E1E3DF;
    }
    .ui-toolkit .bl-sm-1 {
        border-left: 1px solid #E1E3DF;
    }
}

@media only screen and (min-width: 640px) {
    .ui-toolkit .b-md-0 {
        border: 0px solid #E1E3DF;
    }
    .ui-toolkit .bt-md-0 {
        border-top: 0px solid #E1E3DF;
    }
    .ui-toolkit .br-md-0 {
        border-right: 0px solid #E1E3DF;
    }
    .ui-toolkit .bb-md-0 {
        border-bottom: 0px solid #E1E3DF;
    }
    .ui-toolkit .bl-md-0 {
        border-left: 0px solid #E1E3DF;
    }
    .ui-toolkit .b-md-1 {
        border: 1px solid #E1E3DF;
    }
    .ui-toolkit .bt-md-1 {
        border-top: 1px solid #E1E3DF;
    }
    .ui-toolkit .br-md-1 {
        border-right: 1px solid #E1E3DF;
    }
    .ui-toolkit .bb-md-1 {
        border-bottom: 1px solid #E1E3DF;
    }
    .ui-toolkit .bl-md-1 {
        border-left: 1px solid #E1E3DF;
    }
}

@media only screen and (min-width: 900px) {
    .ui-toolkit .b-lg-0 {
        border: 0px solid #E1E3DF;
    }
    .ui-toolkit .bt-lg-0 {
        border-top: 0px solid #E1E3DF;
    }
    .ui-toolkit .br-lg-0 {
        border-right: 0px solid #E1E3DF;
    }
    .ui-toolkit .bb-lg-0 {
        border-bottom: 0px solid #E1E3DF;
    }
    .ui-toolkit .bl-lg-0 {
        border-left: 0px solid #E1E3DF;
    }
    .ui-toolkit .b-lg-1 {
        border: 1px solid #E1E3DF;
    }
    .ui-toolkit .bt-lg-1 {
        border-top: 1px solid #E1E3DF;
    }
    .ui-toolkit .br-lg-1 {
        border-right: 1px solid #E1E3DF;
    }
    .ui-toolkit .bb-lg-1 {
        border-bottom: 1px solid #E1E3DF;
    }
    .ui-toolkit .bl-lg-1 {
        border-left: 1px solid #E1E3DF;
    }
}

@media only screen and (min-width: 1200px) {
    .ui-toolkit .b-xl-0 {
        border: 0px solid #E1E3DF;
    }
    .ui-toolkit .bt-xl-0 {
        border-top: 0px solid #E1E3DF;
    }
    .ui-toolkit .br-xl-0 {
        border-right: 0px solid #E1E3DF;
    }
    .ui-toolkit .bb-xl-0 {
        border-bottom: 0px solid #E1E3DF;
    }
    .ui-toolkit .bl-xl-0 {
        border-left: 0px solid #E1E3DF;
    }
    .ui-toolkit .b-xl-1 {
        border: 1px solid #E1E3DF;
    }
    .ui-toolkit .bt-xl-1 {
        border-top: 1px solid #E1E3DF;
    }
    .ui-toolkit .br-xl-1 {
        border-right: 1px solid #E1E3DF;
    }
    .ui-toolkit .bb-xl-1 {
        border-bottom: 1px solid #E1E3DF;
    }
    .ui-toolkit .bl-xl-1 {
        border-left: 1px solid #E1E3DF;
    }
}

@media only screen and (min-width: 1400px) {
    .ui-toolkit .b-tv-0 {
        border: 0px solid #E1E3DF;
    }
    .ui-toolkit .bt-tv-0 {
        border-top: 0px solid #E1E3DF;
    }
    .ui-toolkit .br-tv-0 {
        border-right: 0px solid #E1E3DF;
    }
    .ui-toolkit .bb-tv-0 {
        border-bottom: 0px solid #E1E3DF;
    }
    .ui-toolkit .bl-tv-0 {
        border-left: 0px solid #E1E3DF;
    }
    .ui-toolkit .b-tv-1 {
        border: 1px solid #E1E3DF;
    }
    .ui-toolkit .bt-tv-1 {
        border-top: 1px solid #E1E3DF;
    }
    .ui-toolkit .br-tv-1 {
        border-right: 1px solid #E1E3DF;
    }
    .ui-toolkit .bb-tv-1 {
        border-bottom: 1px solid #E1E3DF;
    }
    .ui-toolkit .bl-tv-1 {
        border-left: 1px solid #E1E3DF;
    }
}

@media only screen and (min-width: 0) {
    .ui-toolkit .m-xs-0 {
        margin: 0px;
    }
    .ui-toolkit .mt-xs-0 {
        margin-top: 0px;
    }
    .ui-toolkit .mr-xs-0 {
        margin-right: 0px;
    }
    .ui-toolkit .mb-xs-0 {
        margin-bottom: 0px;
    }
    .ui-toolkit .ml-xs-0 {
        margin-left: 0px;
    }
    .ui-toolkit .m-xs-1 {
        margin: 6px;
    }
    .ui-toolkit .mt-xs-1 {
        margin-top: 6px;
    }
    .ui-toolkit .mr-xs-1 {
        margin-right: 6px;
    }
    .ui-toolkit .mb-xs-1 {
        margin-bottom: 6px;
    }
    .ui-toolkit .ml-xs-1 {
        margin-left: 6px;
    }
    .ui-toolkit .m-xs-2 {
        margin: 12px;
    }
    .ui-toolkit .mt-xs-2 {
        margin-top: 12px;
    }
    .ui-toolkit .mr-xs-2 {
        margin-right: 12px;
    }
    .ui-toolkit .mb-xs-2 {
        margin-bottom: 12px;
    }
    .ui-toolkit .ml-xs-2 {
        margin-left: 12px;
    }
    .ui-toolkit .m-xs-3 {
        margin: 18px;
    }
    .ui-toolkit .mt-xs-3 {
        margin-top: 18px;
    }
    .ui-toolkit .mr-xs-3 {
        margin-right: 18px;
    }
    .ui-toolkit .mb-xs-3 {
        margin-bottom: 18px;
    }
    .ui-toolkit .ml-xs-3 {
        margin-left: 18px;
    }
    .ui-toolkit .m-xs-4 {
        margin: 24px;
    }
    .ui-toolkit .mt-xs-4 {
        margin-top: 24px;
    }
    .ui-toolkit .mr-xs-4 {
        margin-right: 24px;
    }
    .ui-toolkit .mb-xs-4 {
        margin-bottom: 24px;
    }
    .ui-toolkit .ml-xs-4 {
        margin-left: 24px;
    }
    .ui-toolkit .m-xs-5 {
        margin: 30px;
    }
    .ui-toolkit .mt-xs-5 {
        margin-top: 30px;
    }
    .ui-toolkit .mr-xs-5 {
        margin-right: 30px;
    }
    .ui-toolkit .mb-xs-5 {
        margin-bottom: 30px;
    }
    .ui-toolkit .ml-xs-5 {
        margin-left: 30px;
    }
    .ui-toolkit .m-xs-6 {
        margin: 36px;
    }
    .ui-toolkit .mt-xs-6 {
        margin-top: 36px;
    }
    .ui-toolkit .mr-xs-6 {
        margin-right: 36px;
    }
    .ui-toolkit .mb-xs-6 {
        margin-bottom: 36px;
    }
    .ui-toolkit .ml-xs-6 {
        margin-left: 36px;
    }
    .ui-toolkit .m-xs-7 {
        margin: 42px;
    }
    .ui-toolkit .mt-xs-7 {
        margin-top: 42px;
    }
    .ui-toolkit .mr-xs-7 {
        margin-right: 42px;
    }
    .ui-toolkit .mb-xs-7 {
        margin-bottom: 42px;
    }
    .ui-toolkit .ml-xs-7 {
        margin-left: 42px;
    }
    .ui-toolkit .m-xs-8 {
        margin: 48px;
    }
    .ui-toolkit .mt-xs-8 {
        margin-top: 48px;
    }
    .ui-toolkit .mr-xs-8 {
        margin-right: 48px;
    }
    .ui-toolkit .mb-xs-8 {
        margin-bottom: 48px;
    }
    .ui-toolkit .ml-xs-8 {
        margin-left: 48px;
    }
    .ui-toolkit .m-xs-auto {
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 480px) {
    .ui-toolkit .m-sm-0 {
        margin: 0px;
    }
    .ui-toolkit .mt-sm-0 {
        margin-top: 0px;
    }
    .ui-toolkit .mr-sm-0 {
        margin-right: 0px;
    }
    .ui-toolkit .mb-sm-0 {
        margin-bottom: 0px;
    }
    .ui-toolkit .ml-sm-0 {
        margin-left: 0px;
    }
    .ui-toolkit .m-sm-1 {
        margin: 6px;
    }
    .ui-toolkit .mt-sm-1 {
        margin-top: 6px;
    }
    .ui-toolkit .mr-sm-1 {
        margin-right: 6px;
    }
    .ui-toolkit .mb-sm-1 {
        margin-bottom: 6px;
    }
    .ui-toolkit .ml-sm-1 {
        margin-left: 6px;
    }
    .ui-toolkit .m-sm-2 {
        margin: 12px;
    }
    .ui-toolkit .mt-sm-2 {
        margin-top: 12px;
    }
    .ui-toolkit .mr-sm-2 {
        margin-right: 12px;
    }
    .ui-toolkit .mb-sm-2 {
        margin-bottom: 12px;
    }
    .ui-toolkit .ml-sm-2 {
        margin-left: 12px;
    }
    .ui-toolkit .m-sm-3 {
        margin: 18px;
    }
    .ui-toolkit .mt-sm-3 {
        margin-top: 18px;
    }
    .ui-toolkit .mr-sm-3 {
        margin-right: 18px;
    }
    .ui-toolkit .mb-sm-3 {
        margin-bottom: 18px;
    }
    .ui-toolkit .ml-sm-3 {
        margin-left: 18px;
    }
    .ui-toolkit .m-sm-4 {
        margin: 24px;
    }
    .ui-toolkit .mt-sm-4 {
        margin-top: 24px;
    }
    .ui-toolkit .mr-sm-4 {
        margin-right: 24px;
    }
    .ui-toolkit .mb-sm-4 {
        margin-bottom: 24px;
    }
    .ui-toolkit .ml-sm-4 {
        margin-left: 24px;
    }
    .ui-toolkit .m-sm-5 {
        margin: 30px;
    }
    .ui-toolkit .mt-sm-5 {
        margin-top: 30px;
    }
    .ui-toolkit .mr-sm-5 {
        margin-right: 30px;
    }
    .ui-toolkit .mb-sm-5 {
        margin-bottom: 30px;
    }
    .ui-toolkit .ml-sm-5 {
        margin-left: 30px;
    }
    .ui-toolkit .m-sm-6 {
        margin: 36px;
    }
    .ui-toolkit .mt-sm-6 {
        margin-top: 36px;
    }
    .ui-toolkit .mr-sm-6 {
        margin-right: 36px;
    }
    .ui-toolkit .mb-sm-6 {
        margin-bottom: 36px;
    }
    .ui-toolkit .ml-sm-6 {
        margin-left: 36px;
    }
    .ui-toolkit .m-sm-7 {
        margin: 42px;
    }
    .ui-toolkit .mt-sm-7 {
        margin-top: 42px;
    }
    .ui-toolkit .mr-sm-7 {
        margin-right: 42px;
    }
    .ui-toolkit .mb-sm-7 {
        margin-bottom: 42px;
    }
    .ui-toolkit .ml-sm-7 {
        margin-left: 42px;
    }
    .ui-toolkit .m-sm-8 {
        margin: 48px;
    }
    .ui-toolkit .mt-sm-8 {
        margin-top: 48px;
    }
    .ui-toolkit .mr-sm-8 {
        margin-right: 48px;
    }
    .ui-toolkit .mb-sm-8 {
        margin-bottom: 48px;
    }
    .ui-toolkit .ml-sm-8 {
        margin-left: 48px;
    }
    .ui-toolkit .m-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 640px) {
    .ui-toolkit .m-md-0 {
        margin: 0px;
    }
    .ui-toolkit .mt-md-0 {
        margin-top: 0px;
    }
    .ui-toolkit .mr-md-0 {
        margin-right: 0px;
    }
    .ui-toolkit .mb-md-0 {
        margin-bottom: 0px;
    }
    .ui-toolkit .ml-md-0 {
        margin-left: 0px;
    }
    .ui-toolkit .m-md-1 {
        margin: 6px;
    }
    .ui-toolkit .mt-md-1 {
        margin-top: 6px;
    }
    .ui-toolkit .mr-md-1 {
        margin-right: 6px;
    }
    .ui-toolkit .mb-md-1 {
        margin-bottom: 6px;
    }
    .ui-toolkit .ml-md-1 {
        margin-left: 6px;
    }
    .ui-toolkit .m-md-2 {
        margin: 12px;
    }
    .ui-toolkit .mt-md-2 {
        margin-top: 12px;
    }
    .ui-toolkit .mr-md-2 {
        margin-right: 12px;
    }
    .ui-toolkit .mb-md-2 {
        margin-bottom: 12px;
    }
    .ui-toolkit .ml-md-2 {
        margin-left: 12px;
    }
    .ui-toolkit .m-md-3 {
        margin: 18px;
    }
    .ui-toolkit .mt-md-3 {
        margin-top: 18px;
    }
    .ui-toolkit .mr-md-3 {
        margin-right: 18px;
    }
    .ui-toolkit .mb-md-3 {
        margin-bottom: 18px;
    }
    .ui-toolkit .ml-md-3 {
        margin-left: 18px;
    }
    .ui-toolkit .m-md-4 {
        margin: 24px;
    }
    .ui-toolkit .mt-md-4 {
        margin-top: 24px;
    }
    .ui-toolkit .mr-md-4 {
        margin-right: 24px;
    }
    .ui-toolkit .mb-md-4 {
        margin-bottom: 24px;
    }
    .ui-toolkit .ml-md-4 {
        margin-left: 24px;
    }
    .ui-toolkit .m-md-5 {
        margin: 30px;
    }
    .ui-toolkit .mt-md-5 {
        margin-top: 30px;
    }
    .ui-toolkit .mr-md-5 {
        margin-right: 30px;
    }
    .ui-toolkit .mb-md-5 {
        margin-bottom: 30px;
    }
    .ui-toolkit .ml-md-5 {
        margin-left: 30px;
    }
    .ui-toolkit .m-md-6 {
        margin: 36px;
    }
    .ui-toolkit .mt-md-6 {
        margin-top: 36px;
    }
    .ui-toolkit .mr-md-6 {
        margin-right: 36px;
    }
    .ui-toolkit .mb-md-6 {
        margin-bottom: 36px;
    }
    .ui-toolkit .ml-md-6 {
        margin-left: 36px;
    }
    .ui-toolkit .m-md-7 {
        margin: 42px;
    }
    .ui-toolkit .mt-md-7 {
        margin-top: 42px;
    }
    .ui-toolkit .mr-md-7 {
        margin-right: 42px;
    }
    .ui-toolkit .mb-md-7 {
        margin-bottom: 42px;
    }
    .ui-toolkit .ml-md-7 {
        margin-left: 42px;
    }
    .ui-toolkit .m-md-8 {
        margin: 48px;
    }
    .ui-toolkit .mt-md-8 {
        margin-top: 48px;
    }
    .ui-toolkit .mr-md-8 {
        margin-right: 48px;
    }
    .ui-toolkit .mb-md-8 {
        margin-bottom: 48px;
    }
    .ui-toolkit .ml-md-8 {
        margin-left: 48px;
    }
    .ui-toolkit .m-md-auto {
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 900px) {
    .ui-toolkit .m-lg-0 {
        margin: 0px;
    }
    .ui-toolkit .mt-lg-0 {
        margin-top: 0px;
    }
    .ui-toolkit .mr-lg-0 {
        margin-right: 0px;
    }
    .ui-toolkit .mb-lg-0 {
        margin-bottom: 0px;
    }
    .ui-toolkit .ml-lg-0 {
        margin-left: 0px;
    }
    .ui-toolkit .m-lg-1 {
        margin: 6px;
    }
    .ui-toolkit .mt-lg-1 {
        margin-top: 6px;
    }
    .ui-toolkit .mr-lg-1 {
        margin-right: 6px;
    }
    .ui-toolkit .mb-lg-1 {
        margin-bottom: 6px;
    }
    .ui-toolkit .ml-lg-1 {
        margin-left: 6px;
    }
    .ui-toolkit .m-lg-2 {
        margin: 12px;
    }
    .ui-toolkit .mt-lg-2 {
        margin-top: 12px;
    }
    .ui-toolkit .mr-lg-2 {
        margin-right: 12px;
    }
    .ui-toolkit .mb-lg-2 {
        margin-bottom: 12px;
    }
    .ui-toolkit .ml-lg-2 {
        margin-left: 12px;
    }
    .ui-toolkit .m-lg-3 {
        margin: 18px;
    }
    .ui-toolkit .mt-lg-3 {
        margin-top: 18px;
    }
    .ui-toolkit .mr-lg-3 {
        margin-right: 18px;
    }
    .ui-toolkit .mb-lg-3 {
        margin-bottom: 18px;
    }
    .ui-toolkit .ml-lg-3 {
        margin-left: 18px;
    }
    .ui-toolkit .m-lg-4 {
        margin: 24px;
    }
    .ui-toolkit .mt-lg-4 {
        margin-top: 24px;
    }
    .ui-toolkit .mr-lg-4 {
        margin-right: 24px;
    }
    .ui-toolkit .mb-lg-4 {
        margin-bottom: 24px;
    }
    .ui-toolkit .ml-lg-4 {
        margin-left: 24px;
    }
    .ui-toolkit .m-lg-5 {
        margin: 30px;
    }
    .ui-toolkit .mt-lg-5 {
        margin-top: 30px;
    }
    .ui-toolkit .mr-lg-5 {
        margin-right: 30px;
    }
    .ui-toolkit .mb-lg-5 {
        margin-bottom: 30px;
    }
    .ui-toolkit .ml-lg-5 {
        margin-left: 30px;
    }
    .ui-toolkit .m-lg-6 {
        margin: 36px;
    }
    .ui-toolkit .mt-lg-6 {
        margin-top: 36px;
    }
    .ui-toolkit .mr-lg-6 {
        margin-right: 36px;
    }
    .ui-toolkit .mb-lg-6 {
        margin-bottom: 36px;
    }
    .ui-toolkit .ml-lg-6 {
        margin-left: 36px;
    }
    .ui-toolkit .m-lg-7 {
        margin: 42px;
    }
    .ui-toolkit .mt-lg-7 {
        margin-top: 42px;
    }
    .ui-toolkit .mr-lg-7 {
        margin-right: 42px;
    }
    .ui-toolkit .mb-lg-7 {
        margin-bottom: 42px;
    }
    .ui-toolkit .ml-lg-7 {
        margin-left: 42px;
    }
    .ui-toolkit .m-lg-8 {
        margin: 48px;
    }
    .ui-toolkit .mt-lg-8 {
        margin-top: 48px;
    }
    .ui-toolkit .mr-lg-8 {
        margin-right: 48px;
    }
    .ui-toolkit .mb-lg-8 {
        margin-bottom: 48px;
    }
    .ui-toolkit .ml-lg-8 {
        margin-left: 48px;
    }
    .ui-toolkit .m-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 1200px) {
    .ui-toolkit .m-xl-0 {
        margin: 0px;
    }
    .ui-toolkit .mt-xl-0 {
        margin-top: 0px;
    }
    .ui-toolkit .mr-xl-0 {
        margin-right: 0px;
    }
    .ui-toolkit .mb-xl-0 {
        margin-bottom: 0px;
    }
    .ui-toolkit .ml-xl-0 {
        margin-left: 0px;
    }
    .ui-toolkit .m-xl-1 {
        margin: 6px;
    }
    .ui-toolkit .mt-xl-1 {
        margin-top: 6px;
    }
    .ui-toolkit .mr-xl-1 {
        margin-right: 6px;
    }
    .ui-toolkit .mb-xl-1 {
        margin-bottom: 6px;
    }
    .ui-toolkit .ml-xl-1 {
        margin-left: 6px;
    }
    .ui-toolkit .m-xl-2 {
        margin: 12px;
    }
    .ui-toolkit .mt-xl-2 {
        margin-top: 12px;
    }
    .ui-toolkit .mr-xl-2 {
        margin-right: 12px;
    }
    .ui-toolkit .mb-xl-2 {
        margin-bottom: 12px;
    }
    .ui-toolkit .ml-xl-2 {
        margin-left: 12px;
    }
    .ui-toolkit .m-xl-3 {
        margin: 18px;
    }
    .ui-toolkit .mt-xl-3 {
        margin-top: 18px;
    }
    .ui-toolkit .mr-xl-3 {
        margin-right: 18px;
    }
    .ui-toolkit .mb-xl-3 {
        margin-bottom: 18px;
    }
    .ui-toolkit .ml-xl-3 {
        margin-left: 18px;
    }
    .ui-toolkit .m-xl-4 {
        margin: 24px;
    }
    .ui-toolkit .mt-xl-4 {
        margin-top: 24px;
    }
    .ui-toolkit .mr-xl-4 {
        margin-right: 24px;
    }
    .ui-toolkit .mb-xl-4 {
        margin-bottom: 24px;
    }
    .ui-toolkit .ml-xl-4 {
        margin-left: 24px;
    }
    .ui-toolkit .m-xl-5 {
        margin: 30px;
    }
    .ui-toolkit .mt-xl-5 {
        margin-top: 30px;
    }
    .ui-toolkit .mr-xl-5 {
        margin-right: 30px;
    }
    .ui-toolkit .mb-xl-5 {
        margin-bottom: 30px;
    }
    .ui-toolkit .ml-xl-5 {
        margin-left: 30px;
    }
    .ui-toolkit .m-xl-6 {
        margin: 36px;
    }
    .ui-toolkit .mt-xl-6 {
        margin-top: 36px;
    }
    .ui-toolkit .mr-xl-6 {
        margin-right: 36px;
    }
    .ui-toolkit .mb-xl-6 {
        margin-bottom: 36px;
    }
    .ui-toolkit .ml-xl-6 {
        margin-left: 36px;
    }
    .ui-toolkit .m-xl-7 {
        margin: 42px;
    }
    .ui-toolkit .mt-xl-7 {
        margin-top: 42px;
    }
    .ui-toolkit .mr-xl-7 {
        margin-right: 42px;
    }
    .ui-toolkit .mb-xl-7 {
        margin-bottom: 42px;
    }
    .ui-toolkit .ml-xl-7 {
        margin-left: 42px;
    }
    .ui-toolkit .m-xl-8 {
        margin: 48px;
    }
    .ui-toolkit .mt-xl-8 {
        margin-top: 48px;
    }
    .ui-toolkit .mr-xl-8 {
        margin-right: 48px;
    }
    .ui-toolkit .mb-xl-8 {
        margin-bottom: 48px;
    }
    .ui-toolkit .ml-xl-8 {
        margin-left: 48px;
    }
    .ui-toolkit .m-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 1400px) {
    .ui-toolkit .m-tv-0 {
        margin: 0px;
    }
    .ui-toolkit .mt-tv-0 {
        margin-top: 0px;
    }
    .ui-toolkit .mr-tv-0 {
        margin-right: 0px;
    }
    .ui-toolkit .mb-tv-0 {
        margin-bottom: 0px;
    }
    .ui-toolkit .ml-tv-0 {
        margin-left: 0px;
    }
    .ui-toolkit .m-tv-1 {
        margin: 6px;
    }
    .ui-toolkit .mt-tv-1 {
        margin-top: 6px;
    }
    .ui-toolkit .mr-tv-1 {
        margin-right: 6px;
    }
    .ui-toolkit .mb-tv-1 {
        margin-bottom: 6px;
    }
    .ui-toolkit .ml-tv-1 {
        margin-left: 6px;
    }
    .ui-toolkit .m-tv-2 {
        margin: 12px;
    }
    .ui-toolkit .mt-tv-2 {
        margin-top: 12px;
    }
    .ui-toolkit .mr-tv-2 {
        margin-right: 12px;
    }
    .ui-toolkit .mb-tv-2 {
        margin-bottom: 12px;
    }
    .ui-toolkit .ml-tv-2 {
        margin-left: 12px;
    }
    .ui-toolkit .m-tv-3 {
        margin: 18px;
    }
    .ui-toolkit .mt-tv-3 {
        margin-top: 18px;
    }
    .ui-toolkit .mr-tv-3 {
        margin-right: 18px;
    }
    .ui-toolkit .mb-tv-3 {
        margin-bottom: 18px;
    }
    .ui-toolkit .ml-tv-3 {
        margin-left: 18px;
    }
    .ui-toolkit .m-tv-4 {
        margin: 24px;
    }
    .ui-toolkit .mt-tv-4 {
        margin-top: 24px;
    }
    .ui-toolkit .mr-tv-4 {
        margin-right: 24px;
    }
    .ui-toolkit .mb-tv-4 {
        margin-bottom: 24px;
    }
    .ui-toolkit .ml-tv-4 {
        margin-left: 24px;
    }
    .ui-toolkit .m-tv-5 {
        margin: 30px;
    }
    .ui-toolkit .mt-tv-5 {
        margin-top: 30px;
    }
    .ui-toolkit .mr-tv-5 {
        margin-right: 30px;
    }
    .ui-toolkit .mb-tv-5 {
        margin-bottom: 30px;
    }
    .ui-toolkit .ml-tv-5 {
        margin-left: 30px;
    }
    .ui-toolkit .m-tv-6 {
        margin: 36px;
    }
    .ui-toolkit .mt-tv-6 {
        margin-top: 36px;
    }
    .ui-toolkit .mr-tv-6 {
        margin-right: 36px;
    }
    .ui-toolkit .mb-tv-6 {
        margin-bottom: 36px;
    }
    .ui-toolkit .ml-tv-6 {
        margin-left: 36px;
    }
    .ui-toolkit .m-tv-7 {
        margin: 42px;
    }
    .ui-toolkit .mt-tv-7 {
        margin-top: 42px;
    }
    .ui-toolkit .mr-tv-7 {
        margin-right: 42px;
    }
    .ui-toolkit .mb-tv-7 {
        margin-bottom: 42px;
    }
    .ui-toolkit .ml-tv-7 {
        margin-left: 42px;
    }
    .ui-toolkit .m-tv-8 {
        margin: 48px;
    }
    .ui-toolkit .mt-tv-8 {
        margin-top: 48px;
    }
    .ui-toolkit .mr-tv-8 {
        margin-right: 48px;
    }
    .ui-toolkit .mb-tv-8 {
        margin-bottom: 48px;
    }
    .ui-toolkit .ml-tv-8 {
        margin-left: 48px;
    }
    .ui-toolkit .m-tv-auto {
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 0) {
    .ui-toolkit .p-xs-0 {
        padding: 0px;
    }
    .ui-toolkit .pt-xs-0 {
        padding-top: 0px;
    }
    .ui-toolkit .pr-xs-0 {
        padding-right: 0px;
    }
    .ui-toolkit .pb-xs-0 {
        padding-bottom: 0px;
    }
    .ui-toolkit .pl-xs-0 {
        padding-left: 0px;
    }
    .ui-toolkit .p-xs-1 {
        padding: 6px;
    }
    .ui-toolkit .pt-xs-1 {
        padding-top: 6px;
    }
    .ui-toolkit .pr-xs-1 {
        padding-right: 6px;
    }
    .ui-toolkit .pb-xs-1 {
        padding-bottom: 6px;
    }
    .ui-toolkit .pl-xs-1 {
        padding-left: 6px;
    }
    .ui-toolkit .p-xs-2 {
        padding: 12px;
    }
    .ui-toolkit .pt-xs-2 {
        padding-top: 12px;
    }
    .ui-toolkit .pr-xs-2 {
        padding-right: 9px;
    }
    .ui-toolkit .pb-xs-2 {
        padding-bottom: 12px;
    }
    .ui-toolkit .pl-xs-2 {
        padding-left: 9px;
    }
    .ui-toolkit .p-xs-3 {
        padding: 18px;
    }
    .ui-toolkit .pt-xs-3 {
        padding-top: 18px;
    }
    .ui-toolkit .pr-xs-3 {
        padding-right: 18px;
    }
    .ui-toolkit .pb-xs-3 {
        padding-bottom: 18px;
    }
    .ui-toolkit .pl-xs-3 {
        padding-left: 18px;
    }
    .ui-toolkit .p-xs-4 {
        padding: 24px;
    }
    .ui-toolkit .pt-xs-4 {
        padding-top: 24px;
    }
    .ui-toolkit .pr-xs-4 {
        padding-right: 24px;
    }
    .ui-toolkit .pb-xs-4 {
        padding-bottom: 24px;
    }
    .ui-toolkit .pl-xs-4 {
        padding-left: 24px;
    }
    .ui-toolkit .p-xs-5 {
        padding: 30px;
    }
    .ui-toolkit .pt-xs-5 {
        padding-top: 30px;
    }
    .ui-toolkit .pr-xs-5 {
        padding-right: 30px;
    }
    .ui-toolkit .pb-xs-5 {
        padding-bottom: 30px;
    }
    .ui-toolkit .pl-xs-5 {
        padding-left: 30px;
    }
    .ui-toolkit .p-xs-6 {
        padding: 36px;
    }
    .ui-toolkit .pt-xs-6 {
        padding-top: 36px;
    }
    .ui-toolkit .pr-xs-6 {
        padding-right: 36px;
    }
    .ui-toolkit .pb-xs-6 {
        padding-bottom: 36px;
    }
    .ui-toolkit .pl-xs-6 {
        padding-left: 36px;
    }
    .ui-toolkit .p-xs-7 {
        padding: 42px;
    }
    .ui-toolkit .pt-xs-7 {
        padding-top: 42px;
    }
    .ui-toolkit .pr-xs-7 {
        padding-right: 42px;
    }
    .ui-toolkit .pb-xs-7 {
        padding-bottom: 42px;
    }
    .ui-toolkit .pl-xs-7 {
        padding-left: 42px;
    }
    .ui-toolkit .p-xs-8 {
        padding: 48px;
    }
    .ui-toolkit .pt-xs-8 {
        padding-top: 48px;
    }
    .ui-toolkit .pr-xs-8 {
        padding-right: 48px;
    }
    .ui-toolkit .pb-xs-8 {
        padding-bottom: 48px;
    }
    .ui-toolkit .pl-xs-8 {
        padding-left: 48px;
    }
}

@media only screen and (min-width: 480px) {
    .ui-toolkit .p-sm-0 {
        padding: 0px;
    }
    .ui-toolkit .pt-sm-0 {
        padding-top: 0px;
    }
    .ui-toolkit .pr-sm-0 {
        padding-right: 0px;
    }
    .ui-toolkit .pb-sm-0 {
        padding-bottom: 0px;
    }
    .ui-toolkit .pl-sm-0 {
        padding-left: 0px;
    }
    .ui-toolkit .p-sm-1 {
        padding: 6px;
    }
    .ui-toolkit .pt-sm-1 {
        padding-top: 6px;
    }
    .ui-toolkit .pr-sm-1 {
        padding-right: 6px;
    }
    .ui-toolkit .pb-sm-1 {
        padding-bottom: 6px;
    }
    .ui-toolkit .pl-sm-1 {
        padding-left: 6px;
    }
    .ui-toolkit .p-sm-2 {
        padding: 12px;
    }
    .ui-toolkit .pt-sm-2 {
        padding-top: 12px;
    }
    .ui-toolkit .pr-sm-2 {
        padding-right: 12px;
    }
    .ui-toolkit .pb-sm-2 {
        padding-bottom: 12px;
    }
    .ui-toolkit .pl-sm-2 {
        padding-left: 12px;
    }
    .ui-toolkit .p-sm-3 {
        padding: 18px;
    }
    .ui-toolkit .pt-sm-3 {
        padding-top: 18px;
    }
    .ui-toolkit .pr-sm-3 {
        padding-right: 18px;
    }
    .ui-toolkit .pb-sm-3 {
        padding-bottom: 18px;
    }
    .ui-toolkit .pl-sm-3 {
        padding-left: 18px;
    }
    .ui-toolkit .p-sm-4 {
        padding: 24px;
    }
    .ui-toolkit .pt-sm-4 {
        padding-top: 24px;
    }
    .ui-toolkit .pr-sm-4 {
        padding-right: 24px;
    }
    .ui-toolkit .pb-sm-4 {
        padding-bottom: 24px;
    }
    .ui-toolkit .pl-sm-4 {
        padding-left: 24px;
    }
    .ui-toolkit .p-sm-5 {
        padding: 30px;
    }
    .ui-toolkit .pt-sm-5 {
        padding-top: 30px;
    }
    .ui-toolkit .pr-sm-5 {
        padding-right: 30px;
    }
    .ui-toolkit .pb-sm-5 {
        padding-bottom: 30px;
    }
    .ui-toolkit .pl-sm-5 {
        padding-left: 30px;
    }
    .ui-toolkit .p-sm-6 {
        padding: 36px;
    }
    .ui-toolkit .pt-sm-6 {
        padding-top: 36px;
    }
    .ui-toolkit .pr-sm-6 {
        padding-right: 36px;
    }
    .ui-toolkit .pb-sm-6 {
        padding-bottom: 36px;
    }
    .ui-toolkit .pl-sm-6 {
        padding-left: 36px;
    }
    .ui-toolkit .p-sm-7 {
        padding: 42px;
    }
    .ui-toolkit .pt-sm-7 {
        padding-top: 42px;
    }
    .ui-toolkit .pr-sm-7 {
        padding-right: 42px;
    }
    .ui-toolkit .pb-sm-7 {
        padding-bottom: 42px;
    }
    .ui-toolkit .pl-sm-7 {
        padding-left: 42px;
    }
    .ui-toolkit .p-sm-8 {
        padding: 48px;
    }
    .ui-toolkit .pt-sm-8 {
        padding-top: 48px;
    }
    .ui-toolkit .pr-sm-8 {
        padding-right: 48px;
    }
    .ui-toolkit .pb-sm-8 {
        padding-bottom: 48px;
    }
    .ui-toolkit .pl-sm-8 {
        padding-left: 48px;
    }
}

@media only screen and (min-width: 640px) {
    .ui-toolkit .p-md-0 {
        padding: 0px;
    }
    .ui-toolkit .pt-md-0 {
        padding-top: 0px;
    }
    .ui-toolkit .pr-md-0 {
        padding-right: 0px;
    }
    .ui-toolkit .pb-md-0 {
        padding-bottom: 0px;
    }
    .ui-toolkit .pl-md-0 {
        padding-left: 0px;
    }
    .ui-toolkit .p-md-1 {
        padding: 6px;
    }
    .ui-toolkit .pt-md-1 {
        padding-top: 6px;
    }
    .ui-toolkit .pr-md-1 {
        padding-right: 6px;
    }
    .ui-toolkit .pb-md-1 {
        padding-bottom: 6px;
    }
    .ui-toolkit .pl-md-1 {
        padding-left: 6px;
    }
    .ui-toolkit .p-md-2 {
        padding: 12px;
    }
    .ui-toolkit .pt-md-2 {
        padding-top: 12px;
    }
    .ui-toolkit .pr-md-2 {
        padding-right: 12px;
    }
    .ui-toolkit .pb-md-2 {
        padding-bottom: 12px;
    }
    .ui-toolkit .pl-md-2 {
        padding-left: 12px;
    }
    .ui-toolkit .p-md-3 {
        padding: 18px;
    }
    .ui-toolkit .pt-md-3 {
        padding-top: 18px;
    }
    .ui-toolkit .pr-md-3 {
        padding-right: 18px;
    }
    .ui-toolkit .pb-md-3 {
        padding-bottom: 18px;
    }
    .ui-toolkit .pl-md-3 {
        padding-left: 18px;
    }
    .ui-toolkit .p-md-4 {
        padding: 24px;
    }
    .ui-toolkit .pt-md-4 {
        padding-top: 24px;
    }
    .ui-toolkit .pr-md-4 {
        padding-right: 24px;
    }
    .ui-toolkit .pb-md-4 {
        padding-bottom: 24px;
    }
    .ui-toolkit .pl-md-4 {
        padding-left: 24px;
    }
    .ui-toolkit .p-md-5 {
        padding: 30px;
    }
    .ui-toolkit .pt-md-5 {
        padding-top: 30px;
    }
    .ui-toolkit .pr-md-5 {
        padding-right: 30px;
    }
    .ui-toolkit .pb-md-5 {
        padding-bottom: 30px;
    }
    .ui-toolkit .pl-md-5 {
        padding-left: 30px;
    }
    .ui-toolkit .p-md-6 {
        padding: 36px;
    }
    .ui-toolkit .pt-md-6 {
        padding-top: 36px;
    }
    .ui-toolkit .pr-md-6 {
        padding-right: 36px;
    }
    .ui-toolkit .pb-md-6 {
        padding-bottom: 36px;
    }
    .ui-toolkit .pl-md-6 {
        padding-left: 36px;
    }
    .ui-toolkit .p-md-7 {
        padding: 42px;
    }
    .ui-toolkit .pt-md-7 {
        padding-top: 42px;
    }
    .ui-toolkit .pr-md-7 {
        padding-right: 42px;
    }
    .ui-toolkit .pb-md-7 {
        padding-bottom: 42px;
    }
    .ui-toolkit .pl-md-7 {
        padding-left: 42px;
    }
    .ui-toolkit .p-md-8 {
        padding: 48px;
    }
    .ui-toolkit .pt-md-8 {
        padding-top: 48px;
    }
    .ui-toolkit .pr-md-8 {
        padding-right: 48px;
    }
    .ui-toolkit .pb-md-8 {
        padding-bottom: 48px;
    }
    .ui-toolkit .pl-md-8 {
        padding-left: 48px;
    }
}

@media only screen and (min-width: 900px) {
    .ui-toolkit .p-lg-0 {
        padding: 0px;
    }
    .ui-toolkit .pt-lg-0 {
        padding-top: 0px;
    }
    .ui-toolkit .pr-lg-0 {
        padding-right: 0px;
    }
    .ui-toolkit .pb-lg-0 {
        padding-bottom: 0px;
    }
    .ui-toolkit .pl-lg-0 {
        padding-left: 0px;
    }
    .ui-toolkit .p-lg-1 {
        padding: 6px;
    }
    .ui-toolkit .pt-lg-1 {
        padding-top: 6px;
    }
    .ui-toolkit .pr-lg-1 {
        padding-right: 6px;
    }
    .ui-toolkit .pb-lg-1 {
        padding-bottom: 6px;
    }
    .ui-toolkit .pl-lg-1 {
        padding-left: 6px;
    }
    .ui-toolkit .p-lg-2 {
        padding: 12px;
    }
    .ui-toolkit .pt-lg-2 {
        padding-top: 12px;
    }
    .ui-toolkit .pr-lg-2 {
        padding-right: 12px;
    }
    .ui-toolkit .pb-lg-2 {
        padding-bottom: 12px;
    }
    .ui-toolkit .pl-lg-2 {
        padding-left: 12px;
    }
    .ui-toolkit .p-lg-3 {
        padding: 18px;
    }
    .ui-toolkit .pt-lg-3 {
        padding-top: 18px;
    }
    .ui-toolkit .pr-lg-3 {
        padding-right: 18px;
    }
    .ui-toolkit .pb-lg-3 {
        padding-bottom: 18px;
    }
    .ui-toolkit .pl-lg-3 {
        padding-left: 18px;
    }
    .ui-toolkit .p-lg-4 {
        padding: 24px;
    }
    .ui-toolkit .pt-lg-4 {
        padding-top: 24px;
    }
    .ui-toolkit .pr-lg-4 {
        padding-right: 24px;
    }
    .ui-toolkit .pb-lg-4 {
        padding-bottom: 24px;
    }
    .ui-toolkit .pl-lg-4 {
        padding-left: 24px;
    }
    .ui-toolkit .p-lg-5 {
        padding: 30px;
    }
    .ui-toolkit .pt-lg-5 {
        padding-top: 30px;
    }
    .ui-toolkit .pr-lg-5 {
        padding-right: 30px;
    }
    .ui-toolkit .pb-lg-5 {
        padding-bottom: 30px;
    }
    .ui-toolkit .pl-lg-5 {
        padding-left: 30px;
    }
    .ui-toolkit .p-lg-6 {
        padding: 36px;
    }
    .ui-toolkit .pt-lg-6 {
        padding-top: 36px;
    }
    .ui-toolkit .pr-lg-6 {
        padding-right: 36px;
    }
    .ui-toolkit .pb-lg-6 {
        padding-bottom: 36px;
    }
    .ui-toolkit .pl-lg-6 {
        padding-left: 36px;
    }
    .ui-toolkit .p-lg-7 {
        padding: 42px;
    }
    .ui-toolkit .pt-lg-7 {
        padding-top: 42px;
    }
    .ui-toolkit .pr-lg-7 {
        padding-right: 42px;
    }
    .ui-toolkit .pb-lg-7 {
        padding-bottom: 42px;
    }
    .ui-toolkit .pl-lg-7 {
        padding-left: 42px;
    }
    .ui-toolkit .p-lg-8 {
        padding: 48px;
    }
    .ui-toolkit .pt-lg-8 {
        padding-top: 48px;
    }
    .ui-toolkit .pr-lg-8 {
        padding-right: 48px;
    }
    .ui-toolkit .pb-lg-8 {
        padding-bottom: 48px;
    }
    .ui-toolkit .pl-lg-8 {
        padding-left: 48px;
    }
}

@media only screen and (min-width: 1200px) {
    .ui-toolkit .p-xl-0 {
        padding: 0px;
    }
    .ui-toolkit .pt-xl-0 {
        padding-top: 0px;
    }
    .ui-toolkit .pr-xl-0 {
        padding-right: 0px;
    }
    .ui-toolkit .pb-xl-0 {
        padding-bottom: 0px;
    }
    .ui-toolkit .pl-xl-0 {
        padding-left: 0px;
    }
    .ui-toolkit .p-xl-1 {
        padding: 6px;
    }
    .ui-toolkit .pt-xl-1 {
        padding-top: 6px;
    }
    .ui-toolkit .pr-xl-1 {
        padding-right: 6px;
    }
    .ui-toolkit .pb-xl-1 {
        padding-bottom: 6px;
    }
    .ui-toolkit .pl-xl-1 {
        padding-left: 6px;
    }
    .ui-toolkit .p-xl-2 {
        padding: 12px;
    }
    .ui-toolkit .pt-xl-2 {
        padding-top: 12px;
    }
    .ui-toolkit .pr-xl-2 {
        padding-right: 12px;
    }
    .ui-toolkit .pb-xl-2 {
        padding-bottom: 12px;
    }
    .ui-toolkit .pl-xl-2 {
        padding-left: 12px;
    }
    .ui-toolkit .p-xl-3 {
        padding: 18px;
    }
    .ui-toolkit .pt-xl-3 {
        padding-top: 18px;
    }
    .ui-toolkit .pr-xl-3 {
        padding-right: 18px;
    }
    .ui-toolkit .pb-xl-3 {
        padding-bottom: 18px;
    }
    .ui-toolkit .pl-xl-3 {
        padding-left: 18px;
    }
    .ui-toolkit .p-xl-4 {
        padding: 24px;
    }
    .ui-toolkit .pt-xl-4 {
        padding-top: 24px;
    }
    .ui-toolkit .pr-xl-4 {
        padding-right: 24px;
    }
    .ui-toolkit .pb-xl-4 {
        padding-bottom: 24px;
    }
    .ui-toolkit .pl-xl-4 {
        padding-left: 24px;
    }
    .ui-toolkit .p-xl-5 {
        padding: 30px;
    }
    .ui-toolkit .pt-xl-5 {
        padding-top: 30px;
    }
    .ui-toolkit .pr-xl-5 {
        padding-right: 30px;
    }
    .ui-toolkit .pb-xl-5 {
        padding-bottom: 30px;
    }
    .ui-toolkit .pl-xl-5 {
        padding-left: 30px;
    }
    .ui-toolkit .p-xl-6 {
        padding: 36px;
    }
    .ui-toolkit .pt-xl-6 {
        padding-top: 36px;
    }
    .ui-toolkit .pr-xl-6 {
        padding-right: 36px;
    }
    .ui-toolkit .pb-xl-6 {
        padding-bottom: 36px;
    }
    .ui-toolkit .pl-xl-6 {
        padding-left: 36px;
    }
    .ui-toolkit .p-xl-7 {
        padding: 42px;
    }
    .ui-toolkit .pt-xl-7 {
        padding-top: 42px;
    }
    .ui-toolkit .pr-xl-7 {
        padding-right: 42px;
    }
    .ui-toolkit .pb-xl-7 {
        padding-bottom: 42px;
    }
    .ui-toolkit .pl-xl-7 {
        padding-left: 42px;
    }
    .ui-toolkit .p-xl-8 {
        padding: 48px;
    }
    .ui-toolkit .pt-xl-8 {
        padding-top: 48px;
    }
    .ui-toolkit .pr-xl-8 {
        padding-right: 48px;
    }
    .ui-toolkit .pb-xl-8 {
        padding-bottom: 48px;
    }
    .ui-toolkit .pl-xl-8 {
        padding-left: 48px;
    }
}

@media only screen and (min-width: 1400px) {
    .ui-toolkit .p-tv-0 {
        padding: 0px;
    }
    .ui-toolkit .pt-tv-0 {
        padding-top: 0px;
    }
    .ui-toolkit .pr-tv-0 {
        padding-right: 0px;
    }
    .ui-toolkit .pb-tv-0 {
        padding-bottom: 0px;
    }
    .ui-toolkit .pl-tv-0 {
        padding-left: 0px;
    }
    .ui-toolkit .p-tv-1 {
        padding: 6px;
    }
    .ui-toolkit .pt-tv-1 {
        padding-top: 6px;
    }
    .ui-toolkit .pr-tv-1 {
        padding-right: 6px;
    }
    .ui-toolkit .pb-tv-1 {
        padding-bottom: 6px;
    }
    .ui-toolkit .pl-tv-1 {
        padding-left: 6px;
    }
    .ui-toolkit .p-tv-2 {
        padding: 12px;
    }
    .ui-toolkit .pt-tv-2 {
        padding-top: 12px;
    }
    .ui-toolkit .pr-tv-2 {
        padding-right: 12px;
    }
    .ui-toolkit .pb-tv-2 {
        padding-bottom: 12px;
    }
    .ui-toolkit .pl-tv-2 {
        padding-left: 12px;
    }
    .ui-toolkit .p-tv-3 {
        padding: 18px;
    }
    .ui-toolkit .pt-tv-3 {
        padding-top: 18px;
    }
    .ui-toolkit .pr-tv-3 {
        padding-right: 18px;
    }
    .ui-toolkit .pb-tv-3 {
        padding-bottom: 18px;
    }
    .ui-toolkit .pl-tv-3 {
        padding-left: 18px;
    }
    .ui-toolkit .p-tv-4 {
        padding: 24px;
    }
    .ui-toolkit .pt-tv-4 {
        padding-top: 24px;
    }
    .ui-toolkit .pr-tv-4 {
        padding-right: 24px;
    }
    .ui-toolkit .pb-tv-4 {
        padding-bottom: 24px;
    }
    .ui-toolkit .pl-tv-4 {
        padding-left: 24px;
    }
    .ui-toolkit .p-tv-5 {
        padding: 30px;
    }
    .ui-toolkit .pt-tv-5 {
        padding-top: 30px;
    }
    .ui-toolkit .pr-tv-5 {
        padding-right: 30px;
    }
    .ui-toolkit .pb-tv-5 {
        padding-bottom: 30px;
    }
    .ui-toolkit .pl-tv-5 {
        padding-left: 30px;
    }
    .ui-toolkit .p-tv-6 {
        padding: 36px;
    }
    .ui-toolkit .pt-tv-6 {
        padding-top: 36px;
    }
    .ui-toolkit .pr-tv-6 {
        padding-right: 36px;
    }
    .ui-toolkit .pb-tv-6 {
        padding-bottom: 36px;
    }
    .ui-toolkit .pl-tv-6 {
        padding-left: 36px;
    }
    .ui-toolkit .p-tv-7 {
        padding: 42px;
    }
    .ui-toolkit .pt-tv-7 {
        padding-top: 42px;
    }
    .ui-toolkit .pr-tv-7 {
        padding-right: 42px;
    }
    .ui-toolkit .pb-tv-7 {
        padding-bottom: 42px;
    }
    .ui-toolkit .pl-tv-7 {
        padding-left: 42px;
    }
    .ui-toolkit .p-tv-8 {
        padding: 48px;
    }
    .ui-toolkit .pt-tv-8 {
        padding-top: 48px;
    }
    .ui-toolkit .pr-tv-8 {
        padding-right: 48px;
    }
    .ui-toolkit .pb-tv-8 {
        padding-bottom: 48px;
    }
    .ui-toolkit .pl-tv-8 {
        padding-left: 48px;
    }
}

.ui-toolkit .position-static {
    position: static;
}

.ui-toolkit .position-relative {
    position: relative;
}

.ui-toolkit .position-absolute {
    position: absolute;
}

.ui-toolkit .position-fixed {
    position: fixed;
    z-index: 70;
}

.ui-toolkit .position-offscreen {
    position: fixed;
    top: -1000px;
    width: -1000px;
}

.ui-toolkit .position-top {
    top: 0;
}

.ui-toolkit .position-right {
    right: 0;
}

.ui-toolkit .position-bottom {
    bottom: 0;
}

.ui-toolkit .position-left {
    left: 0;
}

.ui-toolkit .vertical-align-top {
    vertical-align: top;
}

.ui-toolkit .vertical-align-middle {
    vertical-align: middle;
}

.ui-toolkit .vertical-align-bottom {
    vertical-align: bottom;
}

.ui-toolkit .align-with-btn {
    display: table-cell;
    height: 38px;
    vertical-align: middle;
}

.ui-toolkit .align-with-btn-small {
    display: table-cell;
    height: 28px;
    vertical-align: middle;
}

.ui-toolkit .scrollable {
    overflow-y: scroll;
}

.ui-toolkit .scrollable::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
}

.ui-toolkit .scrollable::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
    border: 4px solid rgba(255, 255, 255, 0);
    border-radius: 8px;
    background-clip: padding-box;
}

.ui-toolkit .scrollable::-webkit-scrollbar-track-piece {
    background-color: transparent;
}

.ui-toolkit .QSISlider .scrollable {
    overflow-y: visible;
}

.ui-toolkit .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ui-toolkit .video-container iframe,
.ui-toolkit .video-container object,
.ui-toolkit .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-toolkit .video-container-vimeo {
    padding-bottom: 53%;
    padding-top: 3%;
}

.ui-toolkit .is-selected:hover {
    cursor: default;
    text-decoration: none;
}

.ui-toolkit .is-selected .selected-color,
.ui-toolkit .is-selected .selected-color:hover {
    color: #222;
}

.ui-toolkit .width-auto {
    width: auto;
}

.ui-toolkit .width-half {
    width: 50%;
}

.ui-toolkit .width-full {
    width: 100%;
}

.ui-toolkit .width-three-quarters {
    width: 75%;
}

.ui-toolkit .width-one-quarter {
    width: 25%;
}

.ui-toolkit .width-25px {
    width: 25px;
}

.ui-toolkit .width-50px {
    width: 50px;
}

.ui-toolkit .width-75px {
    width: 75px;
}

.ui-toolkit .width-100px {
    width: 100px;
}

.ui-toolkit .width-170px {
    width: 170px;
}

.ui-toolkit .height-auto {
    height: auto;
}

.ui-toolkit .height-half {
    height: 50%;
}

.ui-toolkit .height-full {
    height: 100%;
}

.ui-toolkit .height-25px {
    height: 25px;
}

.ui-toolkit .height-50px {
    height: 50px;
}

.ui-toolkit .height-75px {
    height: 75px;
}

.ui-toolkit .height-100px {
    height: 100px;
}

.ui-toolkit .height-135px {
    height: 135px;
}

.ui-toolkit .max-width-full {
    max-width: 100%;
}

.ui-toolkit .z-index-0 {
    z-index: 0;
}

.ui-toolkit .z-index-1 {
    z-index: 10;
}

.ui-toolkit .z-index-2 {
    z-index: 20;
}

.ui-toolkit .z-index-3 {
    z-index: 30;
}

.ui-toolkit .z-index-4 {
    z-index: 40;
}

.ui-toolkit .z-index-5 {
    z-index: 50;
}

.ui-toolkit .z-index-6 {
    z-index: 60;
}

.ui-toolkit .z-index-7 {
    z-index: 70;
}

.ui-toolkit .z-index-8 {
    z-index: 80;
}

.ui-toolkit .z-index-9 {
    z-index: 90;
}

.ui-toolkit .z-index-10 {
    z-index: 100;
}

.ui-toolkit .login-registration-form {
    padding: 20px 53px;
    overflow: hidden;
}

.ui-toolkit .login-registration-form hr {
    background-color: #e1e1df;
    color: #e1e1df;
    border: 0;
    height: 1px;
    margin: 14px 0;
    clear: both;
}

.ui-toolkit .login-registration-form input.text {
    line-height: 16px;
    color: #333;
    font-size: 12px;
    margin: 0 0 0.2em 0;
    padding: 6px;
    width: 218px;
    border: 1px solid #c2c2c2;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    display: block;
}

.ui-toolkit .login-registration-form input.text:focus {
    color: #000;
    border: 1px solid #666;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

.ui-toolkit .login-registration-form label {
    display: block;
    margin-top: 8px;
    margin-bottom: 4px;
    clear: left;
}

.ui-toolkit .login-registration-form .input-group {
    clear: both;
}

.ui-toolkit .login-registration-form .inline-group {
    margin-top: 10px;
}

.ui-toolkit .login-registration-form .inline-group label {
    display: inline-block;
    margin-right: 8px;
    margin-top: 0;
}

.ui-toolkit .login-registration-form #email_marketing_opt_in_consent_message {
    width: 202px;
    font-size: 12px;
}

.ui-toolkit .login-registration-form .email_marketing-group label {
    width: 210px;
}

.ui-toolkit .login-registration-form .inline-group input {
    margin-right: 2px;
}

.ui-toolkit .login-registration-form .forgot-password a {
    color: #222;
}

.ui-toolkit .login-registration-form .fineprint {
    color: #999;
    font-size: 11px;
    margin: 12px 0 5px;
}

.ui-toolkit .login-registration-form .submit {
    margin: 0 0 14px 0;
    padding: 10px 0 0;
}

.ui-toolkit .login-registration-form .inline-notice,
.ui-toolkit .login-registration-form .first-name-disclaimer {
    clear: none;
    float: right;
    width: 215px;
    line-height: 16px;
}

.ui-toolkit .login-registration-form .inline-notice {
    color: #939393;
    border: 1px solid #fff;
    background: #fff;
    padding: 0 8px;
    margin-top: -3px;
}

.ui-toolkit .login-registration-form .inline-disclaimer-message,
.ui-toolkit .login-registration-form .inline-input-error-message {
    clear: none;
    float: right;
    width: 215px;
    line-height: 16px;
}

.ui-toolkit .login-registration-form .inline-disclaimer-message {
    display: none;
    color: #939393;
    border: 1px solid #fff;
    background: #fff;
    padding: 0 8px;
    margin-top: -3px;
}

.ui-toolkit .login-registration-form .inline-input-error-message {
    border: 1px solid #ffc0cb;
    background: #ffeeee;
    color: #a80308;
    display: none;
    padding: 6px 8px 5px 8px;
}

.ui-toolkit .form-container .login-registration-form .inline-notice,
.ui-toolkit .form-container .login-registration-form .first-name-disclaimer,
.ui-toolkit .form-container .login-registration-form .inline-disclaimer-message,
.ui-toolkit .form-container .login-registration-form .inline-input-error-message {
    width: 285px;
}

.ui-toolkit .login-registration-form .input-group-error label {
    color: #a80308;
}

.ui-toolkit .login-registration-form .input-group-error .text,
.ui-toolkit .login-registration-form .input-group-error .text:focus {
    border-color: #a80308;
}

.ui-toolkit .login-registration-form .spinner-small {
    display: none;
    margin-left: 1em;
    vertical-align: middle;
}

.ui-toolkit .login-registration-form .message-container-connections.msg {
    padding: 3px;
}

.ui-toolkit .login-registration-form .message-container-connections.msg h3 {
    font-weight: normal;
    font-size: 12px;
    margin: 0;
    padding: 8px 14px;
    border-radius: 5px;
    line-height: 18px;
}

.ui-toolkit .login-registration-form .message-container-connections.msg strong {
    color: #333;
    font-weight: bold;
}

.ui-toolkit .login-registration-form .message-container-connections.msg h3 a {
    font-weight: bold;
}

.ui-toolkit #valid-email-disclaimer {
    color: #333;
    display: none;
}

.ui-toolkit .suggested-username-tip {
    margin: -6px 0 10px 135px;
    background-color: #FFFFFF;
    display: none;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #DEDEDB;
    padding: 6px 8px 7px;
    position: relative;
    z-index: 2;
}

.ui-toolkit .login-registration-form .suggested-username-tip {
    margin: 7px 0 10px 0;
}

.ui-toolkit .suggested-username-alternatives-vis {
    display: inline;
    float: left;
}

.ui-toolkit .suggested-username-tip .arrow {
    background: no-repeat scroll -47px 1px transparent;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAABzCAMAAABzX6bqAAAAS1BMVEXZ2dn////Z2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnp6enq6urt7e309PT19fX+/v7///+Uf54gAAAAEnRSTlMAAAYbHk5RVI2Qq7G0t97h+fxNpkuAAAAB0klEQVR4Ab3NN5LCQAAAwdWe9+YO0P9fimpSCoIONPlUD+1u2rcsKt5/fkwnTfz/y2QSxHXNdBLETCdJzHSSxEwgTQTTyUQwnUwE08lEMJ1MBNPJRDCdTATTyMSvRDcvSRcziXQxk0gXM4l0MZNIFzOJdDETSBcz3yeRLmYS6WImkS5mEuliJpEuZhLpYiaRLmYS6WImkS5mCunidTNSRDcjRXQzUkQ3I1F0M9JFMSNdFDPSRTEjXRQz0kUxI10UM9JFMSNdFDPSRTEjXRQz0kUxI10UM9JFMSNdFDPSRTEjTQTzbUa6iGaki2JGuijmRrqopotsDhfRfB0vv6c9xcP3w3ATxWW4ieJGuiniiHQTxEg3RYx0E8TIvcxjYqSZID7GRLopYqSbIka6KWKkmyJGuilipJsiRoLpYqSYLkaK6WKkmC5GiulipJguRorpYqSYLkaK6WKkmC5GiulipJguRt42VXwaRGaqiGSmiUxmigikm4lAupkIpJuJQLqZCKSbiUC6mQikm4lAupkIpJuJQLqZCKSbiUC6mQikm4lAupkIJJqJP4lAopkIpJuJQLqZCKSbiUC6mQikm4lAupkoJJuJRLKZSCSbIDpZz4lCngHEflyX8KZpFQAAAABJRU5ErkJggg==");
    display: block;
    height: 9px;
    left: 7px;
    position: absolute;
    top: -9px;
    width: 20px;
    z-index: 3;
}

.ui-toolkit .suggested-username-tip a,
.ui-toolkit .suggested-username-tip a:active,
.ui-toolkit .suggested-username-tip a:link,
.ui-toolkit .suggested-username-tip a:visited {
    background-color: #EEEEE9;
    border-radius: 10px 10px 10px 10px;
    color: #666;
    font-size: 11px;
    margin: 0 0 0 3px;
    outline: medium none;
    padding: 2px 6px 2px 7px;
    text-decoration: none;
}

.ui-toolkit .suggested-username-tip a:hover {
    background-color: #DDDDD4;
    color: #333;
}

.ui-toolkit .suggested-username-tip span {
    color: #666666;
    font-size: 11px;
}

.ui-toolkit .overlay-connect-wrap {
    margin: 0 -53px;
    padding: 0 53px;
}

.ui-toolkit .overlay-connect-wrap.signin-ov .button-large {
    margin: 0;
}

.ui-toolkit .overlay-connect-wrap .btn-fb,
.ui-toolkit .overlay-connect-wrap .btn-google,
.ui-toolkit .connect-wrap .btn-fb,
.ui-toolkit .connect-wrap .btn-google {
    min-width: 210px;
}

.ui-toolkit .overlay-connect-wrap p {
    margin: 0;
    font-size: 11px;
    color: #595959;
}

.ui-toolkit .login-registration-form .or {
    height: 1px;
    margin: 18px -53px 24px;
    position: relative;
    background-color: #DADBD6;
}

.ui-toolkit .login-registration-form .or span {
    background-color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    left: 41px;
    letter-spacing: 0.1em;
    padding: 0 12px;
    position: absolute;
    text-transform: uppercase;
    top: -6px;
}

.ui-toolkit .connect-container.spinning .spinner {
    display: inline-block;
}

.ui-toolkit .seamless-sharing-overlay-wrap .tt-learn-more.tt-mini {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.ui-toolkit .seamless-sharing-overlay-wrap .tt-learn-more.tt-mini .tt-inner {
    padding: 117px 12px 12px;
    background: url(/assets/dist/images/seamless-sharing/how-it-works-small.20170615210940.png) no-repeat 8px 8px;
}

.ui-toolkit .seamless-sharing-overlay-wrap .tt-learn-more.tt-mini .tt-inner p {
    width: 226px;
    white-space: normal;
    font-size: 12px !important;
    line-height: 17px;
}

.ui-toolkit .seamless-sharing-overlay-wrap input {
    margin-right: 4px;
}

.ui-toolkit #step-2-heading h2 {
    color: #333;
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 18px;
}

.ui-toolkit .external-acct-connected {
    min-width: 230px;
    position: relative;
    border: 1px solid #ECECEC;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 12px;
}

.ui-toolkit .external-acct-connected .facebook-icon,
.ui-toolkit .external-acct-connected .google-icon {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    height: 30px;
    width: 30px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.ui-toolkit .external-acct-connected .facebook-icon {
    background: url(/assets/dist/images/sprites/connected-accounts-sprite.20170615210940.png) no-repeat scroll 2px 3px #3B5998;
}

.ui-toolkit .external-acct-connected .google-icon {
    background: url(/assets/dist/images/google-signin.20170615210938.png);
    background-size: contain;
}

.ui-toolkit .external-acct-connected .avatar {
    float: right;
}

.ui-toolkit .external-acct-connected a.avatar {
    position: absolute;
    right: 0;
    top: 0;
}

.ui-toolkit .external-acct-connected img {
    width: 40px;
    height: 40px;
    display: block;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.ui-toolkit .external-acct-connected .connected-msg {
    line-height: 14px;
    margin: 0 54px 0 45px;
    padding: 5px 0 0 0;
    white-space: nowrap;
}

.ui-toolkit .external-acct-connected .connected-msg p,
.ui-toolkit .external-acct-connected.ov .connected-msg p {
    color: #999;
    margin: 0;
    font-size: 11px;
    line-height: 14px;
}

.ui-toolkit .external-acct-name {
    font-weight: bold;
    color: #999;
    display: block;
}

.ui-toolkit .external-acct-connected.ov {
    display: inline-block;
    margin: -6px 0 0px;
}

.ui-toolkit .external-acct-connected.ov .facebook-icon,
.ui-toolkit .external-acct-connected.ov .google-icon {
    height: 25px;
    width: 25px;
}

.ui-toolkit .external-acct-connected.ov .facebook-icon {
    background-position: 3px -88px;
}

.ui-toolkit .external-acct-connected.ov img {
    width: 35px;
    height: 35px;
}

.ui-toolkit .external-acct-connected.ov .connected-msg p {
    margin-top: 4px;
}

.ui-toolkit .external-acct-connected.ov .connected-msg {
    margin: 0 48px 0 0;
    padding: 0 0 0 37px;
}

.ui-toolkit .recaptcha-actions a,
.ui-toolkit .recaptcha-actions a img {
    display: block;
}

.ui-toolkit #inline-overlay {
    color: #333;
    width: 580px;
    display: none;
}

.ui-toolkit #inline-overlay .overlay-body {
    padding: 0;
}

.ui-toolkit #inline-overlay .tabs {
    margin-bottom: 0;
}

.ui-toolkit #inline-overlay .msg-copy {
    padding: 12px 0;
    background-color: #E9F6FC;
}

.ui-toolkit #inline-overlay .submit {
    float: none;
}

.ui-toolkit #inline-overlay .btn-primary {
    min-width: 232px;
}

.ui-toolkit #inline-overlay .header-module {
    display: none;
}

.ui-toolkit #inline-overlay.collect-email h1 {
    font-family: "Guardian-EgypTT";
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 8px;
}

.ui-toolkit #inline-overlay.collect-email .login-registration-form {
    padding: 40px 50px;
}

.ui-toolkit #inline-overlay.collect-email p {
    color: #666;
}

.ui-toolkit #inline-overlay.collect-email .header-module {
    display: block;
    margin-bottom: 18px;
}

.ui-toolkit #inline-overlay.collect-email ul.tabs,
.ui-toolkit #inline-overlay.collect-email .msg-embedded,
.ui-toolkit #inline-overlay.collect-email #step-2-heading {
    display: none;
}

.ui-toolkit #inline-overlay.collect-email #register-tab-content .ext-acct,
.ui-toolkit #inline-overlay.collect-email #register-tab-content .message-container-connections,
.ui-toolkit #inline-overlay.collect-email #sign-in-tab-content .ext-acct,
.ui-toolkit #inline-overlay.collect-email #sign-in-tab-content .message-container-connections {
    display: none;
}

.ui-toolkit #inline-overlay.overlay,
.ui-toolkit #locale-select-overlay.overlay,
.ui-toolkit #conversation-overlay.overlay,
.ui-toolkit #custom-order-overlay,
.ui-toolkit #notification-overlay {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    padding: 0;
    background-color: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    color: #222;
    display: none;
    z-index: 10000;
    text-align: left;
    font-size: 12px;
}

.ui-toolkit #inline-overlay.overlay .msg-copy,
.ui-toolkit #locale-select-overlay.overlay .msg-copy,
.ui-toolkit #conversation-overlay.overlay .msg-copy,
.ui-toolkit #custom-order-overlay .msg-copy,
.ui-toolkit #notification-overlay .msg-copy {
    padding: 12px;
    background-color: #FFF3EE;
    margin: 19px 0px;
}

.ui-toolkit #inline-overlay.overlay .overlay-connect-wrap .btn-fb,
.ui-toolkit #inline-overlay.overlay .overlay-connect-wrap .btn-google,
.ui-toolkit #locale-select-overlay.overlay .overlay-connect-wrap .btn-fb,
.ui-toolkit #locale-select-overlay.overlay .overlay-connect-wrap .btn-google,
.ui-toolkit #conversation-overlay.overlay .overlay-connect-wrap .btn-fb,
.ui-toolkit #conversation-overlay.overlay .overlay-connect-wrap .btn-google,
.ui-toolkit #custom-order-overlay .overlay-connect-wrap .btn-fb,
.ui-toolkit #custom-order-overlay .overlay-connect-wrap .btn-google,
.ui-toolkit #notification-overlay .overlay-connect-wrap .btn-fb,
.ui-toolkit #notification-overlay .overlay-connect-wrap .btn-google {
    min-width: 230px;
    margin-bottom: 8px;
}

.ui-toolkit #inline-overlay.overlay .overlay-connect-wrap p,
.ui-toolkit #locale-select-overlay.overlay .overlay-connect-wrap p,
.ui-toolkit #conversation-overlay.overlay .overlay-connect-wrap p,
.ui-toolkit #custom-order-overlay .overlay-connect-wrap p,
.ui-toolkit #notification-overlay .overlay-connect-wrap p {
    font-size: 11px;
    color: #222;
}

.ui-toolkit #inline-overlay.overlay .button-remove,
.ui-toolkit #locale-select-overlay.overlay .button-remove,
.ui-toolkit #conversation-overlay.overlay .button-remove,
.ui-toolkit #custom-order-overlay .button-remove,
.ui-toolkit #notification-overlay .button-remove {
    background: transparent url(/assets/dist/images/sprites/buttons-master.20170615210940.png) no-repeat 0 -1326px;
    display: block;
    width: 16px;
    height: 16px;
}

.ui-toolkit #inline-overlay.overlay .button-remove.close,
.ui-toolkit #locale-select-overlay.overlay .button-remove.close,
.ui-toolkit #conversation-overlay.overlay .button-remove.close,
.ui-toolkit #custom-order-overlay .button-remove.close,
.ui-toolkit #notification-overlay .button-remove.close {
    cursor: pointer;
    position: absolute;
    right: 3px;
    top: 5px;
}

.ui-toolkit #inline-overlay.overlay .button-remove span,
.ui-toolkit #locale-select-overlay.overlay .button-remove span,
.ui-toolkit #conversation-overlay.overlay .button-remove span,
.ui-toolkit #custom-order-overlay .button-remove span,
.ui-toolkit #notification-overlay .button-remove span {
    display: none;
}

.ui-toolkit #inline-overlay.overlay .button-remove:hover,
.ui-toolkit #inline-overlay.overlay .button-remove.hover,
.ui-toolkit #locale-select-overlay.overlay .button-remove:hover,
.ui-toolkit #locale-select-overlay.overlay .button-remove.hover,
.ui-toolkit #conversation-overlay.overlay .button-remove:hover,
.ui-toolkit #conversation-overlay.overlay .button-remove.hover,
.ui-toolkit #custom-order-overlay .button-remove:hover,
.ui-toolkit #custom-order-overlay .button-remove.hover,
.ui-toolkit #notification-overlay .button-remove:hover,
.ui-toolkit #notification-overlay .button-remove.hover {
    background-position: -16px -1326px;
}

.ui-toolkit #inline-overlay.overlay .button-remove:active,
.ui-toolkit #inline-overlay.overlay .button-remove.active,
.ui-toolkit #locale-select-overlay.overlay .button-remove:active,
.ui-toolkit #locale-select-overlay.overlay .button-remove.active,
.ui-toolkit #conversation-overlay.overlay .button-remove:active,
.ui-toolkit #conversation-overlay.overlay .button-remove.active,
.ui-toolkit #custom-order-overlay .button-remove:active,
.ui-toolkit #custom-order-overlay .button-remove.active,
.ui-toolkit #notification-overlay .button-remove:active,
.ui-toolkit #notification-overlay .button-remove.active {
    background-position: -32px -1326px;
}

.ui-toolkit #inline-overlay.overlay .overlay-header,
.ui-toolkit #locale-select-overlay.overlay .overlay-header,
.ui-toolkit #conversation-overlay.overlay .overlay-header,
.ui-toolkit #custom-order-overlay .overlay-header,
.ui-toolkit #notification-overlay .overlay-header {
    border: 0 none;
    border-bottom: 1px solid #FBFBFA;
    background-color: #FAF9F5;
    padding: 17px 21px 16px;
    margin: 0;
    border-top: 1px solid white;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.ui-toolkit #inline-overlay.overlay .overlay-header h2,
.ui-toolkit #locale-select-overlay.overlay .overlay-header h2,
.ui-toolkit #conversation-overlay.overlay .overlay-header h2,
.ui-toolkit #custom-order-overlay .overlay-header h2,
.ui-toolkit #notification-overlay .overlay-header h2 {
    font-size: 21px;
    font-weight: normal;
    line-height: 26px;
    text-shadow: 0 1px 0 #FFF;
}

.ui-toolkit #inline-overlay.overlay .overlay-footer,
.ui-toolkit #locale-select-overlay.overlay .overlay-footer,
.ui-toolkit #conversation-overlay.overlay .overlay-footer,
.ui-toolkit #custom-order-overlay .overlay-footer,
.ui-toolkit #notification-overlay .overlay-footer {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    height: auto;
    padding: 11px 21px 13px;
    border-top: 1px solid #FBFBFA;
    background-color: #FFF;
}

.ui-toolkit #inline-overlay.overlay .overlay-footer .selected-regional-settings,
.ui-toolkit #locale-select-overlay.overlay .overlay-footer .selected-regional-settings,
.ui-toolkit #conversation-overlay.overlay .overlay-footer .selected-regional-settings,
.ui-toolkit #custom-order-overlay .overlay-footer .selected-regional-settings,
.ui-toolkit #notification-overlay .overlay-footer .selected-regional-settings {
    text-align: left;
}

.ui-toolkit #inline-overlay.overlay .overlay-content,
.ui-toolkit #locale-select-overlay.overlay .overlay-content,
.ui-toolkit #conversation-overlay.overlay .overlay-content,
.ui-toolkit #custom-order-overlay .overlay-content,
.ui-toolkit #notification-overlay .overlay-content {
    background-color: #FFF;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.ui-toolkit #inline-overlay.overlay .overlay-content .ss-delete.close:hover,
.ui-toolkit #locale-select-overlay.overlay .overlay-content .ss-delete.close:hover,
.ui-toolkit #conversation-overlay.overlay .overlay-content .ss-delete.close:hover,
.ui-toolkit #custom-order-overlay .overlay-content .ss-delete.close:hover,
.ui-toolkit #notification-overlay .overlay-content .ss-delete.close:hover {
    background: none;
    opacity: 0.8;
}

.ui-toolkit #inline-overlay.overlay .overlay-content .ss-delete.close,
.ui-toolkit #locale-select-overlay.overlay .overlay-content .ss-delete.close,
.ui-toolkit #conversation-overlay.overlay .overlay-content .ss-delete.close,
.ui-toolkit #custom-order-overlay .overlay-content .ss-delete.close,
.ui-toolkit #notification-overlay .overlay-content .ss-delete.close {
    font-size: 12px;
    color: #222;
    padding: 4px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    width: 16px;
    z-index: 2;
}

.ui-toolkit #inline-overlay.overlay .tabs,
.ui-toolkit #locale-select-overlay.overlay .tabs,
.ui-toolkit #conversation-overlay.overlay .tabs,
.ui-toolkit #custom-order-overlay .tabs,
.ui-toolkit #notification-overlay .tabs {
    list-style: none;
    padding: 0 10px 0 40px;
    margin: 20px 0 0px;
    margin-top: 0;
    margin-bottom: 0;
    background: #FAF9F5;
    border-bottom: 1px solid #E1E3DF;
    border-top: 1px solid #FFF;
    border-radius: 5px 5px 0 0;
}

.ui-toolkit #inline-overlay.overlay .tabs li,
.ui-toolkit #locale-select-overlay.overlay .tabs li,
.ui-toolkit #conversation-overlay.overlay .tabs li,
.ui-toolkit #custom-order-overlay .tabs li,
.ui-toolkit #notification-overlay .tabs li {
    float: left;
    margin-top: 20px;
}

.ui-toolkit #inline-overlay.overlay .tabs li>a,
.ui-toolkit #inline-overlay.overlay .tabs li .tab-title,
.ui-toolkit #locale-select-overlay.overlay .tabs li>a,
.ui-toolkit #locale-select-overlay.overlay .tabs li .tab-title,
.ui-toolkit #conversation-overlay.overlay .tabs li>a,
.ui-toolkit #conversation-overlay.overlay .tabs li .tab-title,
.ui-toolkit #custom-order-overlay .tabs li>a,
.ui-toolkit #custom-order-overlay .tabs li .tab-title,
.ui-toolkit #notification-overlay .tabs li>a,
.ui-toolkit #notification-overlay .tabs li .tab-title {
    display: block;
    background-color: #FAF9F5;
    border: 1px solid #E1E3DF;
    border-left: 0;
    font-size: 13px;
    padding: 8px 12px;
    margin: 0 0 -1px;
    text-align: center;
    color: #222;
    font-weight: bold;
    position: relative;
    cursor: pointer;
}

.ui-toolkit #inline-overlay.overlay .tabs li .tab-title:hover,
.ui-toolkit #locale-select-overlay.overlay .tabs li .tab-title:hover,
.ui-toolkit #conversation-overlay.overlay .tabs li .tab-title:hover,
.ui-toolkit #custom-order-overlay .tabs li .tab-title:hover,
.ui-toolkit #notification-overlay .tabs li .tab-title:hover {
    text-decoration: underline;
}

.ui-toolkit #inline-overlay.overlay .tabs li.first>a,
.ui-toolkit #inline-overlay.overlay .tabs li.first .tab-title,
.ui-toolkit #locale-select-overlay.overlay .tabs li.first>a,
.ui-toolkit #locale-select-overlay.overlay .tabs li.first .tab-title,
.ui-toolkit #conversation-overlay.overlay .tabs li.first>a,
.ui-toolkit #conversation-overlay.overlay .tabs li.first .tab-title,
.ui-toolkit #custom-order-overlay .tabs li.first>a,
.ui-toolkit #custom-order-overlay .tabs li.first .tab-title,
.ui-toolkit #notification-overlay .tabs li.first>a,
.ui-toolkit #notification-overlay .tabs li.first .tab-title {
    border-left: 1px solid #E1E3DF;
}

.ui-toolkit #inline-overlay.overlay .tabs li.active>a,
.ui-toolkit #inline-overlay.overlay .tabs li.active .tab-title,
.ui-toolkit #inline-overlay.overlay .tabs li>a.active,
.ui-toolkit #inline-overlay.overlay .tabs li .tab-title.active,
.ui-toolkit #inline-overlay.overlay .tabs li.ui-state-active>a,
.ui-toolkit #inline-overlay.overlay .tabs li.ui-state-active .tab-title,
.ui-toolkit #inline-overlay.overlay .tabs li>a.ui-state-active,
.ui-toolkit #inline-overlay.overlay .tabs li .tab-title.ui-state-active,
.ui-toolkit #locale-select-overlay.overlay .tabs li.active>a,
.ui-toolkit #locale-select-overlay.overlay .tabs li.active .tab-title,
.ui-toolkit #locale-select-overlay.overlay .tabs li>a.active,
.ui-toolkit #locale-select-overlay.overlay .tabs li .tab-title.active,
.ui-toolkit #locale-select-overlay.overlay .tabs li.ui-state-active>a,
.ui-toolkit #locale-select-overlay.overlay .tabs li.ui-state-active .tab-title,
.ui-toolkit #locale-select-overlay.overlay .tabs li>a.ui-state-active,
.ui-toolkit #locale-select-overlay.overlay .tabs li .tab-title.ui-state-active,
.ui-toolkit #conversation-overlay.overlay .tabs li.active>a,
.ui-toolkit #conversation-overlay.overlay .tabs li.active .tab-title,
.ui-toolkit #conversation-overlay.overlay .tabs li>a.active,
.ui-toolkit #conversation-overlay.overlay .tabs li .tab-title.active,
.ui-toolkit #conversation-overlay.overlay .tabs li.ui-state-active>a,
.ui-toolkit #conversation-overlay.overlay .tabs li.ui-state-active .tab-title,
.ui-toolkit #conversation-overlay.overlay .tabs li>a.ui-state-active,
.ui-toolkit #conversation-overlay.overlay .tabs li .tab-title.ui-state-active,
.ui-toolkit #custom-order-overlay .tabs li.active>a,
.ui-toolkit #custom-order-overlay .tabs li.active .tab-title,
.ui-toolkit #custom-order-overlay .tabs li>a.active,
.ui-toolkit #custom-order-overlay .tabs li .tab-title.active,
.ui-toolkit #custom-order-overlay .tabs li.ui-state-active>a,
.ui-toolkit #custom-order-overlay .tabs li.ui-state-active .tab-title,
.ui-toolkit #custom-order-overlay .tabs li>a.ui-state-active,
.ui-toolkit #custom-order-overlay .tabs li .tab-title.ui-state-active,
.ui-toolkit #notification-overlay .tabs li.active>a,
.ui-toolkit #notification-overlay .tabs li.active .tab-title,
.ui-toolkit #notification-overlay .tabs li>a.active,
.ui-toolkit #notification-overlay .tabs li .tab-title.active,
.ui-toolkit #notification-overlay .tabs li.ui-state-active>a,
.ui-toolkit #notification-overlay .tabs li.ui-state-active .tab-title,
.ui-toolkit #notification-overlay .tabs li>a.ui-state-active,
.ui-toolkit #notification-overlay .tabs li .tab-title.ui-state-active {
    background-color: #FFF;
    border-bottom-color: #FFF;
    color: #222;
}

.ui-toolkit #inline-overlay.overlay .tabs li.prefix,
.ui-toolkit #locale-select-overlay.overlay .tabs li.prefix,
.ui-toolkit #conversation-overlay.overlay .tabs li.prefix,
.ui-toolkit #custom-order-overlay .tabs li.prefix,
.ui-toolkit #notification-overlay .tabs li.prefix {
    display: block;
    font-size: 13px;
    padding: 8px 12px;
    margin: 0 0 -1px;
    text-align: center;
    font-weight: bold;
    position: relative;
}

.ui-toolkit #inline-overlay.overlay .overlay-tab-content,
.ui-toolkit #locale-select-overlay.overlay .overlay-tab-content,
.ui-toolkit #conversation-overlay.overlay .overlay-tab-content,
.ui-toolkit #custom-order-overlay .overlay-tab-content,
.ui-toolkit #notification-overlay .overlay-tab-content {
    display: none;
}

.ui-toolkit #inline-overlay.overlay .overlay-tab-content.active,
.ui-toolkit #locale-select-overlay.overlay .overlay-tab-content.active,
.ui-toolkit #conversation-overlay.overlay .overlay-tab-content.active,
.ui-toolkit #custom-order-overlay .overlay-tab-content.active,
.ui-toolkit #notification-overlay .overlay-tab-content.active {
    display: block;
}

.ui-toolkit #inline-overlay.overlay .clear:after,
.ui-toolkit #locale-select-overlay.overlay .clear:after,
.ui-toolkit #conversation-overlay.overlay .clear:after,
.ui-toolkit #custom-order-overlay .clear:after,
.ui-toolkit #notification-overlay .clear:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui-toolkit #inline-overlay.overlay .clear,
.ui-toolkit #locale-select-overlay.overlay .clear,
.ui-toolkit #conversation-overlay.overlay .clear,
.ui-toolkit #custom-order-overlay .clear,
.ui-toolkit #notification-overlay .clear {
    min-height: 1%;
}

.ui-toolkit #inline-overlay.overlay .btn-fb,
.ui-toolkit #locale-select-overlay.overlay .btn-fb,
.ui-toolkit #conversation-overlay.overlay .btn-fb,
.ui-toolkit #custom-order-overlay .btn-fb,
.ui-toolkit #notification-overlay .btn-fb {
    text-align: center;
    margin-bottom: 8px;
    padding: 7px 10px;
    background-color: #3B5998;
    border-color: rgba(0, 0, 0, 0.1);
    color: #FFF;
}

.ui-toolkit #inline-overlay.overlay .btn-fb:hover,
.ui-toolkit #inline-overlay.overlay .btn-fb.hover,
.ui-toolkit #locale-select-overlay.overlay .btn-fb:hover,
.ui-toolkit #locale-select-overlay.overlay .btn-fb.hover,
.ui-toolkit #conversation-overlay.overlay .btn-fb:hover,
.ui-toolkit #conversation-overlay.overlay .btn-fb.hover,
.ui-toolkit #custom-order-overlay .btn-fb:hover,
.ui-toolkit #custom-order-overlay .btn-fb.hover,
.ui-toolkit #notification-overlay .btn-fb:hover,
.ui-toolkit #notification-overlay .btn-fb.hover {
    background-color: #3f61a3;
    border-color: rgba(0, 0, 0, 0.2);
}

.ui-toolkit #inline-overlay.overlay .btn-fb:active,
.ui-toolkit #inline-overlay.overlay .btn-fb.active,
.ui-toolkit #inline-overlay.overlay .btn-group.open .btn-fb,
.ui-toolkit #locale-select-overlay.overlay .btn-fb:active,
.ui-toolkit #locale-select-overlay.overlay .btn-fb.active,
.ui-toolkit #locale-select-overlay.overlay .btn-group.open .btn-fb,
.ui-toolkit #conversation-overlay.overlay .btn-fb:active,
.ui-toolkit #conversation-overlay.overlay .btn-fb.active,
.ui-toolkit #conversation-overlay.overlay .btn-group.open .btn-fb,
.ui-toolkit #custom-order-overlay .btn-fb:active,
.ui-toolkit #custom-order-overlay .btn-fb.active,
.ui-toolkit #custom-order-overlay .btn-group.open .btn-fb,
.ui-toolkit #notification-overlay .btn-fb:active,
.ui-toolkit #notification-overlay .btn-fb.active,
.ui-toolkit #notification-overlay .btn-group.open .btn-fb {
    background-color: #37538d;
    border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit #inline-overlay.overlay .btn-fb.ss-facebook:before,
.ui-toolkit #locale-select-overlay.overlay .btn-fb.ss-facebook:before,
.ui-toolkit #conversation-overlay.overlay .btn-fb.ss-facebook:before,
.ui-toolkit #custom-order-overlay .btn-fb.ss-facebook:before,
.ui-toolkit #notification-overlay .btn-fb.ss-facebook:before {
    font-family: "SSEtsy";
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 7px;
}

.ui-toolkit #inline-overlay.overlay .btn-fb.ss-facebook.spinning:before,
.ui-toolkit #inline-overlay.overlay .connect-container .facebook-spinner,
.ui-toolkit #locale-select-overlay.overlay .btn-fb.ss-facebook.spinning:before,
.ui-toolkit #locale-select-overlay.overlay .connect-container .facebook-spinner,
.ui-toolkit #conversation-overlay.overlay .btn-fb.ss-facebook.spinning:before,
.ui-toolkit #conversation-overlay.overlay .connect-container .facebook-spinner,
.ui-toolkit #custom-order-overlay .btn-fb.ss-facebook.spinning:before,
.ui-toolkit #custom-order-overlay .connect-container .facebook-spinner,
.ui-toolkit #notification-overlay .btn-fb.ss-facebook.spinning:before,
.ui-toolkit #notification-overlay .connect-container .facebook-spinner {
    content: "";
    background: url(/assets/dist/images/spinners/facebook-spinner.20170615210940.gif) no-repeat center bottom;
    background-size: 15px 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .ui-toolkit #inline-overlay.overlay .btn-fb.ss-facebook.spinning:before,
    .ui-toolkit #inline-overlay.overlay .connect-container .facebook-spinner,
    .ui-toolkit #locale-select-overlay.overlay .btn-fb.ss-facebook.spinning:before,
    .ui-toolkit #locale-select-overlay.overlay .connect-container .facebook-spinner,
    .ui-toolkit #conversation-overlay.overlay .btn-fb.ss-facebook.spinning:before,
    .ui-toolkit #conversation-overlay.overlay .connect-container .facebook-spinner,
    .ui-toolkit #custom-order-overlay .btn-fb.ss-facebook.spinning:before,
    .ui-toolkit #custom-order-overlay .connect-container .facebook-spinner,
    .ui-toolkit #notification-overlay .btn-fb.ss-facebook.spinning:before,
    .ui-toolkit #notification-overlay .connect-container .facebook-spinner {
        background-image: url(/assets/dist/images/spinners/facebook-spinner@2x.20170615210940.gif);
    }
}

.ui-toolkit #inline-overlay.overlay .btn-google,
.ui-toolkit #locale-select-overlay.overlay .btn-google,
.ui-toolkit #conversation-overlay.overlay .btn-google,
.ui-toolkit #custom-order-overlay .btn-google,
.ui-toolkit #notification-overlay .btn-google {
    text-align: center;
    margin-bottom: 8px;
    padding: 7px 10px;
    border-color: rgba(0, 0, 0, 0.15);
    background-color: #4285F4;
    color: #FFF;
}

.ui-toolkit #inline-overlay.overlay .btn-google:hover,
.ui-toolkit #locale-select-overlay.overlay .btn-google:hover,
.ui-toolkit #conversation-overlay.overlay .btn-google:hover,
.ui-toolkit #custom-order-overlay .btn-google:hover,
.ui-toolkit #notification-overlay .btn-google:hover {
    background-color: #5593f5;
    border-color: rgba(0, 0, 0, 0.25);
}

.ui-toolkit #inline-overlay.overlay .btn-google:active,
.ui-toolkit #inline-overlay.overlay .btn-group.open .btn-google,
.ui-toolkit #locale-select-overlay.overlay .btn-google:active,
.ui-toolkit #locale-select-overlay.overlay .btn-group.open .btn-google,
.ui-toolkit #conversation-overlay.overlay .btn-google:active,
.ui-toolkit #conversation-overlay.overlay .btn-group.open .btn-google,
.ui-toolkit #custom-order-overlay .btn-google:active,
.ui-toolkit #custom-order-overlay .btn-group.open .btn-google,
.ui-toolkit #notification-overlay .btn-google:active,
.ui-toolkit #notification-overlay .btn-group.open .btn-google {
    background-color: #347df3;
    border-color: rgba(0, 0, 0, 0.5);
}

.ui-toolkit #inline-overlay.overlay .btn-google:before,
.ui-toolkit #locale-select-overlay.overlay .btn-google:before,
.ui-toolkit #conversation-overlay.overlay .btn-google:before,
.ui-toolkit #custom-order-overlay .btn-google:before,
.ui-toolkit #notification-overlay .btn-google:before {
    float: left;
    height: 16px;
    width: 16px;
    margin-right: 9px;
    content: "";
    background: url(/assets/dist/images/google/google-icon.20170615210938.png) no-repeat center;
    background-size: 15px 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .ui-toolkit #inline-overlay.overlay .btn-google:before,
    .ui-toolkit #locale-select-overlay.overlay .btn-google:before,
    .ui-toolkit #conversation-overlay.overlay .btn-google:before,
    .ui-toolkit #custom-order-overlay .btn-google:before,
    .ui-toolkit #notification-overlay .btn-google:before {
        background-image: url(/assets/dist/images/google/google-icon@2x.20170615210938.png);
    }
}

.ui-toolkit #inline-overlay.overlay .btn-google.spinning:before,
.ui-toolkit #inline-overlay.overlay .connect-container .google-spinner,
.ui-toolkit #locale-select-overlay.overlay .btn-google.spinning:before,
.ui-toolkit #locale-select-overlay.overlay .connect-container .google-spinner,
.ui-toolkit #conversation-overlay.overlay .btn-google.spinning:before,
.ui-toolkit #conversation-overlay.overlay .connect-container .google-spinner,
.ui-toolkit #custom-order-overlay .btn-google.spinning:before,
.ui-toolkit #custom-order-overlay .connect-container .google-spinner,
.ui-toolkit #notification-overlay .btn-google.spinning:before,
.ui-toolkit #notification-overlay .connect-container .google-spinner {
    background: url(/assets/dist/images/spinners/google-spinner.20170615210940.gif) no-repeat center;
    background-size: 15px 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .ui-toolkit #inline-overlay.overlay .btn-google.spinning:before,
    .ui-toolkit #inline-overlay.overlay .connect-container .google-spinner,
    .ui-toolkit #locale-select-overlay.overlay .btn-google.spinning:before,
    .ui-toolkit #locale-select-overlay.overlay .connect-container .google-spinner,
    .ui-toolkit #conversation-overlay.overlay .btn-google.spinning:before,
    .ui-toolkit #conversation-overlay.overlay .connect-container .google-spinner,
    .ui-toolkit #custom-order-overlay .btn-google.spinning:before,
    .ui-toolkit #custom-order-overlay .connect-container .google-spinner,
    .ui-toolkit #notification-overlay .btn-google.spinning:before,
    .ui-toolkit #notification-overlay .connect-container .google-spinner {
        background-image: url(/assets/dist/images/spinners/google-spinner@2x.20170615210940.gif);
    }
}

.ui-toolkit #inline-overlay.overlay .connect-container .google-spinner,
.ui-toolkit #inline-overlay.overlay .connect-container .facebook-spinner,
.ui-toolkit #locale-select-overlay.overlay .connect-container .google-spinner,
.ui-toolkit #locale-select-overlay.overlay .connect-container .facebook-spinner,
.ui-toolkit #conversation-overlay.overlay .connect-container .google-spinner,
.ui-toolkit #conversation-overlay.overlay .connect-container .facebook-spinner,
.ui-toolkit #custom-order-overlay .connect-container .google-spinner,
.ui-toolkit #custom-order-overlay .connect-container .facebook-spinner,
.ui-toolkit #notification-overlay .connect-container .google-spinner,
.ui-toolkit #notification-overlay .connect-container .facebook-spinner {
    display: none;
}

.ui-toolkit #inline-overlay.overlay .btn-primary,
.ui-toolkit #inline-overlay.overlay .btn-secondary,
.ui-toolkit #inline-overlay.overlay .btn-transaction,
.ui-toolkit #inline-overlay.overlay .btn-offsite,
.ui-toolkit #inline-overlay.overlay .btn-invite,
.ui-toolkit #inline-overlay.overlay .btn-fb,
.ui-toolkit #inline-overlay.overlay .btn-google,
.ui-toolkit #inline-overlay.overlay .btn-link,
.ui-toolkit #locale-select-overlay.overlay .btn-primary,
.ui-toolkit #locale-select-overlay.overlay .btn-secondary,
.ui-toolkit #locale-select-overlay.overlay .btn-transaction,
.ui-toolkit #locale-select-overlay.overlay .btn-offsite,
.ui-toolkit #locale-select-overlay.overlay .btn-invite,
.ui-toolkit #locale-select-overlay.overlay .btn-fb,
.ui-toolkit #locale-select-overlay.overlay .btn-google,
.ui-toolkit #locale-select-overlay.overlay .btn-link,
.ui-toolkit #conversation-overlay.overlay .btn-primary,
.ui-toolkit #conversation-overlay.overlay .btn-secondary,
.ui-toolkit #conversation-overlay.overlay .btn-transaction,
.ui-toolkit #conversation-overlay.overlay .btn-offsite,
.ui-toolkit #conversation-overlay.overlay .btn-invite,
.ui-toolkit #conversation-overlay.overlay .btn-fb,
.ui-toolkit #conversation-overlay.overlay .btn-google,
.ui-toolkit #conversation-overlay.overlay .btn-link,
.ui-toolkit #custom-order-overlay .btn-primary,
.ui-toolkit #custom-order-overlay .btn-secondary,
.ui-toolkit #custom-order-overlay .btn-transaction,
.ui-toolkit #custom-order-overlay .btn-offsite,
.ui-toolkit #custom-order-overlay .btn-invite,
.ui-toolkit #custom-order-overlay .btn-fb,
.ui-toolkit #custom-order-overlay .btn-google,
.ui-toolkit #custom-order-overlay .btn-link,
.ui-toolkit #notification-overlay .btn-primary,
.ui-toolkit #notification-overlay .btn-secondary,
.ui-toolkit #notification-overlay .btn-transaction,
.ui-toolkit #notification-overlay .btn-offsite,
.ui-toolkit #notification-overlay .btn-invite,
.ui-toolkit #notification-overlay .btn-fb,
.ui-toolkit #notification-overlay .btn-google,
.ui-toolkit #notification-overlay .btn-link {
    display: inline-block;
    padding: 7px 15px 8px;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    text-decoration: none;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    line-height: normal;
    margin: 0;
    -webkit-appearance: none;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
screen and (orientation: landscape) and (min-device-height: 740px) {
    .ui-toolkit #inline-overlay.overlay .btn-primary,
    .ui-toolkit #inline-overlay.overlay .btn-secondary,
    .ui-toolkit #inline-overlay.overlay .btn-transaction,
    .ui-toolkit #inline-overlay.overlay .btn-offsite,
    .ui-toolkit #inline-overlay.overlay .btn-invite,
    .ui-toolkit #inline-overlay.overlay .btn-fb,
    .ui-toolkit #inline-overlay.overlay .btn-google,
    .ui-toolkit #inline-overlay.overlay .btn-link,
    .ui-toolkit #locale-select-overlay.overlay .btn-primary,
    .ui-toolkit #locale-select-overlay.overlay .btn-secondary,
    .ui-toolkit #locale-select-overlay.overlay .btn-transaction,
    .ui-toolkit #locale-select-overlay.overlay .btn-offsite,
    .ui-toolkit #locale-select-overlay.overlay .btn-invite,
    .ui-toolkit #locale-select-overlay.overlay .btn-fb,
    .ui-toolkit #locale-select-overlay.overlay .btn-google,
    .ui-toolkit #locale-select-overlay.overlay .btn-link,
    .ui-toolkit #conversation-overlay.overlay .btn-primary,
    .ui-toolkit #conversation-overlay.overlay .btn-secondary,
    .ui-toolkit #conversation-overlay.overlay .btn-transaction,
    .ui-toolkit #conversation-overlay.overlay .btn-offsite,
    .ui-toolkit #conversation-overlay.overlay .btn-invite,
    .ui-toolkit #conversation-overlay.overlay .btn-fb,
    .ui-toolkit #conversation-overlay.overlay .btn-google,
    .ui-toolkit #conversation-overlay.overlay .btn-link,
    .ui-toolkit #custom-order-overlay .btn-primary,
    .ui-toolkit #custom-order-overlay .btn-secondary,
    .ui-toolkit #custom-order-overlay .btn-transaction,
    .ui-toolkit #custom-order-overlay .btn-offsite,
    .ui-toolkit #custom-order-overlay .btn-invite,
    .ui-toolkit #custom-order-overlay .btn-fb,
    .ui-toolkit #custom-order-overlay .btn-google,
    .ui-toolkit #custom-order-overlay .btn-link,
    .ui-toolkit #notification-overlay .btn-primary,
    .ui-toolkit #notification-overlay .btn-secondary,
    .ui-toolkit #notification-overlay .btn-transaction,
    .ui-toolkit #notification-overlay .btn-offsite,
    .ui-toolkit #notification-overlay .btn-invite,
    .ui-toolkit #notification-overlay .btn-fb,
    .ui-toolkit #notification-overlay .btn-google,
    .ui-toolkit #notification-overlay .btn-link {
        font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    }
}

.ui-toolkit #inline-overlay.overlay .btn-secondary,
.ui-toolkit #locale-select-overlay.overlay .btn-secondary,
.ui-toolkit #conversation-overlay.overlay .btn-secondary,
.ui-toolkit #custom-order-overlay .btn-secondary,
.ui-toolkit #notification-overlay .btn-secondary {
    color: #222;
}

.ui-toolkit #inline-overlay.overlay .btn-link,
.ui-toolkit #locale-select-overlay.overlay .btn-link,
.ui-toolkit #conversation-overlay.overlay .btn-link,
.ui-toolkit #custom-order-overlay .btn-link,
.ui-toolkit #notification-overlay .btn-link {
    color: #F56400;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    background-image: none;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0 15px;
}

.ui-toolkit #inline-overlay.overlay .btn-link:hover,
.ui-toolkit #locale-select-overlay.overlay .btn-link:hover,
.ui-toolkit #conversation-overlay.overlay .btn-link:hover,
.ui-toolkit #custom-order-overlay .btn-link:hover,
.ui-toolkit #notification-overlay .btn-link:hover {
    text-decoration: underline;
}

.ui-toolkit #inline-overlay.overlay .btn-link:focus,
.ui-toolkit #locale-select-overlay.overlay .btn-link:focus,
.ui-toolkit #conversation-overlay.overlay .btn-link:focus,
.ui-toolkit #custom-order-overlay .btn-link:focus,
.ui-toolkit #notification-overlay .btn-link:focus {
    background-color: transparent;
    text-decoration: underline;
}

.ui-toolkit #inline-overlay.overlay .btn-link.disabled,
.ui-toolkit #locale-select-overlay.overlay .btn-link.disabled,
.ui-toolkit #conversation-overlay.overlay .btn-link.disabled,
.ui-toolkit #custom-order-overlay .btn-link.disabled,
.ui-toolkit #notification-overlay .btn-link.disabled {
    color: #595959;
}

.ui-toolkit #inline-overlay.overlay .btn-link.disabled:hover,
.ui-toolkit #locale-select-overlay.overlay .btn-link.disabled:hover,
.ui-toolkit #conversation-overlay.overlay .btn-link.disabled:hover,
.ui-toolkit #custom-order-overlay .btn-link.disabled:hover,
.ui-toolkit #notification-overlay .btn-link.disabled:hover {
    text-decoration: none;
}

.ui-toolkit #inline-overlay.overlay button.disabled,
.ui-toolkit #inline-overlay.overlay button.disabled:hover,
.ui-toolkit #locale-select-overlay.overlay button.disabled,
.ui-toolkit #locale-select-overlay.overlay button.disabled:hover,
.ui-toolkit #conversation-overlay.overlay button.disabled,
.ui-toolkit #conversation-overlay.overlay button.disabled:hover,
.ui-toolkit #custom-order-overlay button.disabled,
.ui-toolkit #custom-order-overlay button.disabled:hover,
.ui-toolkit #notification-overlay button.disabled,
.ui-toolkit #notification-overlay button.disabled:hover {
    cursor: default;
}

.ui-toolkit #inline-overlay.overlay .btn-primary:focus,
.ui-toolkit #inline-overlay.overlay .btn-secondary:focus,
.ui-toolkit #inline-overlay.overlay .btn-transaction:focus,
.ui-toolkit #inline-overlay.overlay .btn-group:focus,
.ui-toolkit #inline-overlay.overlay .btn-invite:focus,
.ui-toolkit #inline-overlay.overlay .btn-fb:focus,
.ui-toolkit #inline-overlay.overlay .btn-google:focus,
.ui-toolkit #inline-overlay.overlay .btn-link:focus,
.ui-toolkit #locale-select-overlay.overlay .btn-primary:focus,
.ui-toolkit #locale-select-overlay.overlay .btn-secondary:focus,
.ui-toolkit #locale-select-overlay.overlay .btn-transaction:focus,
.ui-toolkit #locale-select-overlay.overlay .btn-group:focus,
.ui-toolkit #locale-select-overlay.overlay .btn-invite:focus,
.ui-toolkit #locale-select-overlay.overlay .btn-fb:focus,
.ui-toolkit #locale-select-overlay.overlay .btn-google:focus,
.ui-toolkit #locale-select-overlay.overlay .btn-link:focus,
.ui-toolkit #conversation-overlay.overlay .btn-primary:focus,
.ui-toolkit #conversation-overlay.overlay .btn-secondary:focus,
.ui-toolkit #conversation-overlay.overlay .btn-transaction:focus,
.ui-toolkit #conversation-overlay.overlay .btn-group:focus,
.ui-toolkit #conversation-overlay.overlay .btn-invite:focus,
.ui-toolkit #conversation-overlay.overlay .btn-fb:focus,
.ui-toolkit #conversation-overlay.overlay .btn-google:focus,
.ui-toolkit #conversation-overlay.overlay .btn-link:focus,
.ui-toolkit #custom-order-overlay .btn-primary:focus,
.ui-toolkit #custom-order-overlay .btn-secondary:focus,
.ui-toolkit #custom-order-overlay .btn-transaction:focus,
.ui-toolkit #custom-order-overlay .btn-group:focus,
.ui-toolkit #custom-order-overlay .btn-invite:focus,
.ui-toolkit #custom-order-overlay .btn-fb:focus,
.ui-toolkit #custom-order-overlay .btn-google:focus,
.ui-toolkit #custom-order-overlay .btn-link:focus,
.ui-toolkit #notification-overlay .btn-primary:focus,
.ui-toolkit #notification-overlay .btn-secondary:focus,
.ui-toolkit #notification-overlay .btn-transaction:focus,
.ui-toolkit #notification-overlay .btn-group:focus,
.ui-toolkit #notification-overlay .btn-invite:focus,
.ui-toolkit #notification-overlay .btn-fb:focus,
.ui-toolkit #notification-overlay .btn-google:focus,
.ui-toolkit #notification-overlay .btn-link:focus {
    outline: none;
}

.ui-toolkit #inline-overlay.overlay .btn-primary.disabled,
.ui-toolkit #inline-overlay.overlay .btn-primary.disabled:hover,
.ui-toolkit #locale-select-overlay.overlay .btn-primary.disabled,
.ui-toolkit #locale-select-overlay.overlay .btn-primary.disabled:hover,
.ui-toolkit #conversation-overlay.overlay .btn-primary.disabled,
.ui-toolkit #conversation-overlay.overlay .btn-primary.disabled:hover,
.ui-toolkit #custom-order-overlay .btn-primary.disabled,
.ui-toolkit #custom-order-overlay .btn-primary.disabled:hover,
.ui-toolkit #notification-overlay .btn-primary.disabled,
.ui-toolkit #notification-overlay .btn-primary.disabled:hover {
    background-color: #ff9d5c;
    border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit #inline-overlay.overlay .btn-fb.disabled,
.ui-toolkit #inline-overlay.overlay .btn-fb.disabled:hover,
.ui-toolkit #locale-select-overlay.overlay .btn-fb.disabled,
.ui-toolkit #locale-select-overlay.overlay .btn-fb.disabled:hover,
.ui-toolkit #conversation-overlay.overlay .btn-fb.disabled,
.ui-toolkit #conversation-overlay.overlay .btn-fb.disabled:hover,
.ui-toolkit #custom-order-overlay .btn-fb.disabled,
.ui-toolkit #custom-order-overlay .btn-fb.disabled:hover,
.ui-toolkit #notification-overlay .btn-fb.disabled,
.ui-toolkit #notification-overlay .btn-fb.disabled:hover {
    background-color: #96abd6;
    border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit #inline-overlay.overlay .btn-google.disabled,
.ui-toolkit #inline-overlay.overlay .btn-google.diabled:hover,
.ui-toolkit #locale-select-overlay.overlay .btn-google.disabled,
.ui-toolkit #locale-select-overlay.overlay .btn-google.diabled:hover,
.ui-toolkit #conversation-overlay.overlay .btn-google.disabled,
.ui-toolkit #conversation-overlay.overlay .btn-google.diabled:hover,
.ui-toolkit #custom-order-overlay .btn-google.disabled,
.ui-toolkit #custom-order-overlay .btn-google.diabled:hover,
.ui-toolkit #notification-overlay .btn-google.disabled,
.ui-toolkit #notification-overlay .btn-google.diabled:hover {
    background-color: #d3e3fc;
    border-color: rgba(0, 0, 0, 0.05);
}

.ui-toolkit #conversation-overlay.overlay .canned-responses .canned-response-action {
    font-size: 11px;
}

.ui-toolkit #conversation-overlay.overlay .canned-responses .canned-response-action .ss-icon {
    font-size: 11px;
}

.ui-toolkit #conversation-overlay.overlay .conversation-send.snippets-enabled input.text {
    width: 89%;
    display: inline-block;
}

@media only screen and (min-width: 0) and (max-width: 639px) {
    .ui-toolkit #conversation-overlay.overlay .conversation-send.snippets-enabled input.text {
        width: calc(100% - 50px);
    }
}

.ui-toolkit #conversation-overlay.overlay .snippets-enabled .convo-action-list {
    width: 9%;
}

@media only screen and (min-width: 0) and (max-width: 639px) {
    .ui-toolkit #conversation-overlay.overlay .snippets-enabled .convo-action-list {
        width: 40px;
    }
}

.ui-toolkit #conversation-overlay.overlay .canned-response-new-form .canned-response-new-save {
    display: inline-block;
    padding: 7px 15px 8px;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    background-color: #F56400;
    border-color: rgba(0, 0, 0, 0.1);
    text-decoration: none;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    line-height: normal;
    margin: 0;
    -webkit-appearance: none;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
screen and (orientation: landscape) and (min-device-height: 740px) {
    .ui-toolkit #conversation-overlay.overlay .canned-response-new-form .canned-response-new-save {
        font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    }
}

.ui-toolkit #conversation-overlay.overlay .canned-response-new-form .canned-response-new-name {
    width: 100%;
}

.ui-toolkit #conversation-overlay.overlay .overlay-content {
    overflow: visible;
}

.ui-toolkit #conversation-overlay.overlay #add-canned-response>.canned-responses ul {
    padding-left: 0px;
}

.ui-toolkit #inline-overlay.overlay {}

.ui-toolkit #inline-overlay.overlay input.text {
    width: 232px;
}

.ui-toolkit #custom-order-overlay.overlay label {
    display: block;
}

.ui-toolkit #custom-order-overlay.overlay .convo-overlay-error {
    width: 100%;
}

.ui-toolkit #custom-order-overlay.overlay .overlay-footer {
    height: 60px;
}

.ui-toolkit #local-select-overlay.overlay .overlay-body {
    padding: 19px 21px;
}

.ui-toolkit #local-select-overlay.overlay .overlay-content .tabs {
    margin-bottom: 10px;
}

.ui-toolkit #local-select-overlay.overlay h1 {
    margin-bottom: 8px;
}

.ui-toolkit #local-select-overlay.overlay h2 {
    font-size: 16px;
    margin-bottom: 0px;
}

.ui-toolkit #local-select-overlay.overlay h3 {
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
}

.ui-toolkit #local-select-overlay.overlay .section {
    padding: 0 16px;
}

.ui-toolkit #local-select-overlay.overlay .overlay-body p {
    line-height: 17px;
}

.ui-toolkit #local-select-overlay.overlay .overlay-body ul {
    list-style-type: disc;
    margin-left: 18px;
}

.ui-toolkit * html .clear {
    height: 1%;
}

.ui-toolkit ul.collection-list {
    padding-left: 0px;
}

.ui-toolkit .new-collections input {
    margin-bottom: 12px;
}

.ui-toolkit .new-collections.activated input {
    width: 115px;
}

.ui-toolkit .new-collections button {
    height: 26px;
    font-size: 12px;
    padding: 5px 0px;
}

html.ui-toolkit {
    height: 100%;
    width: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.ui-toolkit {
    color: #222;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
}

@media screen and (orientation: portrait) and (min-device-width: 740px),
screen and (orientation: landscape) and (min-device-height: 740px) {
    .ui-toolkit {
        font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
    }
}

.display-none[data-toolkit-overlay] {
    display: none;
}

html:hover [class^="gnav-"] {
    -ms-zoom: 1;
}


.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide {
    max-width: 450px;
    width: 100%;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-header {
    border-bottom: 1px solid #E2E2E2;
    text-align: left;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body {
    padding: 8px 0;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.hidden {
    display: none;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.subnav-body-left {
    float: left;
    border-right: 1px solid #E2E2E2;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.subnav-body-right {
    float: right;
    border-left: 1px solid #E2E2E2;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.subnav-body-right {
    margin: 0 1px 0 -1px;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.subnav-body-right .subnav-text-link {
    margin-right: -1px;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-footer {
    margin: 8px 20px 0 20px;
    padding: 8px 0;
    border-top: 1px solid #EEE;
    font-size: 12px;
}

@media screen and (max-width: 420px) {
    .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-footer {
        margin-left: 10px;
        margin-right: 10px;
    }
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-footer .subnav-text-link {
    color: #999;
    padding: 8px 0 0;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-footer .subnav-text-link:hover,
.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-footer .subnav-text-link:focus {
    color: #0192B5;
    background-color: transparent;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body-left .subnav-text-link {
    position: relative;
    padding-right: 26px;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body-left .subnav-text-link .subnav-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
    font-size: 10px;
    color: #BBB;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body-right .subnav-text-link .count.hide {
    display: none;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-text-link-no-hover-state {
    cursor: default;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-text-link-no-hover-state:hover,
.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-text-link-no-hover-state.active {
    background: transparent;
    color: #222;
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-text-link.is-selected {
    background: rgba(0, 0, 0, 0.05);
}

.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-text-link.is-selected .subnav-icon {
    color: #222;
}

@media (min-width: 421px) and (max-width: 540px) {
    .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide {
        margin-right: -30px;
        max-width: 350px;
    }
    .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-header::before,
    .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-header::after {
        transform: translateX(-30px);
    }
}

.lte-ie8 .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide {
    width: 450px;
}

.smart-banner {
    width: 100%;
    height: 64px;
    background-color: #F45800;
}

.smart-banner.on {
    display: block;
}

.smart-banner.off {
    display: none;
}

.smart-banner .dismiss-banner {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    padding-top: 10px;
    color: #444;
}

.ui-toolkit .smart-banner .dismiss-banner {
    color: #444;
}

.smart-banner.smart_banner_tablet,
.banner_page_type_view_profile {
    margin-left: -10px;
    padding-right: 20px;
}

.smart-banner.smart_banner_tablet.banner_page_type_local_event_details {
    width: auto;
    margin-left: -10px;
    margin-right: -10px;
    padding-right: 0px;
}

.smart-banner-content {
    display: table;
    width: 75%;
    min-width: 320px;
    padding: 0 8px;
    max-width: 530px;
    height: inherit;
    margin: 0 auto;
    font-size: 15px;
}

.smart-banner-col {
    display: table-cell;
    position: relative;
    vertical-align: middle;
}

.smart-banner-img {
    background-size: 100%;
    background-position: bottom left;
    background-repeat: no-repeat;
}

.smart-banner-img.ios,
.smart-banner-img.android {
    width: 56px;
}

.smart-banner-img.ios-tab,
.smart-banner-img.android-tab {
    width: 110px;
}

.smart-banner-img.ios {
    background-image: url(/assets/dist/images/smartbanner/phone_iOS.20170615210940.png);
}

.smart-banner-img.android {
    background-image: url(/assets/dist/images/smartbanner/phone_android.20170615210940.png);
}

.smart-banner-img.ios-tab {
    background-image: url(/assets/dist/images/smartbanner/tablet_iOS.20170615210940.png);
}

.smart-banner-img.android-tab {
    background-image: url(/assets/dist/images/smartbanner/tablet_android.20170615210940.png);
}

.smart-banner p {
    text-align: left;
    padding-left: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3em;
    color: #fff;
}

.smart-banner-button {
    padding-left: 20px;
    width: 1%;
}

.invite-traffic>.banner-content {
    display: table;
    width: 100%;
    height: 64px;
    max-width: 400px;
    margin: 0 auto;
}

.invite-traffic .cta-col,
.invite-traffic .copy-col,
.invite-traffic .image-col {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
}

.invite-traffic .cta-col {
    width: 1%;
    padding-left: 0;
}

.invite-traffic .copy-col {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}

.invite-traffic .image-col {
    display: table-cell;
    width: 1%;
    padding-right: 0;
}

.invite-traffic .image-col img {
    width: 40px;
    height: 40px;
    border-radius: 2px;
    display: block;
}

.invite-traffic .image-col img.listing-image {
    width: 48px;
    height: 39px;
    border-radius: 0;
    border: 1px solid #F8843B;
}

.invite-traffic button {
    white-space: nowrap;
    float: right;
    right: 8px;
    min-width: 85px;
    background: white;
    font-size: 14px;
    font-weight: 500;
    color: #F45800;
    border: 2px solid white;
    padding: 7px;
    border-radius: 3px;
    text-shadow: none;
}

.smart-banner.grey-banner {
    background-color: #F2D0B8;
}

.smart-banner.grey-banner .smart-banner-content {
    padding: 0 10px;
}

.grey-banner.smart-banner p {
    font-weight: bold;
    color: #222;
    padding: 0;
}

.grey-banner .smart-banner-img {
    display: none;
}

@media (min-width: 600px) {
    .grey-banner.smart-banner .smart-banner-content {
        width: auto;
        max-width: none;
    }
    .grey-banner .smart-banner-col {
        display: inline-block;
        margin-top: 16px;
        width: auto;
    }
}

.grey-banner.tall {
    text-align: center;
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
}

.grey-banner.tall p {
    text-align: center;
    padding-bottom: 10px;
}

.grey-banner.tall .smart-banner-button {
    padding: 0;
    padding-bottom: 4px;
}

.grey-banner.tall button {
    min-width: 154px;
}

.grey-banner.tall .smart-banner-col {
    display: block;
    width: auto;
}

.grey-banner.tall .smart-banner-img {
    display: none;
}

@media (min-width: 600px) {
    .grey-banner.tall .smart-banner-col {
        margin: 0;
    }
}

.smart-interstitial {
    width: 100vw;
    background: #F45800;
    background-repeat: no-repeat;
    overflow-y: hidden;
    height: 100vh;
    display: none;
    -webkit-transition: height 0.2s ease-in;
    -ms-transition: height 0.2s ease-in;
    -moz-transition: height 0.2s ease-in;
    -o-transition: height 0.2s ease-in;
    transition: height 0.2s ease-in;
}

.smart-interstitial.on {
    display: block;
}

.smart-interstitial.off {
    height: 0;
    display: block;
}

.smart-interstitial-phone {
    background-image: url(/assets/dist/images/smartbanner/phone_interstitial_small.20170615210940.png);
}

.smart-interstitial-tablet {
    background-image: url(/assets/dist/images/smartbanner/tablet_interstitial.20170615210940.png);
}

.smart-interstitial-content {
    text-align: center;
    color: white;
}

.smart-interstitial-msg-tablet {
    font-family: "Guardian-Medium", Georgia, serif;
}

.smart-interstitial-msg {
    margin: auto;
}

.smart-interstitial-btn {
    float: center;
    background: white;
    font-weight: 500;
    color: #F45800;
    border: 2px solid white;
    padding: 7px;
    border-radius: 3px;
    margin: 0 auto;
    text-shadow: none;
}

.smart-interstitial-btn.active {
    background: #E5E5E5;
    border: 2px solid #E5E5E5;
}

.smart-interstitial-mweb-btn {
    display: block;
}

@media only screen and (orientation: portrait) {
    .smart-interstitial-phone {
        background-position: 100% 100%;
        background-size: 100% auto;
    }
    .smart-interstitial-tablet {
        background-position: 50% 150%;
        background-size: auto 65%;
    }
    .smart-interstitial-content {
        position: relative;
        top: 25%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
    .smart-interstitial-content {
        top: 28%;
    }
}

@media only screen and (orientation: landscape) {
    .smart-interstitial {
        background-position: 110% 100%;
        background-size: 50% auto;
    }
    .smart-interstitial-phone {
        background-image: url(/assets/dist/images/smartbanner/tablet_interstitial_small.20170615210940.png);
    }
    .smart-interstitial-content {
        float: left;
        position: relative;
        top: 50%;
        left: 27%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
    .mobile-safari {
        top: 42%;
    }
}

@media only screen and (min-device-width: 414px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    .smart-interstitial-phone {
        background-image: url(/assets/dist/images/smartbanner/phone_interstitial.20170615210940.png);
    }
}

@media only screen and (min-device-width: 414px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .smart-interstitial-phone {
        background-image: url(/assets/dist/images/smartbanner/tablet_interstitial.20170615210940.png);
    }
}

@media only screen and (min-aspect-ratio: 65/100) and (orientation: portrait) {
    .smart-interstitial-phone {
        background-position: 100% 110%;
        background-size: auto 50%;
    }
}

@media only screen and (min-aspect-ratio: 3/2) and (orientation: landscape) {
    .smart-interstitial {
        background-position: 110% 100%;
        background-size: auto 90%;
    }
}

@media only screen and (min-aspect-ratio: 9/5) and (orientation: landscape) {
    .smart-interstitial {
        background-position: 90% 100%;
        background-size: auto 90%;
    }
}

@media only screen and (max-width: 720px) and (min-aspect-ratio: 9/5) and (orientation: landscape) {
    .smart-interstitial-content {
        top: 50%;
        left: 28%;
    }
}

@media (max-width: 750px) {
    .smart-interstitial-logo {
        font-size: 30px;
    }
    .smart-interstitial-msg {
        padding-top: 10px;
        padding-bottom: 20px;
        font-size: 1.7em;
        line-height: 30px;
        max-width: 250px;
    }
    .smart-interstitial-btn {
        font-size: 1.2em;
        font-weight: 500;
        border: 2px solid white;
        padding: 7px;
        border-radius: 3px;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 270px;
    }
    .smart-interstitial-mweb-btn {
        margin-top: 25px;
        font-size: 1.2em;
    }
}

@media (min-width: 750px) and (orientation: landscape) {
    .smart-interstitial-logo {
        font-size: 40px;
    }
    .smart-interstitial-msg {
        padding-top: 15px;
        padding-bottom: 25px;
        font-size: 1.75em;
        line-height: 35px;
        max-width: 300px;
    }
    .smart-interstitial-btn {
        font-size: 1.2em;
        font-weight: 500;
        border: 2px solid white;
        padding: 7px;
        border-radius: 3px;
        margin: 0 auto;
        padding-top: 12px;
        padding-bottom: 12px;
        width: 280px;
    }
    .smart-interstitial-mweb-btn {
        margin-top: 30px;
        font-size: 1.2em;
    }
}

@media (min-width: 750px) and (orientation: portrait) {
    .smart-interstitial-logo {
        font-size: 60px;
    }
    .smart-interstitial-msg {
        padding-top: 25px;
        padding-bottom: 35px;
        font-size: 2.75em;
        line-height: 50px;
        max-width: 400px;
    }
    .smart-interstitial-btn {
        font-size: 1.9em;
        font-weight: 500;
        border: 2px solid white;
        padding: 7px;
        border-radius: 6px;
        padding-top: 16px;
        padding-bottom: 16px;
        width: 350px;
    }
    .smart-interstitial-mweb-btn {
        margin-top: 40px;
        font-size: 1.8em;
    }
}

@media only screen and (max-height: 320px) and (orientation: landscape) {
    .smart-interstitial-logo {
        font-size: 25px;
    }
    .smart-interstitial-msg {
        padding-top: 8px;
        padding-bottom: 15px;
        font-size: 1.6em;
        line-height: 30px;
    }
    .smart-interstitial-btn {
        font-size: 1.1em;
        font-weight: 500;
        border: 2px solid white;
        padding: 7px;
        border-radius: 3px;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 270px;
    }
    .smart-interstitial-mweb-btn {
        margin-top: 20px;
        font-size: 1.2em;
    }
    .smart-interstitial {
        background-position: calc(55% + 180px) 100%;
        background-size: auto 90%;
    }
    .smart-interstitial-content {
        left: 30%;
    }
}

@media only screen and (max-width: 515px) and (orientation: landscape) {
    .smart-interstitial {
        background-position: calc(55% + 180px) 100%;
        background-size: auto 90%;
    }
    .smart-interstitial-btn {
        width: 90%;
    }
}

.text-field {
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: inset 0 2px 0 #f5f5f1;
    -webkit-box-shadow: inset 0 2px 0 #f5f5f1;
}

.text-field.clearable {
    background-color: #fff;
    border-color: #C2C2C2 #E6E6E6 #E6E6E6 #C2C2C2;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
}

.text-field.clearable .text-field-wrapper {
    width: 100%;
}

.text-field.clearable input[type="text"],
.text-field.clearable input[type="search"] {
    display: table-cell;
    width: 100%;
    border: none;
    -webkit-appearance: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.text-field.clearable .close {
    display: table-cell;
    width: 25px;
}

.text-field.clearable .close::after {
    visibility: hidden;
}

.text-field.clearable .close.show::after {
    visibility: visible;
}


a.arrow::after {
    border-style: solid;
    border-color: #888 transparent;
    border-width: 5px 5px 0;
    display: inline-block;
    position: relative;
    top: -2px;
    left: 1px;
    content: '';
}

a.arrow-up::after {
    border-width: 0 5px 5px;
}

.ui-toolkit.notifications-container .count {
    line-height: 18px;
    min-width: 18px;
    font-size: 11px;
    letter-spacing: 0.03em;
    border-radius: 2px;
}

.ui-toolkit.notifications-container .notifications-header .align-self-center {
    margin: auto;
}

.ui-toolkit.notifications-container .notifications-body {
    height: 330px;
    overflow-x: hidden;
}

.ui-toolkit.notifications-container .notifications-body.non-responsive-height-460px {
    height: 460px;
}

@media screen and (max-width: 420px) {
    .ui-toolkit.notifications-container .notifications-body {
        height: calc(100vh - 88px);
    }
    .ui-toolkit.notifications-container .notifications-body.non-responsive-height-460px {
        height: calc(100vh - 88px);
    }
}

.ui-toolkit.notifications-container a.text-decoration-none {
    text-decoration: none;
}

.ui-toolkit.notifications-container a.text-decoration-none .active {
    display: inline;
}

.ui-toolkit.notifications-container .notification-text {
    flex-grow: 2;
}

.ui-toolkit.notifications-utility-nav.notifications-container .count {
    min-width: 24px;
}

#sub-nav-notification-navigation {
    height: auto;
}

#sub-nav-notification-navigation.non-responsive-width-320px {
    width: 320px;
}

.apply-nav-height,
.apply-nav-height>li>.nav-link,
.apply-nav-height>li>a {
    height: 80px;
}

.apply-nav-height.gnav-header-inner {
    height: 80px;
}

.gnav-header {
    -webkit-font-smoothing: subpixel-antialiased;
    position: relative;
    margin: 0 -10px;
    padding: 0;
    background: #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
    z-index: 1000;
    min-width: 1000px;
}

.mobile .gnav-header {
    margin: 0;
}

.gnav-header .gnav-header-inner {
    width: 980px;
    text-align: left;
    margin: 0 auto;
    box-sizing: border-box;
}

.gnav-header #gigtodo-logo {
    float: left;
    width: 160px;
    margin-right: 12px;
}

.gnav-header #gigtodo-logo a {
    width: 100%;
    height: 100%;
    background-size: 100%;
    color: #f45800;
    margin-top: 2px;
    text-indent: -10000em;
    overflow: hidden;
}



.gnav-header .nav-link,
.ui-toolkit .gnav-header .nav-link {
    float: left;
    display: block;
    font-size: 12px;
    text-align: center;
    line-height: 15px;
    padding: 0 13px;
    margin: 0;
    color: #0192B5;
    text-decoration: none;
}

.nav-link .nav-icon {
    display: block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #666666;
    float: none;
    font-size: 20px;
    min-width: 20px;
    top: auto;
    position: static;
    margin: 18px auto 0;
    width: auto;
    overflow: visible;
    text-indent: 0;
    background: none;
}

.nav-link .nav-icon:before {
    display: block;
    margin: 0 auto;
    float: none;
    height: 32px;
    min-width: 20px;
    line-height: 32px;
    text-align: center;
}

.gnav-header .has-sub-nav .nav-link {
    min-width: 0;
    cursor: pointer;
}

.gnav-header .user-nav.has-sub-nav .nav-link,
.gnav-header .notifications-nav.has-sub-nav .nav-link {
    min-width: 33px;
}

.nav-link .gnav-ss-dropdown {
    font-size: 8px;
    line-height: 8px;
    position: static;
    top: 50%;
    margin: 0 -1px 0 0;
    left: auto;
    color: #bbb;
}

.nav-link:hover .nav-icon,
.nav-link:focus .nav-icon {
    color: #000;
}

.nav-link:hover .gnav-ss-dropdown,
.nav-link:focus .gnav-ss-dropdown {
    color: #888;
}

.gnav-header .account-nav>li.sign-in-link:before,
.gnav-header .account-nav>li.register-link:before,
.gnav-header .account-nav>li:first-child:before {
    content: none;
}

.gnav-header .browse-nav {
    position: static;
    display: block;
    float: left;
    padding-left: 20px;
    width: auto;
    height: 34px;
    box-sizing: border-box;
}

.gnav-header .browse-nav-inner {
    position: absolute;
    top: 71px;
    margin: 0;
    max-width: 280px;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.browse-nav-inner.hide {
    display: none;
}

.browse-nav-inner.show {
    display: block;
}

.browse-nav-inner:before,
.browse-nav-inner:after {
    left: 10%;
    margin-left: -10px;
}

.gnav-header .browse-nav li {
    display: block;
    padding: 0;
}

.browse-nav-inner .promotional-slice-categories {
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.gnav-header .browse-nav .browse-nav-inner li.promotional-slices {
    display: none;
}

.gnav-header .browse-nav-inner a {
    display: block;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    width: auto;
    text-decoration: none;
    white-space: normal;
    margin: 0;
}

.ui-toolkit .gnav-header .search-browse-nav,
.gnav-header .search-browse-nav {
    display: none;
}

.no-touch .gnav-header .browse-nav-inner a:hover,
.is-touch .gnav-header .browse-nav-inner a.active {
    color: #0192B5;
    background: #E5F4F7;
}

.gnav-header .browse-nav .browse-dropdown-trigger {
    display: block;
    width: auto;
    text-decoration: none;
    padding: 0;
    padding-top: 23px;
    height: 58px;
    cursor: pointer;
    outline: none;
}

.browse-nav .browse-dropdown-trigger .inner-cell {
    border: 1px solid #E5E5E5;
    height: auto;
    white-space: nowrap;
    padding: 8px;
    border-radius: 3px;
    color: #666;
    font-size: 14px;
    line-height: 1.2em;
    display: block;
    width: auto;
    text-decoration: none;
}

.browse-nav .browse-dropdown-trigger:hover .inner-cell {
    border-color: #c0c0c0;
}

.browse-dropdown-trigger .browse-copy {
    display: none;
}

.browse-dropdown-trigger .browse-copy.short {
    display: block;
}

.browse-dropdown-trigger .browse-copy:after {
    font-family: "SSStandard";
    content: '▾';
    color: #bbb;
    font-size: 8px;
    line-height: 1em;
    position: relative;
    top: 0;
    left: 3px;
    margin: 0 1px;
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.browse-dropdown-trigger:hover .browse-copy:after {
    color: #888;
}

.apply-nav-height .sell-on-gigtodo-link {
    float: left;
    position: relative;
    list-style: none;
    border: 0 none;
    margin: 0;
    padding: 0;
}

.apply-nav-height .sell-on-gigtodo-link a {
    border: 1px solid transparent;
    height: auto;
    margin-top: 23px;
    display: block;
    float: left;
    padding: 8px;
    line-height: 16px;
    font-size: 14px;
    text-decoration: none;
    box-sizing: border-box;
    color: #E55400;
}

.apply-nav-height .sell-on-gigtodo-link a:hover {
    text-decoration: underline;
}

.apply-nav-height .sell-on-gigtodo-link a .sell-copy.short {
    display: none;
}

.gnav-header .account-nav li.wholesale span.gigtodo-icon {
    margin-top: 2px;
    vertical-align: top;
}

@media screen and (min-width: 421px) {
    .gnav-header .account-nav li.wholesale a:before {
        margin: -11px auto auto auto;
    }
    .gnav-header .account-nav li.wholesale a:after {
        margin: -15px auto auto auto;
    }
}

@media screen and (max-width: 420px) {
    .gnav-header .account-nav li.wholesale a:before {
        margin: -4px auto auto auto;
    }
    .gnav-header .account-nav li.wholesale a:after {
        margin: -8px auto auto auto;
    }
}

@media screen and (max-width: 980px) {
    .is-responsive .gnav-header .account-nav li.wholesale span.gigtodo-icon {
        margin-top: 4px;
    }
}

@media (min-width: 451px) and (max-width: 479px) {
    .is-responsive .gnav-header .wholesaleoverride .nav-link {
        padding: 0 8px;
    }
}

@media (min-width: 421px) and (max-width: 450px) {
    .is-responsive .gnav-header .wholesaleoverride .nav-link {
        padding: 0 5px;
    }
}

.is-responsive .apply-nav-height .sell-on-gigtodo-link {}

@media screen and (max-width: 1024px) {
    .is-responsive .apply-nav-height .sell-on-gigtodo-link a {
        height: auto;
        margin-top: 13px;
        line-height: 15px;
    }
}

@media screen and (max-width: 500px) {
    .is-responsive .apply-nav-height .sell-on-gigtodo-link a {}
    .is-responsive .apply-nav-height .sell-on-gigtodo-link a .sell-copy {
        display: none;
    }
    .is-responsive .apply-nav-height .sell-on-gigtodo-link a .sell-copy.short {
        display: inline;
    }
}

@media screen and (max-width: 420px) {
    .is-responsive .apply-nav-height .sell-on-gigtodo-link a {
        margin-top: 5px;
        margin-right: 5px;
    }
}

.apply-nav-height.signed-in a {
    line-height: 16px;
}

.is-responsive .apply-nav-height .signed-in {}

.is-responsive .apply-nav-height .signed-in a {
    line-height: 16px;
}

@media screen and (min-width: 981px) {
    .is-responsive .apply-nav-height .signed-in a {
        margin-right: 7px;
    }
}

@media screen and (max-width: 420px) {
    .is-responsive .apply-nav-height .signed-in a {
        margin-right: 0px;
        line-height: 18px;
    }
}

.gnav-header .search-nav {
    position: relative;
    float: left;
    width: 39%;
}

.gnav-header #search-query.close-icon-experiment {
    padding: 6px 36px 6px 10px;
}

.gnav-header #search-query.search-mobile {
    height: 42px;
    font-size: 16px;
}

.gnav-header #search-query:hover {
    outline: none;
    border: 1px solid #bcb7b3;
}

.gnav-header #search-query:focus,
.gnav-header #search-query:active {
    outline: none;
    border: 1px solid #ff8c00;
    background: #FFF;
    /*box-shadow: 0 0 0 1000px #fff inset;*/
}

.gnav-header .gnav-search-inner {
    position: absolute;
    display: table;
    width: 100%;
    top: 50%;
    margin-top: -17px;
    height: 34px;
}

.gnav-header .gnav-search-inner.search-mobile {
    margin-top: -20px;
}

.gnav-header .search-input-wrapper,
.gnav-header .search-button-wrapper {
    white-space: nowrap;
    display: table-cell;
    vertical-align: top;
    width: 100%;
}

.gnav-header .search-input-wrapper .close {
    display: none;
}

.gnav-header .search-input-wrapper .close:after {
    padding: 0 0 0 0px;
    background-position: 10px 0;
}

.gnav-header .search-input-wrapper .close.show {
    display: inline-block;
    cursor: pointer;
}

.gnav-header .search-input-wrapper #search-query {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    border-right: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.gnav-header .search-button-wrapper .btn-primary {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    line-height: 17px;
    height: 34px;
    padding: 7px 15px 8px;
    background-color: #ff8c00 !important;
}

.gnav-header .search-button-wrapper .btn-primary.search-mobile {
    height: 42px;
}

.search-mobile-wrapper {
    height: 62px;
}

@media screen and (min-width: 421px) {
    .search-mobile-wrapper {
        height: 66px;
    }
}

#open-filters.search-mobile {
    height: 42px;
    margin-top: 10px;
}

@media screen and (min-width: 421px) {
    #open-filters.search-mobile {
        margin-top: 13px;
    }
}

.search-browse-spacer {
    display: block;
    clear: left;
    top: 60px;
    margin: 0;
    padding: 0 10px;
    position: relative;
    top: 0;
    z-index: 5;
}

.lte-ie7 .gnav-header .search-input-wrapper,
.lte-ie7 .gnav-header .search-button-wrapper {
    float: left;
    width: 75%;
}

.lte-ie7 .gnav-header .search-button-wrapper {
    width: 25%;
}

.lte-ie7 .gnav-header .search-input-wrapper #search-query,
.lte-ie7 .gnav-header .search-button-wrapper .btn-primary {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.lte-ie7 .gnav-header .search-input-wrapper #search-query {
    height: 20px;
}

.lte-ie7 .gnav-header .search-button-wrapper .btn-primary {
    height: 34px;
    line-height: 15px;
}

.gnav-header .account-nav {
    float: right;
    margin: 0;
    padding-left: 0;
}

.gnav-header .account-nav>li {
    float: left;
    position: relative;
    list-style: none;
    border: 0 none;
    margin: 0;
    padding: 0;
}

.mobile .gnav-header .account-nav li a:active,
.is-touch .gnav-header .account-nav li a:active {
    background: #E5F4F7;
}

.gnav-header .account-nav .count {
    text-align: center;
    line-height: 18px;
    min-width: 18px;
    float: right;
    position: absolute;
    vertical-align: baseline;
    background: #F56400;
    color: #FFFFFF;
    font-size: 11px;
    letter-spacing: 0.03em;
    padding: 0 4px;
    margin: 0 -13px 0 0;
    top: 22px;
    right: 50%;
    box-sizing: border-box;
    border-radius: 2px;
}

.gnav-header .account-nav .count.display-none {
    display: none;
}

.gnav-header .account-nav .count.count-smaller {
    line-height: 11px;
    min-width: 11px;
    top: 14px;
    right: 55%;
}

.gnav-header .count.hide {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
}

.gnav-header .text-link {
    display: block;
    clear: left;
    white-space: nowrap;
    color: #595959;
    font-size: 12px;
    margin-top: -2px;
}

.gnav-header .nav-link:hover .text-link {
    color: #333;
}

.gnav-header .text-link .text-link-copy {
    display: inline;
}

.nav-icon.nav-icon-image {
    position: relative;
}

.nav-icon.nav-icon-image:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #000;
    top: 1px;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    opacity: 0.1;
    filter: alpha(opacity=10);
    box-sizing: border-box;
}

.nav-icon.nav-icon-image.nav-icon-square:after {
    border-radius: 5%;
}

.nav-icon.nav-icon-image.nav-icon-circle:after {
    border-radius: 50%;
}

.nav-link:focus .nav-icon.nav-icon-image:after,
.nav-link:hover .nav-icon.nav-icon-image:after {
    background-color: #000;
}

.nav-icon img {
    position: relative;
    display: block;
    float: none;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    top: 1px;
}

.nav-icon-square img {
    border-radius: 12%;
}

.nav-icon-circle img {
    border-radius: 50%;
}

.gnav-header .account-nav .cart {
    margin: 0;
    padding: 0;
}

.gnav-header .account-nav .cart .count {
    background: #F56400;
}

.gnav-header .account-nav .cart:hover .count {
    background: #ff6905;
}

.gnav-header .sub-navs {
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
}

.gnav-header .sub-nav {
    display: none;
    position: absolute;
    width: 280px;
    top: -9px;
    right: 20px;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    z-index: 50;
}

.gnav-header .sub-nav:before {
    display: block;
    content: ' ';
    position: absolute;
    top: -14px;
    bottom: -14px;
    left: -14px;
    right: -14px;
    cursor: pointer;
    border-radius: 30px 30px 5px 5px;
    z-index: -1;
}

.gnav-header .sub-nav>ul {
    margin: 0;
    padding: 0 0 8px;
}

.gnav-header .sub-nav li {
    float: none;
    display: block;
    text-align: left;
    margin: 0;
}

.gnav-header .sub-nav li.top-divider {
    border-top: 1px solid #E2E2E2;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 8px;
    padding-top: 8px;
}

.gnav-header .sub-nav li.bottom-divider {
    border-bottom: 1px solid #E2E2E2;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 8px;
    padding-bottom: 8px;
}

.gnav-header .sub-nav li.bottom-divider.no-extra-space {
    padding-bottom: 0;
}

.gnav-header .sub-nav li.push-to-right {
    text-align: right;
}

.gnav-header .subnav-text-link {
    display: block;
    padding: 8px 20px;
    color: #333;
    width: auto;
    margin: 0;
}

.gnav-header .subnav-text-link,
.gnav-header .subnav-text-link:hover {
    text-decoration: none;
}

.no-touch .gnav-header .subnav-text-link:hover,
.no-touch .gnav-header .subnav-text-link:focus,
.no-touch .gnav-header .subnav-text-link:active,
.is-touch .gnav-header .subnav-text-link.active {
    color: #222;
    background: rgba(0, 0, 0, 0.05);
}

.gnav-header .subnav-text-link .gnav-ss-icon {
    font-size: 16px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: top;
    position: relative;
    top: 2px;
    color: #595959;
}

.no-touch .gnav-header .subnav-text-link:hover .gnav-ss-icon,
.no-touch .gnav-header .subnav-text-link:active .gnav-ss-icon,
.is-touch .gnav-header .subnav-text-link.active .gnav-ss-icon {
    color: #222;
}

.gnav-header .sub-nav a .count {
    text-align: center;
    display: inline-block;
    float: none;
    margin: 0;
    background: #F56400;
    padding: 0 4px;
    margin-left: 4px;
    vertical-align: baseline;
    font-size: 11px;
    line-height: 18px;
    min-width: 18px;
    letter-spacing: 0.03em;
    color: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    position: relative;
    top: -2px;
}

.gnav-header .sub-nav a .count.inline {
    display: inline;
    padding: 2px 5px;
}

.gnav-header .sub-nav a:hover .count {
    background: #ff6905;
}

.gnav-header .sub-nav.shop {
    right: 72px;
}

.gnav-header .sub-nav.hide {
    display: none;
}

.gnav-header .sub-nav.show,
.gnav-header li:hover>.sub-nav {
    display: block;
}

.gnav-header .with-pointer:before,
.gnav-header .with-pointer:after {
    content: " ";
    display: block;
    position: absolute;
    top: -10px;
    right: 72px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #d8d8d8;
    cursor: pointer;
}

.gnav-header .with-pointer:after {
    top: -9px;
    border-bottom: 10px solid #FFF;
    z-index: 1;
}

.gnav-header .gnav-header-inner .with-catnav .with-pointer:before,
.gnav-header .gnav-header-inner .with-catnav .with-pointer:after {
    display: none;
}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
    .gnav-header .gnav-header-inner .with-catnav .with-pointer:before,
    .gnav-header .gnav-header-inner .with-catnav .with-pointer:after {
        display: block;
    }
}

.search-browse-inner.with-pointer:before,
.search-browse-inner.with-pointer:after {
    display: none;
}

.gnav-user-card,
.gnav-shop-card {
    position: relative;
}

.ui-toolkit .gnav-user-card a,
.ui-toolkit .gnav-shop-card .clickable-header,
.gnav-user-card a,
.gnav-shop-card .clickable-header {
    display: block;
    padding: 18px 20px;
    margin: 0;
    text-decoration: none;
}

.gnav-user-card .details,
.gnav-shop-card .details {
    display: block;
    margin-left: 61px;
    line-height: 18px;
}

.gnav-user-card .name,
.gnav-shop-card .name {
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: -1px 0 8px;
    font-size: 16px;
}

@media screen and (min-device-width: 680px) and (orientation: portrait),
screen and (min-device-height: 680px) and (orientation: landscape) {
    .gnav-user-card .name,
    .gnav-shop-card .name {
        font-family: "Guardian-EgypTT", Arial, Helvetica, sans-serif;
        font-weight: 500;
    }
}

.gnav-user-card .details a,
.gnav-shop-card .details a {
    display: inline-block;
    margin-right: 0.5em;
}

.gnav-user-card .profile-link,
.gnav-shop-card .shop-link,
.gnav-shop-card .edit-shop-link {
    display: inline-block;
    font-size: 13px;
    padding: 2px 8px;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    color: #333;
}

.gnav-shop-card .edit-shop-link {
    background-color: #F56400;
    color: #FFF;
    border-color: rgba(0, 0, 0, 0.1);
}

.no-touch .gnav-user-card a:hover,
.no-touch .gnav-shop-card a:hover {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.no-touch .gnav-user-card a:hover .profile-link,
.no-touch .gnav-user-card a:hover .shop-link,
.no-touch .gnav-shop-card a:hover .profile-link,
.no-touch .gnav-shop-card a:hover .shop-link {
    color: #222;
    border-color: rgba(0, 0, 0, 0.15);
}

.no-touch .gnav-user-card a:hover .edit-shop-link,
.no-touch .gnav-shop-card a:hover .edit-shop-link {
    color: #FFF;
    background-color: #ff6905;
}

.gnav-user-card .profile-link .gnav-ss-icon,
.gnav-shop-card .shop-link .gnav-ss-icon {
    font-size: 11px;
    color: #CCC;
    margin-left: 6px;
    vertical-align: middle;
    position: relative;
    top: 1px;
}

.gnav-shop-card .edit-shop-link .gnav-ss-icon {
    font-size: 11px;
    color: #FFF;
    margin-left: 6px;
    vertical-align: middle;
    position: relative;
    top: 1px;
}

.no-touch .gnav-user-card a:hover .profile-link .gnav-ss-icon,
.no-touch .gnav-shop-card a:hover .shop-link .gnav-ss-icon {
    color: #666;
}

.gnav-user-card .avatar {
    float: left;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    margin-top: 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    border-radius: 50%;
}

.gnav-shop-card .gnav-ss-shop {
    float: left;
    width: 50px;
    height: 50px;
    line-height: 70px;
    font-size: 30px;
    text-align: center;
    color: #999;
    border: 1px solid #e2e2e2;
    background-color: #EFEFEB;
    border-radius: 3px;
    box-sizing: border-box;
}

.gnav-shop-card .gnav-ss-shop:before {
    position: relative;
    top: -7px;
}

.gnav-header .sub-nav a.giftcard-balance {
    color: #222;
}

.gnav-header .sub-nav a.earn-balance {
    color: #E55400;
}

.no-touch .gnav-header .sub-nav a.giftcard-balance:hover,
.no-touch .gnav-header .sub-nav a.earn-balance:hover {
    background: #FFF3EE;
    color: #222;
}

.gnav-header .sub-nav a.giftcard-balance:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 14px;
    background: transparent url(/assets/dist/images/sprites/payment-methods.20170615210940.png) no-repeat -197px -3px;
    background-size: 230px;
    margin-right: 4px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .gnav-header .sub-nav a.giftcard-balance:before {
        background-image: url(/assets/dist/images/sprites/payment-methods@2x.20170615210940.png);
    }
}

.gnav-header .sub-nav .giftcard-balance .currency-code {
    font-size: 80%;
}

.sub-nav.cart {
    margin-right: 27px;
}

.gnav-header .gnav-cart.with-pointer:before,
.gnav-header .gnav-cart.with-pointer:after {
    right: 16px;
}

.gnav-cart {
    padding: 15px 20px 18px;
}

.gnav-cart .spinner-large {
    margin: 0 auto;
    display: block;
}

.gnav-cart .empty {
    color: #333;
}

.gnav-cart .btn-primary {
    display: block;
    margin-top: 18px;
}

.cart-items li {
    padding-top: 8px;
    line-height: 18px;
}

.cart-items li:first-child {
    padding: 0;
}

.cart-items a {
    display: block;
    color: #333;
    font-size: 13px;
    text-decoration: none;
}

.cart-items img {
    border-radius: 3px;
    border: 1px solid #ECECEC;
    background-color: #FFF;
    padding: 2px;
    width: 60px;
    height: 48px;
    float: left;
}

.gnav-cart {
    padding: 18px 20px;
    min-height: 75px;
}

.gnav-cart .spinner-large {
    margin: 0 auto;
}

.cart-items li {
    padding-top: 10px;
    line-height: 18px;
}

.cart-items li:first-child {
    padding: 0;
}

.cart-items img {
    border-radius: 3px;
    border: 1px solid #ECECEC;
    background-color: #FFF;
    padding: 2px;
    width: 60px;
    height: 48px;
    float: left;
}

.cart-item-info {
    margin-left: 75px;
}

.cart-item-info a {
    display: block;
    color: #333;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart-item-info .cart-item-price {
    color: #7AC142;
    font-size: 12px;
}

.cart-item-info .cart-item-price>span {
    font-size: 90%;
}

.gnav-cart .btn-primary {
    display: block;
    margin-top: 20px;
}

.gnav-header .register-link a,
.gnav-header .sign-in-link a{
    height: auto;
    margin-top: 23px;
    margin-right: 18px;
    display: block;
    float: left;
    padding: 8px;
    line-height: 16px;
    font-size: 14px;
    border: 1px solid;
    text-decoration: none;
    border-radius: 3px;
    box-sizing: border-box;
    color: #E55400;
}


.gnav-header .logged-in-link .menuItem{
    height: auto;
    margin-top: 23px;
    margin-right: 18px;
    display: block;
    float: left;
    padding: 8px;
    line-height: 16px;
    font-size: 14px;
    border-radius: 3px;
    box-sizing: border-box;
}

.gnav-header .logged-in-link .menuItem {
    margin-right: 3px;
    border: 1px solid transparent;
}

.gnav-header .register-link a {
    margin-right: 7px;
    border: 1px solid transparent;
}

.gnav-header .account-nav .sign-in-link a:hover {
    background: rgba(0, 0, 0, 0.02);
}

body.is-global-nav #buyer-invite-credit-notice {
    max-width: 980px;
    margin: 20px auto;
    padding: 0;
    border: #ffe4da;
    background-color: #FFF3EE;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
}

body.is-global-nav #buyer-invite-credit-notice .msg-inner {
    padding: 20px;
}

body.is-global-nav #buyer-invite-credit-notice .msg-inner h2 {
    color: #333;
    font-weight: bold;
    font-size: inherit;
    padding: 0px;
    text-transform: none;
}

.lte-ie8 .gnav-header .search-nav .search-input {
    padding-bottom: 0;
}

.lte-ie7 .gnav-header .text-link {
    display: block;
}

.lte-ie7 .gnav-header .nav-icon {
    display: none;
}

body.mobile.is-global-nav .notice {
    margin: 0px 0px;
}

body.is-global-nav .content-wrap-white {
    margin-top: 0;
}

.is-global-nav.fullwidth-cart #primary {
    border-top: none;
    border-bottom: none;
}

.is-global-nav.fullwidth-cart #checkout {
    border-top: none;
}

body.is-global-nav #new-seller-header {
    margin: 28px 0 18px;
}

body.is-global-nav .new-seller-content h2.category {
    position: static;
    margin-bottom: 8px;
}

body.is-global-nav #new-seller-header {
    z-index: auto;
}

#footer.stacked-footer #copy {
    margin: 0;
}

.header__skip-to-content {
    display: inline-block;
}

.header__skip-to-content.focusable:active,
.header__skip-to-content.focusable:focus {
    float: left;
    margin-top: 23px;
    margin-left: 10px;
    padding: 8px;
    line-height: 16px;
    font-size: 14px;
    text-decoration: none;
    color: #0192B5;
}

.header__mweb-cat-nav {
    display: inline-block;
    background-color: #FFF;
}

.header__mweb-cat-nav.focusable:active .header__mweb-cat-nav.focusable:focus {
    margin-top: 12px;
    margin-left: 12px;
    padding: 8px;
    line-height: 16px;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    color: #0192B5;
    outline: 1px dotted #F56400;
}

.gnav-header .gnav-search-inner .search-input-wrapper .close:after {
    background-position: 0px 0px;
    font-height: 12px;
}

#gigtodo-logo.gigtodo-logo-svg {
    position: relative;
}

.gnav-header #gigtodo-logo.gigtodo-logo-svg a {
    background: none;
    position: relative;
}

.gigtodo-logo-svg .gigtodo-icon {
    position: absolute;
    color: #f45800;
}

.is-responsive .ui-toolkit .gigtodo-logo-svg-e,
.is-responsive .gigtodo-logo-svg-e {
    top: 4px;
    left: 6px;
    width: 30px;
    height: 30px;
}

.is-responsive .ui-toolkit .gigtodo-logo-svg-e,
.is-responsive .gigtodo-logo-svg-e {
    display: none;
}

.is-responsive .gigtodo-logo-svg-logged-in .gigtodo-logo-svg-full {
    display: none;
}

.is-responsive .gigtodo-logo-svg-logged-in .gigtodo-logo-svg-e {
    display: block;
}

@media screen and (min-width: 421px) {
    .is-responsive .gigtodo-logo-svg-logged-in .gigtodo-logo-svg-full {
        display: block;
    }
    .is-responsive .gigtodo-logo-svg-logged-in .mobile {
        display: none;
    }

    .is-responsive .gigtodo-logo-svg-logged-in .mobile-full {
        display: none;
    }
    
}

@media screen and (min-width: 901px) {
    .gigtodo-logo-svg-logged-in .desktop{
       margin-top: 21px;
    }
}


@media screen and (max-width: 1024px) {
    .gigtodo-logo-svg-logged-in .desktop{
       display: none;
    }
    .gigtodo-logo-svg-logged-in .mobile{
        margin-top: 16px;
        margin-left: -1px;
       display: unset !important;
    }
    
    .gigtodo-logo-svg-logged-in .mobile-full{
        margin-top: 18px;
        margin-left: 20px;
       display: unset !important;
    }


}

.is-responsive.is-signed-in .gnav-header #gigtodo-logo.gigtodo-logo-svg a:before {
    content: "";
}

.is-responsive .gnav-header .has-svg-icons .nav-link {
    padding: 0 9px;
}

.gnav-header .has-svg-icons .nav-icon.gigtodo-icon svg,
.gnav-header .has-svg-icons .nav-icon.inline-svg svg {
    fill: currentColor;
    width: 22px;
    height: 100%;
}

@media screen and (min-width: 981px) {
    .gnav-header .has-svg-icons .nav-icon.gigtodo-icon svg,
    .gnav-header .has-svg-icons .nav-icon.inline-svg svg {
        position: relative;
        top: -2px;
    }
}

@media screen and (max-width: 1024px) {
    .gnav-header .has-svg-icons .nav-icon.gigtodo-icon svg,
    .gnav-header .has-svg-icons .nav-icon.inline-svg svg {
        position: relative;
        top: -0px;
    }
}

.gnav-header .has-svg-icons .nav-icon.gigtodo-icon-relative {
    position: relative;
}

.gnav-header .has-svg-icons .nav-icon.gigtodo-icon-relative svg {
    width: 21px;
}

.gnav-header .has-svg-icons .shop-name .icon-navigateright {
    color: #D4D4D4;
    float: right;
    margin-top: 6px;
}

.gnav-header .has-svg-icons ul li span.gigtodo-icon.subnav-icon {
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}

.gnav-header .has-svg-icons .user-nav{
    position: relative;
}

.gnav-header .has-svg-icons .user-nav .gigtodo-icon-dropdown,
.gnav-header .has-svg-icons .notifications-nav .gigtodo-icon-dropdown {
    color: #bbb;
    display: none;
    height: 5px;
    width: 9px;
}


.sub-nav.user.has-svg-icons .profile-link .gigtodo-icon {
    color: #ccc;
    height: 14px;
    width: 12px;
    margin-left: 8px;
}


.cnav-header .close .gigtodo-icon {
    position: relative;
    top: -1px;
}

.cnav-header .catnav-primary-list-item {
    position: relative;
}

.cnav-header ul li span.gigtodo-icon.subnav-icon {
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}



@media screen and (max-width: 1050px) {
    .is-responsive .gnav-header {
        min-width: 0;
        margin: 0;
    }
    .is-responsive .gnav-header .gnav-header-inner {
        width: auto;
    }
    .is-responsive .gnav-header .browse-nav-inner {
        width: auto;
    }
    .is-responsive .gnav-footer-inner {
        width: auto;
    }
}

@media screen and (max-width: 1024px) {
    .is-responsive .gnav-header .nav-link {
        font-size: 14px;
        padding: 0 12px;
    }

    .logged-in-link .dropdown-menu{

    margin-left: -100px;

    }   

    .is-responsive .nav-link .nav-icon {
        float: left;
        top: 50%;
        position: relative;
        margin: -16px 0 0;
    }
    .is-responsive .nav-link .nav-icon:before {
        margin: 9px 0 0;
        height: 20px;
        line-height: 19px;
        float: left;
    }
    .is-responsive .gnav-header .has-sub-nav .nav-link {
        min-width: 28px;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        outline: none;
        border: none;
    }
    .is-responsive .nav-link .gnav-ss-dropdown {
        line-height: 19px;
        position: absolute;
        margin: -8px 0 0 0;
        left: 35px;
    }
    .is-responsive .user-nav .nav-link .gnav-ss-dropdown,
    .is-responsive .notifications-nav .nav-link .gnav-ss-dropdown {
        left: 40px;
    }
    .is-responsive .gnav-header .account-nav>li:before {
        content: none;
    }

    .is-responsive .gnav-header .account-nav .count {
    margin-top: -6px;
    }

    .is-responsive .gnav-header .text-link {
        display: inline;
        clear: none;
        margin-top: 0;
    }
    .is-responsive .gnav-header .text-link .text-link-copy {
        display: none;
    }
    .is-responsive .nav-icon img {
        margin: 4px 0 0;
        top: auto;
    }
    .is-responsive .nav-icon.nav-icon-image:after {
        top: 4px;
    }
    .is-responsive .gnav-header .account-nav .cart {
        margin-left: 10px;
        padding-left: 5px;
    }
    .is-responsive .gnav-header .account-nav .cart a:before {
        position: absolute;
        display: block;
        content: "";
        width: 1px;
        top: 20%;
        left: 0;
        bottom: 20%;
        background: #E2E2E2;
        background: rgba(0, 0, 0, 0.1);
    }
    .is-responsive .gnav-header .with-pointer:before,
    .is-responsive .gnav-header .with-pointer:after {
        right: 88px;
    }
    .is-responsive .gnav-header .user .with-pointer:before,
    .is-responsive .gnav-header .user .with-pointer:after {
        right: 86px;
    }
    .is-responsive .sub-nav.cart {
        margin-right: 46px;
    }
    .is-responsive .gnav-header .gnav-cart.with-pointer:before,
    .is-responsive .gnav-header .gnav-cart.with-pointer:after {
        right: 31px;
    }
    .is-responsive .gnav-header .register-link a,
    .is-responsive .gnav-header .sign-in-link a {
        margin-right: 7px;
    }
    .is-responsive .gnav-header .register-link a,
    .is-responsive .gnav-header .sign-in-link a ,
    .is-responsive .gnav-header .logged-in-link .menuItem {
        height: auto;
        padding: 8px;
    }
}


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

    .is-responsive .apply-nav-height,
    .is-responsive .apply-nav-height>li>.nav-link,
    .is-responsive .apply-nav-height>li>a,
    .is-responsive .apply-nav-height.gnav-header-inner {
        height: 60px;
    }
     .mobile-catnav-trigger.tablet-catnav-enabled.left {
        right: 33px;
    }
    .is-responsive .apply-nav-height.search-mobile,
    .is-responsive .apply-nav-height>li>.nav-link.search-mobile,
    .is-responsive .apply-nav-height>li>a.search-mobile,
    .is-responsive .apply-nav-height.gnav-header-inner.search-mobile {
        height: 66px;
    }
    .is-responsive .gnav-header .gnav-header-inner {
        position: static;
        padding: 0;
    }
    .is-responsive .gnav-header .register-link a,
    .is-responsive .gnav-header .sign-in-link a,
    .is-responsive .gnav-header .logged-in-link .menuItem{
        line-height: 15px;
        margin-top: 13px;
    }

    .is-responsive .gnav-header .logged-in-link .menuItem.user{

    margin-top: 8px !important;

    }

    .is-responsive .gnav-header .logged-in-link .menuItem .name{

    display: none;

    }

    .is-responsive .gnav-header #gigtodo-logo {
        width: 20px;
        margin: 0 18px;
        margin-right:0px;
    }
    .is-responsive .search-browse-wrapper {
        display: block;
        clear: left;
        top: 60px;
        margin: 0;
        padding: 0 10px;
        border-top: 1px solid #e2e2e2;
        position: relative;
        top: 0;
        z-index: 5;
    }
    .is-responsive .search-browse-wrapper.hide {
        display: none;
    }
    .is-responsive .search-browse-wrapper.show {
        display: block;
    }
    .is-responsive .search-browse-wrapper:after {
        content: " ";
        display: block;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    .is-responsive .gnav-header .search-browse-inner {
        position: relative;
    }
    .is-responsive .gnav-header .search-browse-inner:before,
    .is-responsive .gnav-header .search-browse-inner:after {
        right: auto;
        left: 70px;
        display: block;
    }
    .is-responsive .gnav-header .search-browse-nav.nav-link {
        display: block;
        padding: 0 5px;
    }
    .is-responsive .gnav-header .search-browse-nav.nav-link.hide {
        display: none;
    }
    .is-responsive .gnav-header .search-nav {
        width: 60%;
    }
    .is-responsive .gnav-header .browse-nav {
        position: static;
        display: block;
        float: right;
        width: 40%;
        margin-top: 13px;
        height: auto;
        border: 0 none;
    }
    .is-responsive .gnav-header .browse-nav .browse-dropdown-trigger {
        text-align: center;
        color: #0192b5;
        width: 100%;
        height: auto;
        padding: 0;
        margin-top: 0;
        text-decoration: none;
        text-align: left;
    }
    .is-responsive .browse-dropdown-trigger .browse-copy {
        position: relative;
        display: block;
    }
    .is-responsive .browse-dropdown-trigger .browse-copy.short {
        display: none;
    }
    .is-responsive .browse-dropdown-trigger .browse-copy:after {
        position: absolute;
        left: auto;
        right: -3px;
        top: 6px;
    }
    .is-responsive .gnav-header .browse-nav-inner {
        top: 61px;
    }
    .is-responsive .gnav-header .browse-nav li.additional-slices {
        display: block;
    }
    .is-responsive .gnav-header .browse-nav-inner a {
        display: block;
        padding: 8px 20px;
        font-size: 14px;
        line-height: 20px;
        color: #333;
        width: auto;
        text-decoration: none;
        white-space: normal;
    }
    .is-responsive.no-touch .gnav-header .browse-nav-inner a:hover,
    .is-responsive.no-touch .gnav-header .browse-nav-inner a:active,
    .is-responsive.is-touch .gnav-header .browse-nav-inner a.active {
        color: #0192B5;
        background: #E5F4F7;
    }
    .is-responsive .gnav-header .sub-nav {
        top: 1px;
    }
    .is-responsive .gnav-header .account-nav {
        position: absolute;
        top: 0;
        right: 0;
    }
    .gnav-header .search-browse-wrapper+.header__skip-to-content.focusable:active,
    .gnav-header .search-browse-wrapper+.header__skip-to-content.focusable:focus {
        margin-top: 0px;
        margin-bottom: 12px;
    }
    .gnav-header .search-browse-wrapper.hide+.header__skip-to-content.focusable:active,
    .gnav-header .search-browse-wrapper.hide+.header__skip-to-content.focusable:focus {
        margin-top: 13px;
    }
}

@media screen and (max-width: 852px) {
    .is-responsive .footer-column,
    .is-responsive .footer-column.wide {
        width: 33.3%;
    }
    .is-responsive .column-section,
    .is-responsive .footer-column.wide .column-section {
        width: 100%;
    }
    .is-responsive .gnav-footer ul {
        padding-bottom: 10px;
    }
    .is-responsive .gnav-footer ul.tou {
        padding-bottom: 28px;
    }
}

@media screen and (max-width: 560px) {
    .is-responsive .gnav-footer-inner {
        width: auto;
        padding-top: 10px;
    }
    .is-responsive .footer-content {
        padding: 0;
        width: auto;
        border: 1px solid #E2E2E2;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    .is-responsive .footer-column,
    .is-responsive .footer-column.wide {
        width: 100%;
    }
    .is-responsive .column-section,
    .is-responsive .footer-column.wide .column-section {
        width: 100%;
        padding: 0;
    }
    .is-responsive .email_sign_up_content .sub-spin {
        display: block;
        margin: 10px auto 0;
    }
    .is-responsive .hidden-on-collapse {
        display: none;
    }
    .is-responsive .sell-on-gigtodo-mobile {
        display: block;
    }
    .is-responsive .sell-on-gigtodo-mobile a.open-shop-link-new {
        display: block;
        width: auto;
    }
    .is-responsive .gnav-footer .column-section ul {
        padding: 0;
        border-top: 1px solid #e2e2e2;
    }
    .is-responsive .gnav-footer .column-section ul.show {
        background-color: #FFF;
    }
    .is-responsive .gnav-footer .column-section ul.first-on-mobile.show {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    .is-responsive .gnav-footer .footer-column ul.first-on-mobile {
        border: 0;
    }
    .is-responsive .gnav-footer .column-section ul.section-sell-on-gigtodo {
        display: none;
    }
    .is-responsive .gnav-footer .column-section ul li {
        display: none;
    }
    .is-responsive .gnav-footer .column-section ul.show li {
        display: block;
        border-top: 1px solid #eee;
    }
    .is-responsive .gnav-footer .column-section ul li.footer-link-trigger,
    .is-responsive .gnav-footer .column-section ul.show li.footer-link-trigger {
        display: block;
        padding-right: 30px;
        border-top: 0 none;
    }
    .is-responsive .gnav-footer .column-section ul li.footer-link-trigger:after {
        font-family: "SSEtsy";
        content: '';
        font-size: 14px;
        color: #CCC;
        position: absolute;
        top: 13px;
        right: 10px;
        margin: 0 1px;
    }
    .is-responsive .gnav-footer .column-section ul.show li.footer-link-trigger:after {
        content: '';
    }
    .is-responsive .gnav-footer .column-section ul li h4,
    .is-responsive .gnav-footer .column-section ul li a {
        font-weight: bold;
        padding: 10px;
        font-size: 13px;
        font-weight: normal;
        cursor: pointer;
    }
    .is-responsive .gnav-footer .column-section h4 .gnav-ss-icon {
        display: block;
    }
    .is-responsive .locale-help {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .is-responsive .gnav-footer ul.locale-settings {
        border: 0 none;
        float: none;
        display: table;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .is-responsive .gnav-footer ul.locale-settings li {
        display: table-cell;
        float: none;
    }
    .is-responsive .gnav-footer ul.locale-settings li a {
        text-align: center;
        float: none;
    }
    .is-responsive .gnav-footer .locale-settings li .gnav-ss-globe {
        top: 4px;
        margin: 0 3px 0 0;
        line-height: 13px;
        float: none;
    }
    .is-responsive .gnav-footer a.help-link,
    .is-responsive .gnav-footer a.help-link-primary {
        display: block;
        margin-top: 10px;
        width: auto;
        margin-left: 0px;
    }
    .is-responsive .gnav-footer ul.tou {
        padding: 0 0 10px;
    }
    .is-responsive.mobile .gnav-footer ul.tou li.switch-to-desktop {
        clear: left;
        float: none;
        display: block;
        border-top: 1px solid #E2E2E2;
        padding-top: 10px;
        margin-top: 10px;
    }
    .is-responsive .register-sign-in {
        display: block;
    }
    .gnav-footer .footer-row #copy {
        display: block;
    }
    .gnav-user-card .name,
    .gnav-shop-card .name {
        font-weight: bold;
    }
}

@media screen and (max-width: 420px) {
        .gigtodo-logo-svg-logged-in .mobile{
        margin-top: 0px;
        margin-left: 3px;
       display: unset !important;
    }

    .gnav-header #mobilemenu{
    
        margin-left: -6px;

    }

    .gigtodo-logo-svg-logged-in .mobile-full {
        margin-top: 0px;
        margin-left: 25px;
        display: unset !important;
    }
    .is-responsive .gnav-header .loggedInLogo{
        margin: 0px !important;
        margin-right: 2px !important;
        width: 8px !important;
        cursor: pointer;
    }
    .gnav-header #gigtodo-logo {
        margin-right: 5px !important;
        cursor: pointer;
    }
    .gnav-header #gigtodo-logo a {
        background: none;
        text-indent: 0;
        line-height: 46px;
        font-size: 20px;
        color: #fff;
    }
    .is-responsive .signup-message h3 {
        font-family: "Arial", "Helvetica", sans-serif;
        font-size: 13px;
        line-height: 18px;
        padding-bottom: 10px;
    }
    
    .is-responsive.is-signed-in .gnav-header #gigtodo-logo a:before {
        font-family: "SSEtsy";
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
        white-space: nowrap;
        -moz-font-feature-settings: "liga=1";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga" 1;
        -o-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '';
        color: #f45800;
    }
    .is-responsive .apply-nav-height,
    .is-responsive .apply-nav-height>li>.nav-link,
    .is-responsive .apply-nav-height>li>a,
    .is-responsive .apply-nav-height.gnav-header-inner {
        height: 44px;
    }
    .is-responsive .gnav-header .account-nav .register-link a,
    .is-responsive .gnav-header .account-nav .sign-in-link a,
    .is-responsive .gnav-header .account-nav .logged-in-link .menuItem {
        margin-top: 5px;
        height: auto;
    }

    .is-responsive .gnav-header .account-nav .logged-in-link .menuItem.user {
    margin-top: 1px !important;
    }

    .is-responsive .gnav-header .account-nav .logged-in-link .menuItem.heart {
    display: none !important;
    }

    .is-responsive .gnav-header #gigtodo-logo a {
        margin-top: 5px;
    }
    .is-responsive .gnav-header .account-nav .cart {
        margin-left: 0;
        padding-left: 0;
    }
    .is-responsive .gnav-header .account-nav .cart a:before {
        display: none;
    }
    .is-responsive .gnav-header .account-nav .count {
        position: absolute;
        top: 9px;
        right: 23px;
        font-size: 10px;
        line-height: 15px;
        padding: 0 3px;
        margin-top: 0;
        min-width: 15px;
    }
    .is-responsive .gnav-header .account-nav .count.count-smaller {
        line-height: 11px;
        min-width: 11px;
    }
    .is-responsive .gnav-header .nav-link {
        padding: 0 10px;
    }
    .is-responsive .gnav-header .shop-nav .nav-link,
    .is-responsive .gnav-header .user-nav .nav-link,
    .is-responsive .gnav-header .notifications-nav .nav-link,
    .is-responsive .gnav-header .has-sub-nav.cart .nav-link {
        min-width: 0;
    }
    .is-responsive .nav-link .gnav-ss-dropdown {
        display: none;
    }
    .is-responsive .gnav-header .sub-nav,
    .is-responsive .gnav-header .sub-nav.user,
    .is-responsive .gnav-header .sub-nav.notification,
    .is-responsive .gnav-header .sub-nav.notification.non-responsive-width-320px,
    .is-responsive .gnav-header .sub-nav.shop,
    .is-responsive .gnav-header .sub-nav.cart {
        right: auto;
        left: auto;
        top: auto;
        position: relative;
        border-radius: 0;
        width: auto;
        max-width: none;
        box-shadow: none;
        border: 0 none;
        border-top: 1px solid #E2E2E2;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    .is-responsive .gnav-header .sub-nav.cart {
        margin-right: 0;
    }
    .is-responsive .gnav-header .sub-nav:before {
        display: none;
    }
    .is-responsive .gnav-header .with-pointer:before,
    .is-responsive .gnav-header .with-pointer:after {
        top: -7px;
        right: 97px;
        border-width: 7px;
    }
    .is-responsive .gnav-header .notifications-three-icons-right .with-pointer:before,
    .is-responsive .gnav-header .notifications-three-icons-right .with-pointer:after {
        right: 136px;
    }
    .is-responsive .gnav-header .user .with-pointer:before,
    .is-responsive .gnav-header .user .with-pointer:after {
        right: 55px;
    }
    .is-responsive .gnav-header .sub-nav .gnav-user-card:after,
    .is-responsive .gnav-header .sub-nav .notifications-container:after,
    .is-responsive .gnav-header .sub-nav .gnav-shop-card:after,
    .is-responsive .gnav-header .search-browse-inner:after,
    .is-responsive .gnav-header .browse-nav-inner:after {
        top: -6px;
        border-bottom: 7px solid #FFF;
        z-index: 1;
    }
    .is-responsive .gnav-header .sub-nav .subnav-text-link {
        padding-left: 10px;
        padding-right: 10px;
    }
    .is-responsive .gnav-header .search-nav {
        width: 100%;
        height: auto;
    }
    .is-responsive .gnav-header .gnav-search-inner {
        position: relative;
        top: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .is-responsive.is-signed-in .gnav-header .search-browse-inner:before,
    .is-responsive.is-signed-in .gnav-header .search-browse-inner:after {
        left: 36px;
    }
    .is-responsive .gnav-header .browse-nav {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        margin-bottom: 10px;
    }
    .is-responsive .gnav-header .browse-nav .browse-dropdown-trigger {
        text-align: left;
        height: auto;
        display: block;
    }
    .is-responsive .gnav-header .browse-nav .browse-dropdown-trigger.show .inner-cell {
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
        border-bottom: 1px solid #EEE;
    }
    .is-responsive.no-touch .gnav-header .browse-nav .browse-dropdown-trigger:hover .inner-cell,
    .is-responsive.no-touch .gnav-header .browse-nav .browse-dropdown-trigger:active .inner-cell {
        border-color: #c0c0c0;
    }
    .is-responsive .browse-dropdown-trigger .browse-copy {
        white-space: nowrap;
    }
    .is-responsive .gnav-header .browse-nav-inner {
        position: static;
        max-width: none;
        width: auto;
        box-shadow: none;
        padding-top: 6px;
        padding-bottom: 6px;
        -moz-border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
        border: 1px solid #E5E5E5;
        border-top: 0 none;
    }
    .is-responsive .gnav-header .browse-nav-inner li {
        display: block;
    }
    .is-responsive .gnav-header .browse-nav-inner:before,
    .is-responsive .gnav-header .browse-nav-inner:after {
        content: none;
        display: none;
    }
    .is-responsive .gnav-header .browse-nav-inner a {
        margin: 0;
        padding: 6px 8px;
        font-size: 13px;
    }
    .is-responsive .header__skip-to-content.screen-reader-only.focusable:focus {
        display: block;
        position: relative;
        margin: 5px;
        clear: both;
    }
}

@media screen and (orientation: portrait) {
    .is-responsive .gnav-header .sub-nav {
        max-width: 280px;
    }
    .is-responsive .gnav-header .sub-nav.non-responsive-width-320px {
        max-width: 320px;
    }
}

.global-nav.global-nav {
    -webkit-font-smoothing: subpixel-antialiased;
}

.global-nav.global-nav .icon-gigtodologo {
    width: 80px;
    height: inherit;
}

.global-nav.global-nav .icon-etsye {
    width: 32px;
    height: inherit;
}

.global-nav.global-nav .global-nav-height {
    height: 60px;
}

@media only screen and (min-width: 900px) {
    .global-nav.global-nav .global-nav-height {
        height: 80px;
    }
}

.global-nav.global-nav .position-top-negative-8px {
    top: -8px;
}

.global-nav.global-nav .position-right-negative-8px {
    right: -8px;
}

.global-nav.global-nav .global-nav-icon-hoverstate {
    -webkit-transition: opacity ease 0.2s;
    -moz-transition: opacity ease 0.2s;
    -o-transition: opacity ease 0.2s;
    -ms-transition: opacity ease 0.2s;
    transition: opacity ease 0.2s;
}

.global-nav.global-nav .global-nav-icon-hoverstate:hover {
    text-decoration: none;
    opacity: 0.6;
}

@media only screen and (min-width: 640px) {
    .global-nav-menu {
        position: absolute;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
        border-radius: 3px;
        top: 70px;
    }
}

.global-nav-menu .list-nav-item {
    border-radius: 0px;
}

.global-nav-menu .list-nav-item:hover {
    color: #0192B5;
}

.global-nav-menu.with-pointer:before,
.global-nav-menu.with-pointer:after {
    content: " ";
    display: block;
    position: absolute;
    top: -10px;
    right: 72px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #d8d8d8;
    cursor: pointer;
}

.global-nav-menu.with-pointer:after {
    top: -9px;
    border-bottom: 10px solid #FFF;
    z-index: 1;
}

@media only screen and (min-width: 640px) {
    .global-nav-menu-shop {
        max-width: 450px;
        right: 88px;
    }
}

@media only screen and (min-width: 640px) {
    .global-nav-menu-user {
        max-width: 280px;
        right: 14px;
    }
}

@media only screen and (min-width: 0) and (max-width: 639px) {
    body[data-language="fr"] .gnav-header .register-link,
    body[data-language="ru"] .gnav-header .register-link,
    body[data-language="de"] .gnav-header .register-link,
    body.fr .gnav-header .register-link,
    body.ru .gnav-header .register-link,
    body.de .gnav-header .register-link {
        display: none;
    }
}

#mobile-catnav-overlay.display-none {
    display: none;
}

.mobile-catnav-wrapper .mobile-cat-nav {}

.mobile-catnav-wrapper .mobile-cat-nav .overlay-back,
.mobile-catnav-wrapper .mobile-cat-nav .overlay-close {
    color: #595959;
}

.mobile-catnav-wrapper .mobile-cat-nav .mobile-catnav-margin {
    margin-bottom: 120px;
}

.mobile-catnav-wrapper .mobile-cat-nav .a11y-focus-only a:focus:not(.focus-ring) {
    outline: none;
    text-decoration: none;
}

.mobile-catnav-wrapper .mobile-cat-nav .a11y-focus-only a:focus:not(.focus-ring) .child-hover-underline {
    text-decoration: none;
}

.mobile-catnav-trigger {
    padding-left: 6px !important;
    padding-right: 4px !important;
}

.catnav-browse-btn {
    margin-left: 5px !important;
}

#gigtodo-modal-container .mobile-catnav-overlay-mask {
    z-index: 9998;
}

@media only screen and (min-width: 0) and (max-width: 479px) {
    .catnav-browse-btn {
        display: none !important;
    }
    .is-responsive .gnav-header .account-nav .logged-in-link .menuItem.heart {
    display: none !important;
    }
}

@media only screen and (min-width: 0) and (max-width: 639px) {
    .catnav-search-anchor {
        display: none !important;
    }
    .catnav-search-bar {
        display: block;
    }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
    .mobile-cat-nav-ep-wrapper {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
    }
    .mobile-cat-nav-ep-image {
        min-height: 80px;
    }
}

@media only screen and (min-width: 0) and (max-width: 1024px) {
    body.is-responsive:not(.wide-extended) #gnav-search.search-nav {
        width: 100%;
    }
}

@media only screen and (min-width: 640px) {
    .mobile-catnav-trigger {
        display: none !important;
    }
}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
    .mobile-catnav-trigger.tablet-catnav-enabled {
        display: block !important;
    }

}

@media only screen and (min-width: 640px) {
    .mobile-cat-nav {
        min-width: 320px;
        max-width: 40%;
    }
}


button.show-discount,
#conversation-overlay.overlay .btn-link,
button.text-orange.text-orange,
a.text-orange.text-orange,
.max-height-text-container.max-height-text-container button,
.reviews-container.reviews-container button.unstyled-button,
.ds-reduced-colors .ui-toolkit a:not(.btn),
.purchases .order-details-header a,
.purchases-header .msg a,
#newempty a,
.listing-page-favorites-link,
#fineprint a,
.similar-items-sash-wrapper a,
.description-and-overview a,
.section-help a,
.card-available-notice a .chunk-edit-link,
.primary .summary a,
.ui-toolkit .dashboard-home .stats-panel-body a,
.row-author p a,
.order-summary .cancellation-link a,
.card-available-notice a,
.similar-target-heading a {
    color: #222 !important;
    text-decoration: underline !important;
}

button.show-discount:hover,
button.show-discount:focus,
button.show-discount:active,
#conversation-overlay.overlay .btn-link:hover,
#conversation-overlay.overlay .btn-link:focus,
#conversation-overlay.overlay .btn-link:active,
button.text-orange.text-orange:hover,
button.text-orange.text-orange:focus,
button.text-orange.text-orange:active,
a.text-orange.text-orange:hover,
a.text-orange.text-orange:focus,
a.text-orange.text-orange:active,
.max-height-text-container.max-height-text-container button:hover,
.max-height-text-container.max-height-text-container button:focus,
.max-height-text-container.max-height-text-container button:active,
.reviews-container.reviews-container button.unstyled-button:hover,
.reviews-container.reviews-container button.unstyled-button:focus,
.reviews-container.reviews-container button.unstyled-button:active,
.ds-reduced-colors .ui-toolkit a:not(.btn):hover,
.ds-reduced-colors .ui-toolkit a:not(.btn):focus,
.ds-reduced-colors .ui-toolkit a:not(.btn):active,
.purchases .order-details-header a:hover,
.purchases .order-details-header a:focus,
.purchases .order-details-header a:active,
.purchases-header .msg a:hover,
.purchases-header .msg a:focus,
.purchases-header .msg a:active,
#newempty a:hover,
#newempty a:focus,
#newempty a:active,
.listing-page-favorites-link:hover,
.listing-page-favorites-link:focus,
.listing-page-favorites-link:active,
#fineprint a:hover,
#fineprint a:focus,
#fineprint a:active,
.similar-items-sash-wrapper a:hover,
.similar-items-sash-wrapper a:focus,
.similar-items-sash-wrapper a:active,
.description-and-overview a:hover,
.description-and-overview a:focus,
.description-and-overview a:active,
.section-help a:hover,
.section-help a:focus,
.section-help a:active,
.card-available-notice a .chunk-edit-link:hover,
.card-available-notice a .chunk-edit-link:focus,
.card-available-notice a .chunk-edit-link:active,
.primary .summary a:hover,
.primary .summary a:focus,
.primary .summary a:active,
.ui-toolkit .dashboard-home .stats-panel-body a:hover,
.ui-toolkit .dashboard-home .stats-panel-body a:focus,
.ui-toolkit .dashboard-home .stats-panel-body a:active,
.row-author p a:hover,
.row-author p a:focus,
.row-author p a:active,
.order-summary .cancellation-link a:hover,
.order-summary .cancellation-link a:focus,
.order-summary .cancellation-link a:active,
.card-available-notice a:hover,
.card-available-notice a:focus,
.card-available-notice a:active,
.similar-target-heading a:hover,
.similar-target-heading a:focus,
.similar-target-heading a:active {
    color: #595959 !important;
    cursor: pointer !important;
}

.ui-toolkit .popover-trigger {
    color: #222 !important;
}

.ui-toolkit .popover-trigger:hover,
.ui-toolkit .popover-trigger:focus,
.ui-toolkit .popover-trigger:active {
    color: #595959 !important;
}

.pla-listing .more-similar-listings-wrapper .btn-link {
    color: #222;
}

#listing-body a:not(.btn) {
    color: #000;
    text-decoration: underline;
}

#listing-body a:not(.btn):hover,
#listing-body a:not(.btn):focus,
#listing-body a:not(.btn):active {
    color: #595959;
    cursor: pointer;
}

.apply-nav-height .sell-on-gigtodo-link a,
.gnav-header .register-link a {
    color: inherit !important;
    text-decoration: none !important;
}

.apply-nav-height .sell-on-gigtodo-link a:hover,
.gnav-header .register-link a:hover {
    color: #595959 !important;
    text-decoration: underline !important;
}

.sign-in-link a:hover {
    color: #222 !important;
}

.cat-nav a:not(:hover):not(:focus):not(:active),
.vesta-hero a:not(:hover):not(:focus):not(:active),
.ui-toolkit .v2-listing-card a:not(:hover):not(:focus):not(:active),
.ui-toolkit a.card:not(:hover):not(:focus):not(:active),
.nav-item a:not(:hover):not(:focus):not(:active),
.top-nav-item a:not(:hover):not(:focus):not(:active),
.ui-toolkit .text-title a:not(:hover):not(:focus):not(:active),
.ui-toolkit a.listing-title:not(:hover):not(:focus):not(:active),
.shop-name.shop-name a:not(:hover):not(:focus):not(:active),
.text-headline-smaller a:not(:hover):not(:focus):not(:active),
.shop-faq-accordion:not(:hover):not(:focus):not(:active),
.text-decoration-none:not(:hover):not(:focus):not(:active),
.avatar a:not(:hover):not(:focus):not(:active),
footer a:not(:hover):not(:focus):not(:active),
.account-nav a:not(:hover):not(:focus):not(:active),
.ui-toolkit .list-nav a:not(:hover):not(:focus):not(:active),
.ui-toolkit a.radio-label:not(:hover):not(:focus):not(:active),
.ui-toolkit a.checkbox-label:not(:hover):not(:focus):not(:active),
.ui-toolkit .text-link-secondary:not(:hover):not(:focus):not(:active),
.card a:not(:hover):not(:focus):not(:active),
a.card:not(:hover):not(:focus):not(:active),
.shop-owner a:not(:hover):not(:focus):not(:active),
.shop-info a:not(:hover):not(:focus):not(:active),
.convo-excerpt a:not(:hover):not(:focus):not(:active),
a.list-nav-item:not(:hover):not(:focus):not(:active),
.shop-details a:not(:hover):not(:focus):not(:active),
.shop-header-name:not(:hover):not(:focus):not(:active),
.reviews-link:not(:hover):not(:focus):not(:active),
.subcategory-text a:not(:hover):not(:focus):not(:active),
#search-filter-reset-form a:not(:hover):not(:focus):not(:active),
.ui-toolkit .dashboard-home .stats-panel-body a:not(:hover):not(:focus):not(:active),
.ui-toolkit .dashboard-home .manage-panel-body a:not(:hover):not(:focus):not(:active),
.sticky-navigation .sticky-navigation-link:not(:hover):not(:focus):not(:active),
.press-link a:not(:hover):not(:focus):not(:active),
.collections-header a:not(:hover):not(:focus):not(:active),
a.pill:not(:hover):not(:focus):not(:active),
#forums-title a:not(:hover):not(:focus):not(:active),
#forums-nav a:not(:hover):not(:focus):not(:active),
#main-content #groups a:not(:hover):not(:focus):not(:active),
#main-content #section .thread a:not(:hover):not(:focus):not(:active),
#sidebar-links li a:not(:hover):not(:focus):not(:active),
#announcements a:not(:hover):not(:focus):not(:active),
.sub-page-title a:not(:hover):not(:focus):not(:active),
.post-details .meta-info .create_date:not(:hover):not(:focus):not(:active),
.single-thread .flag a:link:not(:hover):not(:focus):not(:active),
.order-details-body-transactions .transaction-title a:not(:hover):not(:focus):not(:active),
.ui-toolkit .alert .alert-close:not(:hover):not(:focus):not(:active),
.tt-hover-t:not(:hover):not(:focus):not(:active),
.secondary-tabs li a:not(:hover):not(:focus):not(:active),
a.close.ss-delete:not(:hover):not(:focus):not(:active),
.forum .threads .summary .title-and-author a:not(:hover):not(:focus):not(:active),
.forum .threads .summary .latest-post a:not(:hover):not(:focus):not(:active),
.members .member-card a:not(:hover):not(:focus):not(:active),
.title-and-author .title a:not(:hover):not(:focus):not(:active),
.title-and-author .author a:not(:hover):not(:focus):not(:active),
.forum .threads .time a:not(:hover):not(:focus):not(:active),
.forum .threads .author a:not(:hover):not(:focus):not(:active),
.group-listing-info h3 a:not(:hover):not(:focus):not(:active),
.group-listing-recent-members p a:not(:hover):not(:focus):not(:active),
.btn-image-manager:not(:hover):not(:focus):not(:active) {
    text-decoration: none !important;
}

.subnav-text-link:hover,
.account-nav a:hover,
.ui-toolkit .list-nav a:hover,
.ui-toolkit .v2-listing-card a:hover,
.card a:hover,
a.card:hover,
.nav-item a:hover,
a.list-nav-item:hover,
a.pill:hover,
.page-header .toggle-tabs a:hover,
.tt-hover-t:hover,
a.close.ss-delete:hover {
    text-decoration: none !important;
}

.order-details-footer {
    text-decoration: none !important;
}

.v2-listing-card a {
    color: #222 !important;
}

.ui-toolkit .default-button:hover {
    color: #FFF !important;
    text-decoration: none !important;
}

.inc-main a {
    text-decoration: none !important;
}

.inc-main a:hover {
    color: inherit !important;
}

.header-sticky__nav a:hover {
    color: inherit !important;
    text-decoration: none !important;
}

.inc-main .careers-departments-list__link:hover,
.inc-main .careers-departments-list__link:focus {
    color: #595959 !important;
}

.ui-toolkit a.text-white,
.ui-toolkit a.text-white:hover {
    color: #FFF !important;
}

.ui-toolkit .parent-hover-underline,
.ui-toolkit .parent-hover-underline a {
    text-decoration: none !important;
}

.ui-toolkit .parent-hover-underline:hover .child-hover-underline {
    text-decoration: underline !important;
}

.ui-toolkit .text-link-secondary {
    color: #222 !important;
}

.ui-toolkit a.text-link-underline:not(:hover):not(:focus):not(:active) {
    text-decoration: underline !important;
}

.ui-toolkit .btn-primary.btn-primary,
.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary {
    background-color: #2ca35b;
}

.ui-toolkit .btn-primary.btn-primary:active,
.ui-toolkit .btn-primary.btn-primary:hover,
.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary:active,
.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary:hover {
    background-color: #ef1132;
}

.ui-toolkit .btn-primary.btn-primary:disabled,
.ui-toolkit .btn-primary.btn-primary.is-disabled,
.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary:disabled,
.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary.is-disabled {
    background-color: #bbbbbb;
}

.ui-toolkit .btn-outline-orange.btn-outline-orange {
    border-color: #222;
    color: #222;
}

.ui-toolkit .btn-outline-orange.btn-outline-orange:hover,
.ui-toolkit .btn-outline-orange.btn-outline-orange:focus {
    background-color: #222;
    color: #FFF;
}

/*.gnav-header .sign-in-link a {
    color: #222 !important;
}
*/
.gnav-header .sign-in-link a:hover {
   background: #fff;
    border:1px solid #ff8c00;
    color: #ff8c00;
}

.ui-toolkit .default-button.default-button.default-button__orange-outline {
    color: #222;
    border-color: #222;
}

.ui-toolkit .default-button.default-button.default-button__orange-outline:hover {
    background: #222;
    border-color: #222;
}

.ui-toolkit .close-button.close-button:hover .close-button__circle,
.ui-toolkit .close-button.close-button:focus .close-button__circle {
    fill: #222;
    stroke: #222;
}

.ui-toolkit .default-button.default-button.default-button__orange {
    background-color: #222;
    border-color: #222;
}

.ui-toolkit .default-button.default-button.default-button__orange:hover,
.ui-toolkit .default-button.default-button.default-button__orange:focus {
    background-color: #3c3c3c;
    border-color: #3c3c3c;
}

.ui-toolkit .default-button.default-button.default-button__back:hover,
.ui-toolkit .default-button.default-button.default-button__back:focus {
    background-color: #222;
    border-color: #222;
}

.assets .button-overlay a.asset-button,
#teams-page-panel .btn-primary,
#create-group-button.btn-primary,
#listings-header .btn-primary,
.forums #right .btn-primary,
#new-post-form .btn-primary,
.team-member-search-wrapper .btn-primary,
#group-head .btn-primary,
.invite-members-footer .btn-primary,
.new-topic .btn-primary,
.team-forum .search-bar .button-medium,
.order-actions .action-buttons .btn-secondary:first-child {
    background-color: #222 !important;
    text-decoration: none;
}

.assets .button-overlay a.asset-button:hover,
.assets .button-overlay a.asset-button:focus,
#teams-page-panel .btn-primary:hover,
#teams-page-panel .btn-primary:focus,
#create-group-button.btn-primary:hover,
#create-group-button.btn-primary:focus,
#listings-header .btn-primary:hover,
#listings-header .btn-primary:focus,
.forums #right .btn-primary:hover,
.forums #right .btn-primary:focus,
#new-post-form .btn-primary:hover,
#new-post-form .btn-primary:focus,
.team-member-search-wrapper .btn-primary:hover,
.team-member-search-wrapper .btn-primary:focus,
#group-head .btn-primary:hover,
#group-head .btn-primary:focus,
.invite-members-footer .btn-primary:hover,
.invite-members-footer .btn-primary:focus,
.new-topic .btn-primary:hover,
.new-topic .btn-primary:focus,
.team-forum .search-bar .button-medium:hover,
.team-forum .search-bar .button-medium:focus,
.order-actions .action-buttons .btn-secondary:first-child:hover,
.order-actions .action-buttons .btn-secondary:first-child:focus {
    background-color: #3c3c3c !important;
    color: #FFF;
    text-decoration: none;
}

.btn-secondary.log-event.download-button {
    color: #FFF !important;
}

.gnav-header .sub-nav a .count,
.gnav-header .sub-nav a:hover .count,
.gnav-header .account-nav .cart .count,
.gnav-header .account-nav .cart:hover .count,
.gnav-header .account-nav .count,
.ds-reduced-colors .gnav-header .account-nav .count,
.ds-reduced-colors .gnav-header .account-nav .cart .count,
.badge-orange.badge-orange,
.ui-toolkit .badge-orange.badge-orange,
.ui-toolkit .badge.badge-primary {
    background-color: #ff8c00 !important;
    color: #fff !important;
    font-weight: bold !important;
    border-radius: 100px !important;
}

.gigtodo-icon.hamburger-icon.nav-icon{
    cursor: pointer;
}