/* css cotic menu style */
/* by Kelvin Owers - spittingcat.com */

@font-face {
  font-family: "Trade Gothic Bold";
  src: url("/fonts/trade-notcond.woff?#") format("woff"),
    url("/fonts/trade-notcond.ttf") format("truetype");
}

@font-face {
  font-family: "Framesize";
  src: url("/fonts/framesize.woff?#") format("woff"),
    url("/fonts/framesize.ttf") format("truetype");
}

@font-face {
  font-family: "JustVector";
  src: url("/fonts/justvectorv2-webfont.eot");  
  src: url("/fonts/justvectorv2-webfont.eot?#") format("embedded-opentype"),
    url("/fonts/justvectorv2-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

#wrapper {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in;
       -moz-transition: opacity 0.2s ease-in;
        -ms-transition: opacity 0.2s ease-in;
         -o-transition: opacity 0.2s ease-in;
            transition: opacity 0.2s ease-in;
    -webkit-transition-delay: 0.1s;
       -moz-transition-delay: 0.1s;
        -ms-transition-delay: 0.1s;
         -o-transition-delay: 0.1s;
            transition-delay: 0.1s;
}

#wrapper.slow_load {
    opacity: 0;
}

img {border:0;}

#Table_menu {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    min-height:84px;
    -webkit-box-shadow: 0px 6px 13px -1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 6px 13px -1px rgba(0,0,0,0.05);
    box-shadow: 0px 6px 13px -1px rgba(0,0,0,0.05);
    background: white;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-bottom: #eee solid 1px;
}

#navigation-heed {display: none;}

#navigation-fil1 {display: none;}

#navigation-COTIC {
    position:absolute;
    left:28px;
    top:21px;
    width:254px;
    height:39px;
}

#navigation-fil2 {display: none;}

#navigation-COTIC_mob {
    position:absolute;
    left:0px;
    top:0px;
    width:508px;
    height:78px;
}

#navigation-fil2_mob {
    position:absolute;
    left:508px;
    top:0px;
    width:278px;
    height:78px;
}

#navigation-main {
    font-family: Arial, "Helvetica Neue", Helvetica, "Trade Gothic", Verdana, "Andale Mono", "Andale Mono IPA", Consolas, "Bitstream Vera Sans Mono", "Courier New", monospace;
    font-weight: bold;
    position:absolute;
    right:28px;
    top:31px;
    height:20px;
    font-size: 1.1em;
}

#navigation-main a {
    display: inline;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 5px;
    color: #191919;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: white solid 6px;
    border-bottom: transparent solid 6px;
    cursor: pointer;
    transition: all .2s ease-out;
}

#navigation-main a._black {
    color: black;
    border-bottom: #dbdbdb solid 6px;
}

#navigation-main a:hover {
    color: black;
    border-bottom: #ff6600 solid 6px;
}






/* headroom is for the almost sticky menu */
html,
body {
    scroll-padding-top: 85px; /* set to the height of your header */
}

header {
      z-index: 10;
}

header.headroom,
header.headroom #Table_menu,
header.headroom #Table_submenu1 {
    position: fixed;
}

.headroom--pinned {
    visibility: visible;
    opacity: 1;
   -webkit-transition: visibility 0s 0.01s, opacity .25s ease-in-out;
}
.headroom--unpinned {
    visibility: hidden;
    opacity: 0;
   -webkit-transition: visibility 0s 0.25s, opacity .25s ease-in-out;
}

.headroom {
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
}

.headroom--unpinned #Table_menu a,
.headroom--unpinned #Table_submenu1 a {
    display: none;
}

#navigation-main .weareopen_link,
#navigation-main .financeUK_link,
#navigation-main .team_link,
#navigation-main .womenofsteel_link,
#navigation-main .women_link,
#navigation-main .ambassadors_link {
    display: none;
}
@media screen and (min-width: 970px) {
    #navigation-main .women_link,
    #navigation-main .ambassadors_link {
        display: inline;
    }
    #navigation-main .wos_link,
    #navigation-main .ambs_link {
        display: none;
    }
}
@media screen and (min-width: 1020px) {
    #navigation-main .womenofsteel_link {
        display: inline;
    }
    #navigation-main .women_link {
        display: none;
    }
    #Table_submenu1.sub_product #submenu1-options span,
    #Table_submenu1.sub_home #submenu1-options span {
        margin-left: 20px !important;
    }
    #Table_submenu1.sub_product #submenu1-options,
    #Table_submenu1.sub_home #submenu1-options {
        font-size: 1.2em;
    }
}
@media screen and (min-width: 1100px) {
    #navigation-main .weareopen_link,
    #navigation-main .financeUK_link,
    #navigation-main .team_link {
        display: inline;
    }
    #navigation-main .finance_link {
        display: none;
    }
}
@media screen and (max-width: 965px) {
    #navigation-main .international_link {
        display: none;
    }
}
@media screen and (max-width: 840px) {
    #navigation-main .ambs_link,
    #navigation-main .wos_link,
    #navigation-main .finance_link,
    #navigation-main .video_link {
        display: none;
    }
    #navigation-main {
        font-size: 1.05em;
    }
}
@media screen and (max-width: 740px) {
    #navigation-main {
        font-size: 1em;
    }
}
@media screen and (max-width: 700px) {
    #navigation-main {
        font-size: 0.75em;
    }
}
@media screen and (max-width: 660px) {
    #navigation-COTIC {
        display: none;
        font-size: 1em;
    }
}


.medium_window .build_link,
.medium_window .partners_link {
    display:none;
}

.small_window .build_link,
.small_window .geek_link,
.small_window .team_link,
.small_window .partners_link {
    display:none;
}

#navigation-Endfill {
    position:absolute;
    background-color:white;
    left:0px;
    top:0px;
    width:100%;
    height:59px;
}
#navigation-Endfill_mob {
    position:absolute;
    background-color:white;
    left:0px;
    top:0px;
    width:100%;
    height:78px;
}

#Table_submenu1 {
    font-family: Arial, "Helvetica Neue", Helvetica, "Trade Gothic", Verdana, "Andale Mono", "Andale Mono IPA", Consolas, "Bitstream Vera Sans Mono", "Courier New", monospace;
    position:absolute;
    left:0px;
    top:57px;
    width:100%;
    min-height:15px;
    color: #191919;
}

#Table_submenu1 a {
    border-bottom: white solid 6px;
    border-bottom: transparent solid 6px;
    transition: all .2s ease-out;
}
    
#Table_submenu1 .over a {
    text-decoration: none;
    color: black;
}
#Table_submenu1 .over a:hover {
    text-decoration: none;
    color: black;
    border-bottom: #ff6600 solid 6px;
}
#Table_submenu1 .current a {
    text-decoration: none;
    color: black;
    border-bottom: #dbdbdb solid 6px;
}
#Table_submenu1 .current a:hover {
    text-decoration: none;
    color: black;
    cursor: default;
}
#Table_submenu1 .over img {
    filter: alpha(opacity=65);-moz-opacity:.65;opacity:.65;
}
#Table_submenu1 .over img:hover {
    filter: alpha(opacity=99);-moz-opacity:.99;opacity:.99;
}
#Table_submenu1 .over img, #Table_submenu1 .current img {
    padding-top: 4px;
}

@media screen and (max-width: 800px) {
    #Table_submenu1 {
        font-size: 1em;
    }
}
@media screen and (max-width: 700px) {
    #Table_submenu1 {
        font-size: 0.8em;
    }
}
@media screen and (max-width: 600px) {
    #Table_submenu1 {
        display: none;
    }
}

#submenu1-Endfill {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    min_height:15px; _height:15px;
    overflow:hidden;
}

#submenu1-blank {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    min-height:15px; _height:15px;
}

#submenu1-options {
    position:absolute;
    right: 28px;
    padding-right: 3px;
    top:0px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    z-index: 2;
}

#submenu1-options a {
    text-decoration: none;
    padding-bottom: 1px;
    padding-top: 1px;
    opacity: 0.6;
}
#submenu1-options a:hover,
#submenu1-options .current a {
    opacity: 1;
}

#Table_submenu1.sub_product #submenu1-options span,
#Table_submenu1.sub_home #submenu1-options span {
    margin-left: 10px;
}
#Table_submenu1.sub_product #submenu1-options,
#Table_submenu1.sub_home #submenu1-options {
    letter-spacing: 0.02em;
    text-transform: initial;
}

#Table_progress {
    position:absolute;
    background-color:#cccccc;
    left:0px;
    top:59px;
    width:100%;
    height:20px;
}

#progress {
    position:absolute;
    right:0px;
    margin-left:-420px;
    top:0px;
    width:420px;
    height:20px;
}


#Table_corner {
    position:absolute;
    left:100%;
    top:0%;
    margin-left:-300px;
    width:0px;
    height:0px;
    z-index: 3;
}

#Top_Corner {
    position:absolute;
    left:0px;
    top:0px;
    width:300px;
    height:300px;
}
#Top_Corner {_display:none;}

.medium_window #Table_corner,.small_window #Table_corner {
    display: none;
}

#Close {
    position:absolute;
    right:2px;
    top:2px;
    width:20px;
    height:20px;
}
#Close img {
    filter: alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}
#Close img:hover {
    filter: alpha(opacity=99);-moz-opacity:.99;opacity:.99;
}
#text_blob {
    min-height: 250px;
    padding: 5px;
    padding-top: 45px;
    padding-left: 90px;
}
#text_blob a {text-decoration: none;}

.text_blob_type_1 {
    filter: alpha(opacity=90);-moz-opacity:.90;opacity:.90;
    background: url(/home/interface/backgroundblob1.png) no-repeat;
}
.text_blob_type_1 p {margin-top: 4px;}
.text_blob_type_1 a {color: #111111;}
.text_blob_type_1 a:hover {color: black;}

.text_blob_type_2 {
    filter: alpha(opacity=95);-moz-opacity:.95;opacity:.95;
    background: url(/home/interface/backgroundblob2.png) no-repeat;
}
.text_blob_type_2 p {margin-top: 4px;}
.text_blob_type_2 a {color: #111111;}
.text_blob_type_2 a:hover {color: black;}

.text_blob_type_3 {
    filter: alpha(opacity=85);-moz-opacity:.85;opacity:.85;
    background: url(/home/interface/backgroundblob3.png) no-repeat;
}
.text_blob_type_3 p {margin-top: 4px;}
.text_blob_type_3 a {color: #dddddd;}
.text_blob_type_3 a:hover {color: white;}

.footer, .footer a {
    color: #750502;
}
.footer {
    background: url(/cotic_menu_05/decoration/footer_top_edge.gif) repeat-x top left #BCBCBC;
    margin-top: 19px;
    min-height: 100px;
    _height: 100px;
    padding-top: 10px;
    padding-bottom: 8px;
    cursor: pointer;
    overflow:hidden;
    -webkit-text-size-adjust: none;
}
.footer .newsList {
    padding-top: 5px;
}
.footer_plus {
    background: url(/cotic_menu_05/decoration/footer_bottom_edge.gif) repeat-x top left #666;
    padding: 10px 10px 15px 10px;
    margin-top: 0;
}
.footer_plus form {
    padding-bottom: 3px;
}
.footer_plus p,
.footer_plus blockquote
{
    color: white;
    -webkit-font-smoothing: antialiased;
    padding-left: 0;
    padding-right: 0;
    margin: 0 0 10px 0;
}
.footer_plus p {
    font-family: "Trade Gothic Bold", Arial, "Helvetica Neue", Helvetica, "Trade Gothic", Verdana, "Andale Mono", "Andale Mono IPA", Consolas, "Bitstream Vera Sans Mono", "Courier New", monospace;
    font-size: 0.9em;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-weight: normal;
    margin: 13px 0 13px 0;
}
.footer_plus blockquote {
    font-family: Gorgia;
    font-size: 1.2em;
    font-style: italic;
    margin-bottom: 1em;
    quotes: "\201C""\201D""\2018""\2019";
}
.footer_plus blockquote::before { 
    content: open-quote;
    font-size: 2em;
    line-height: 0.1em;
    margin-right: 0.1em;
    vertical-align: -0.4em;
    color: #999;
    -webkit-text-size-adjust: none;
}
.footer_plus blockquote::after { 
    content: close-quote;
    font-size: 2em;
    line-height: 0.1em;
    vertical-align: -0.4em;
    color: #999;
    -webkit-text-size-adjust: none;
}
.footer a {
    filter: alpha(opacity=70);-moz-opacity:.70;opacity:.70;
    text-decoration: none;
    padding: 10px;
    font-family: "Trade Gothic Bold", Arial, "Helvetica Neue", Helvetica, "Trade Gothic", Verdana, "Andale Mono", "Andale Mono IPA", Consolas, "Bitstream Vera Sans Mono", "Courier New", monospace;
    font-size: 0.9em;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    font-weight: normal;
}
.footer a:hover {
    filter: alpha(opacity=99);-moz-opacity:.99;opacity:.99;
    text-decoration: underline;
}
.footer a img {
    vertical-align: top;
}
.footer, .footer div#models {
    min-height: 137px;
}
.footer div#credit {
    line-height: 22px;
    margin-top: -100px;
    margin-right: 20px;
    float: right;
}
@media screen and (max-width: 780px) {
    .footer div#credit {
        display: none;
    }
}

@media screen and (max-device-width: 667px) {
    /* mobile footers */
    .footer a {
        font-size: 2.2em;
    }
    .footer_plus p {
        font-size: 2.7em;
    }
    .footer_plus blockquote {
        font-size: 3.5em;
    }
    .footer .newsList a {
        padding-top: 20px;
        display: block;
    }
    .footer #credit {
        padding-top: 100px;
    }
    .footer #credit a {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footer #models {
        display: none;
    }
}

#addtoany {
    display: none;
}

span.sharebuttons {
    color: #999;
    font-family: Arial, "Helvetica Neue", Helvetica, "Trade Gothic", Verdana, "Andale Mono", "Andale Mono IPA", Consolas, "Bitstream Vera Sans Mono", "Courier New", monospace;
}
.sharebuttons a.shareTwitter,
.sharebuttons a.shareFacebook {
    font-family: 'JustVector', arial, sans-serif;
    color: #ccc;
    speak: none;
    display: inline-block;
    border-radius: 3px;
    height: 16px;
    width: 18px;
    overflow: hidden;
    border: solid 1px #ccd;
    margin-top: 4px;
}
.sharebuttons a.shareUrl {
    color: #ccc;
    speak: none;
    display: inline-block;
    border-radius: 3px;
    height:16px;
    width: 18px;
    overflow: hidden;
    border: solid 1px #ccd;
    margin-top: 4px;
}
.sharebuttons a.shareTwitter:visited,
.sharebuttons a.shareFacebook:visited,
.sharebuttons a.shareUrl:visited {
    color: #ccc;
}
.sharebuttons a.shareTwitter {
    display: none;
}
.sharebuttons a.shareFacebook {
    font-size: 22px;
    padding: 6px 2px 0 6px;
}
.sharebuttons a.shareUrl {
    font-size: 17px;
    padding: 6px 4px 0 3px;
}
.sharebuttons a.shareFacebook:hover {
    background-color: white;
    border-color: #6D8BC9;
    color: #4E69A2;
}
.sharebuttons a.shareUrl:hover {
    background: white;
    border-color: #FF6600;
    color: #FF6600;
}

h2.newstitle {
    z-index: 1;
}

/* mobile */
@media only screen
    /* mobile sharebuttons */
    and (max-device-width : 667px) {
    span.sharebuttons {
        /* font-size: 1.2em; */
        float: right;
        margin-top: 20px;
        margin-right: -10px;
    }
    h2.newstitle:after {
        content: ".";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
        float: none;
    }
    .sharebuttons a {
        width: 54px !important;
        margin-left: 10px;
    }
    .sharebuttons a.shareFacebook {
        height:48px;
        font-size: 66px;
        background-color: #ededed;
        border-color: #6D8BC9;
        color: #4E69A2;
        padding: 12px 2px 0 6px;
    }
    .sharebuttons a.shareUrl {
        height:48px;
        font-size: 44px;
        background: none; /* #ededed; */
        border-color: none; /* #FF6600; */
        color: #FF6600 !important;
        padding: 12px 2px 0 6px;
        margin-right: -3px;
    }
    .sharebuttons a.shareUrl:visited {
        color: #FF6600;
    }
}

.reading ul li.twitter,
.reading ul li.facebook,
.reading ul li.instagram,
.reading ul li.cc,
.reading ul li.flickr,
.reading ul li.pinterest,
.reading ul li.blank
{
    background: none;
    margin-bottom: 35px;
    width: 40%;
    display: inline-block;
}
.reading ul li.twitter,
.reading ul li.blank,
.reading ul li.cc {
    margin-bottom: 0;
}
.reading ul li.twitter:before,
.reading ul li.facebook:before,
.reading ul li.instagram:before,
.reading ul li.cc:before,
.reading ul li.flickr:before,
.reading ul li.pinterest:before,
.reading ul li.blank:before
{
    font-size: 350%;
    font-family: 'JustVector', arial, sans-serif;
    margin-right: 4px;
    speak: none;
    min-width: 40px;
    overflow: hidden;
}
.reading ul li.twitter:before {
    color: #55ACEE;
    content: "t";
}
.reading ul li.facebook:before {
    color: #4E69A2;
    content: "F";
}
.reading ul li.instagram:before {
/*    font-size: 270%;
    color: #EEF2F5;
    content: "(o)";
    font-family: 'proxima-nova', 'Helvetica Neue', Arial, Helvetica, sans-serif; */
}
.reading ul li.flickr:before {
    color: #ff0084;
    content: "n";
}
.reading ul li.cc:before {
    font-size: 315%;
    color: #eee;
    content: "cc";
    font-family: Arial, "Helvetica Neue", Helvetica, "Trade Gothic", Verdana, "Andale Mono", "Andale Mono IPA", Consolas, "Bitstream Vera Sans Mono", "Courier New", monospace;
}
.reading ul li.blank:before {
    color: #cccccc;
    content: "";
}

#droplink_models,
#soul_models,
#BFe_models,
#escapade_models
{
    position: absolute;
    top: 86px;
    background-color:white;
    opacity: 0.98;
    padding: 10px 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.53);
    z-index: 9;
}

#droplink_models {left: 320px}
#soul_models {left: 130px}
#BFe_models {display: none;}
#escapade_models {left: 550px}

#droplink_models a,
#soul_models a,
#BFe_models a,
#escapade_models a
{
    position: relative;
    cursor: pointer;
    display: inline;
}

#BFe_menu{margin-left:8px}

#escapade_models a
{
    font-size: 1.4em;
    color: #111;
}
#escapade_models a:hover
{
    text-decoration: none;
    color: black;
}

/* ---- mobile menus ---- */

#mobile_menu, .mobile_footer {
    font-size: 3em;
    color: #999999;
    -webkit-text-size-adjust: none;
    font-family: Arial, "Helvetica Neue", Helvetica, "Trade Gothic", Verdana, "Andale Mono", "Andale Mono IPA", Consolas, "Bitstream Vera Sans Mono", "Courier New", monospace;
    font-weight: bold;
}

#mobile_menu a, #mobile_menu a:visited {
    color: white;
    text-decoration: none;
}

#mobile_menu ul li {
    list-style-type: none;
}

#mobile_menu ul li {
    padding-top: 50px;
}

#mobile_menu ul li:first-child {
    padding-top: 25px;
}

@media screen and (max-device-height: 750px) {
    #mobile_menu ul ul li {
        padding-top: 42px;
    }
}

@media screen and (max-device-height: 660px) {
    #mobile_menu ul ul li {
        padding-top: 30px;
    }
}

@media screen and (max-device-height: 500px) {
    #mobile_menu ul li {
        padding-top: 30px;
    }
    #mobile_menu ul ul li {
        padding-top: 25px;
    }
}

#mobile_menu ul li#mobile_home_link {
    padding-top: 0;
}

#mobile_menu ul li#mobile_order_link {
    padding-top: 60px;
}

#mobile_menu ul ul li {
    display: inline-block;
    width: 250px;
    padding-left: 100px;
    font-size: 1.2em;
}

#mobile_menu ul ul li a , #mobile_menu ul ul li a:visited {
    color: #cccccc;
}

#mobile_menu ul li#mobile_product_range {
    background-color: #1b2259;
    margin-left: -0.6em; padding-left: 0.6em;
    margin-right: -0.6em; padding-right: 0.6em;
    margin-top: 50px; padding-bottom: 50px;
}


#mobile_menu_controller, #mobile_menu, .mobile_footer  {
    visibility: hidden;
    display: none;
}

.mysterymeat  {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9998;
    padding: 0.8em 1em 0em 0.6em;
    background: #060f3c;
	background: -webkit-linear-gradient(bottom right,#060f3c,#091252); /*Safari 5.1-6*/
	background: -o-linear-gradient(bottom right,#060f3c,#091252); /*Opera 11.1-12*/
	background: -moz-linear-gradient(bottom right,#060f3c,#091252); /*Fx 3.6-15*/
	background: linear-gradient(bottom right,#060f3c,#091252); /*Standard*/
	margin-top: -4px;
}

.mysterymeat.is-closed,
.mysterymeat.is-open  {
    display: none;
}

@media screen and (max-device-width: 667px) {
    #Table_menu, #Table_submenu1, #Table_corner, #twitter  {
        visibility: hidden;
        display: none;
    }
    #mobile_menu_controller  {
        visibility: visible;
        display: block;
    }
    #mobile_menu  {
        visibility: visible;
        display: block;
    }
    .mysterymeat.is-open  {
        display: block;
    }
    .mobile_footer  {
        visibility: visible;
        display: block;
    }
}

/* desktop always visable simple CTA */
.swatchnav a.BUY_button {
  position:fixed;
  top: 0;
  right: 0;
  margin-right: 10px;
  margin-top: 100px;
  z-index: 9;
}
/* desktop always visable simple CTA */
.swatchnav a.BUY_button {
  position:fixed;
  top: 0;
  right: 0;
  margin-right: 10px;
  margin-top: 100px;
  z-index: 9;
}

/* mobile footer with always visable simple CTA */
.mobile_footer {
    background: #BCBCBC;
    padding-top: 20px;
    padding-bottom: 130px;
}
.mobile_footer p {
    font-size: 42px;
}
.mobile_footer a.CTA_button,
.mobile_footer a.BUY_button,
.mobile_footer a.INFO_button,
.mobile_footer a.ASK_button,
.mobile_footer a.LEFT_button,
.mobile_footer a.RIGHT_button  {
    font-size: 50px;
    background-color: rgba(255, 102, 0, 0.77);
}
.mobile_footer a.CTA_button,
.mobile_footer a.BUY_button,
.mobile_footer a.RIGHT_button {
    position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 10px;

    padding: 11px 10px 13px 10px;
}
.mobile_footer a.INFO_button,
.mobile_footer a.ASK_button,
.mobile_footer a.LEFT_button  {
    position: fixed; /* keep help prompt always on screen  */
    bottom: 0;
    left: 0;
    margin-left: 10px;
    padding: 11px 10px 13px 10px;
}
/* keep button clear of OS buttons */
.mobile_footer a.CTA_button,
.mobile_footer a.BUY_button,
.mobile_footer a.RIGHT_button,
.mobile_footer a.INFO_button,
.mobile_footer a.ASK_button,
.mobile_footer a.LEFT_button  {
    margin-bottom: 10px;
    margin-bottom: calc(10px + env(safe-area-inset-bottom));
}
/* for mobile Safari, keep button clear of iOS bottom */
@supports (-webkit-touch-callout: none) {
    .mobile_footer a.CTA_button,
    .mobile_footer a.BUY_button,
    .mobile_footer a.RIGHT_button,
    .mobile_footer a.INFO_button,
    .mobile_footer a.ASK_button,
    .mobile_footer a.LEFT_button  {
        margin-bottom: calc(10px + env(safe-area-inset-bottom) * 7 );
    }
}

#mobile_menu_masthead {
    padding: 3px 0 1px 3px;
}

/* stop iphone plus & X zooming in when in landscape mode */
@media screen and (max-device-width: 667px) and (min-device-height: 667px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) {
    html, body, #wrapper, #mobile_menu_masthead, #navigation-Endfill_mob  {
        min-width: 1668px;
    }
}
/* iphone X only */
@media screen and (max-device-width: 667px) and (min-device-height: 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    html, body, #mobile_menu_masthead, #navigation-Endfill_mob  {
        min-width: 1990px;
    }
    #wrapper {
        min-width: 1890px;
        padding-left: 100px;
    }
}
/* all mobiles in landscape*/
@media screen and (max-device-width: 667px) and (orientation: landscape) {
    #mobile_menu ul li {
        padding-top: 20px;
    }
    #extrafries {
        display: none;
    }
}

#extrafries {
    position: absolute;
    right: 80px;
    top: 9px;
    font-family: Arial, "Helvetica Neue", Helvetica, "Trade Gothic", Verdana, "Andale Mono", "Andale Mono IPA", Consolas, "Bitstream Vera Sans Mono", "Courier New", monospace;
    font-size: 50px;
    color: white;
}

/* Humburger controls */

.hamburglar, .hamburglar *, .hamburglar *:before, .hamburglar *:after {
  box-sizing: border-box;
}

.hamburglar {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  margin: 5px 5px;
  top: 2px;
  right: 5px;
  z-index: 9999;
  position: fixed;
  display: block;
  width: 68px;
  height: 68px;
  transition: all .2s ease-in-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.hamburglar:hover {
  cursor: pointer;
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}

.path-burger {
  position: absolute;
  top: 0;
  left: 0;
  height: 68px;
  width: 68px;
  -webkit-mask: url(#mask);
          mask: url(#mask);
  -webkit-mask-box-image: url(decoration/mask.svg);
}

.animate-path {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
}

.path-rotation {
  height: 34px;
  width: 34px;
  margin: 34px 34px 0 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.path-rotation:before {
  content: '';
  display: block;
  width: 30px;
  height: 34px;
  margin: 0 4px 0 0;
  background: #000;
}
@supports (-ms-ime-align:auto) { /* EDGE */
  .path-rotation:before { background: transparent; }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  /* IE 10&11 */
  .path-rotation:before { background: transparent; }
}
.path-rotation:before { display/**/:none; } /* IE */

@-webkit-keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-in {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  40% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes rotate-in {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  40% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.hamburglar.is-open .path {
  -webkit-animation: dash-in 0.6s linear normal;
          animation: dash-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.hamburglar.is-open .animate-path {
  -webkit-animation: rotate-in 0.6s linear normal;
          animation: rotate-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.hamburglar.is-closed .path {
  -webkit-animation: dash-out 0.3s linear normal;
          animation: dash-out 0.3s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.hamburglar.is-closed .animate-path {
  -webkit-animation: rotate-out 0.3s linear normal;
          animation: rotate-out 0.3s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.path {
  stroke-dasharray: 240;
  stroke-dashoffset: 240;
  stroke-linejoin: round;
}

@-webkit-keyframes dash-in {
  0% {
    stroke-dashoffset: 240;
  }
  40% {
    stroke-dashoffset: 240;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash-in {
  0% {
    stroke-dashoffset: 240;
  }
  40% {
    stroke-dashoffset: 240;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-out {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 240;
  }
  100% {
    stroke-dashoffset: 240;
  }
}
@keyframes dash-out {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 240;
  }
  100% {
    stroke-dashoffset: 240;
  }
}
.burger-icon {
  position: absolute;
  padding: 20px 16px;
  height: 68px;
  width: 68px;
  background: white;
  background-color: rgba(255, 255, 255, 0.9);
}

.burger-container {
  position: relative;
  height: 28px;
  width: 36px;
}

.burger-bun-top,
.burger-bun-bot,
.burger-filling {
  position: absolute;
  display: block;
  height: 4px;
  width: 36px;
  border-radius: 2px;
  background: #000;
}

.burger-bun-top {
  top: 0;
  -webkit-transform-origin: 34px 2px;
          transform-origin: 34px 2px;
}

.burger-bun-bot {
  bottom: 0;
  -webkit-transform-origin: 34px 2px;
          transform-origin: 34px 2px;
}

.burger-filling {
  top: 12px;
}

.burger-ring {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
  display: none;
}

.svg-ring {
  width: 68px;
  height: 68px;
}

.hamburglar.is-open .burger-bun-top {
  -webkit-animation: bun-top-out 0.6s linear normal;
          animation: bun-top-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.hamburglar.is-open .burger-bun-bot {
  -webkit-animation: bun-bot-out 0.6s linear normal;
          animation: bun-bot-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.hamburglar.is-closed .burger-bun-top {
  -webkit-animation: bun-top-in 0.3s linear normal;
          animation: bun-top-in 0.3s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.hamburglar.is-closed .burger-bun-bot {
  -webkit-animation: bun-bot-in 0.3s linear normal;
          animation: bun-bot-in 0.3s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes bun-top-out {
  0% {
    left: 0;
    top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  20% {
    left: 0;
    top: 0;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  80% {
    left: -5px;
    top: 0;
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg);
  }
  100% {
    left: -5px;
    top: 1px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

@keyframes bun-top-out {
  0% {
    left: 0;
    top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  20% {
    left: 0;
    top: 0;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  80% {
    left: -5px;
    top: 0;
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg);
  }
  100% {
    left: -5px;
    top: 1px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}
@-webkit-keyframes bun-bot-out {
  0% {
    left: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  20% {
    left: 0;
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  80% {
    left: -5px;
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
  }
  100% {
    left: -5px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
@keyframes bun-bot-out {
  0% {
    left: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  20% {
    left: 0;
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  80% {
    left: -5px;
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
  }
  100% {
    left: -5px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
@-webkit-keyframes bun-top-in {
  0% {
    left: -5px;
    bot: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  20% {
    left: -5px;
    bot: 0;
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg);
  }
  80% {
    left: 0;
    bot: 0;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  100% {
    left: 0;
    bot: 1px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes bun-top-in {
  0% {
    left: -5px;
    bot: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  20% {
    left: -5px;
    bot: 0;
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg);
  }
  80% {
    left: 0;
    bot: 0;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  100% {
    left: 0;
    bot: 1px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes bun-bot-in {
  0% {
    left: -5px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  20% {
    left: -5px;
    bot: 0;
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
  }
  80% {
    left: 0;
    bot: 0;
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  100% {
    left: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes bun-bot-in {
  0% {
    left: -5px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  20% {
    left: -5px;
    bot: 0;
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
  }
  80% {
    left: 0;
    bot: 0;
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  100% {
    left: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.hamburglar.is-open .burger-filling {
  -webkit-animation: burger-fill-out 0.6s linear normal;
          animation: burger-fill-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.hamburglar.is-closed .burger-filling {
  -webkit-animation: burger-fill-in 0.3s linear normal;
          animation: burger-fill-in 0.3s linear normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes burger-fill-in {
  0% {
    width: 0;
    left: 36px;
  }
  40% {
    width: 0;
    left: 40px;
  }
  80% {
    width: 36px;
    left: -6px;
  }
  100% {
    width: 36px;
    left: 0px;
  }
}

@keyframes burger-fill-in {
  0% {
    width: 0;
    left: 36px;
  }
  40% {
    width: 0;
    left: 40px;
  }
  80% {
    width: 36px;
    left: -6px;
  }
  100% {
    width: 36px;
    left: 0px;
  }
}
@-webkit-keyframes burger-fill-out {
  0% {
    width: 36px;
    left: 0px;
  }
  20% {
    width: 42px;
    left: -6px;
  }
  40% {
    width: 0;
    left: 40px;
  }
  100% {
    width: 0;
    left: 36px;
  }
}
@keyframes burger-fill-out {
  0% {
    width: 36px;
    left: 0px;
  }
  20% {
    width: 42px;
    left: -6px;
  }
  40% {
    width: 0;
    left: 40px;
  }
  100% {
    width: 0;
    left: 36px;
  }
}