@charset "utf-8";
/* Note: If in Draft this stylesheet will need to be published to stage to enable you to see layouts within the page output viewer in CrownPeak ============================================================ */
/* SAM UPDATE (22/03/2016) */
.micro-site-container .two-col-image-tile h1 {
  color: #005463!important;
  text-transform:none !important;
}
div.field-content h1, h2, h3 {
    text-transform: none !important;
}
/*h1, h2, h3  {color:#005463 !important;}*/
/* SAM UPDATE (22/03/2016) */
/* Standard Headings */
H1                                              {font-family:"Gotham Narrow SSm A", "Gotham Narrow SSm B" !important; font-size:31px; color:#01505D; font-weight:300; text-transform: none;}
H1 STRONG                                       {font-family:'Gotham Narrow Bold', Arial !important; font-weight:700;}
H1 SUP                                          {/*font-size:1.5em;*/}
H2                                              {font-family:"Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial !important; font-size:3em; color:#eab710; font-weight:500; margin-top:0}}
H2 STRONG                                       {font-family:"Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial !important; font-weight:700;}
H2 SUP                                          {/*font-size:1.5em;*/}
H3                                              {font-family:"Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial !important; font-size:2.5em; color:#eab710; font-weight:500; margin-top:0}}
H4                                              {font-family:"Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial !important; font-size:2em; color:#555555; font-weight:500; margin-top:0}
BODY                                            {font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B"; font-style: normal; font-weight: 400; color:#6C6F70;}
/* Standard Paragraph */
P                                               {font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial !important; font-size:11px; color:#6C6F70; font-weight:400}
P STRONG                                        {font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial !important; color:#01505D; font-weight:500}
/* Standard Bullets 
UL.bullet-list                                  {clear:both; display:block; padding-left:20px;}
UL.bullet-list UL                               {clear:both; display:block; padding-left:20px;}
UL.bullet-list UL LI                            {display:list-item; list-style:none;}
UL.bullet-list > LI                             {content:''; width:6px; height:6px; background-color:#eab710; border-radius:2px;}
UL.bullet-list > LI:before                      {content:''; width:6px; height:6px; background-color:#eab710; border-radius:2px;}
UL.bullet-list > LI > UL                        {}
UL.bullet-list > LI > UL > LI                   {}
UL.bullet-list > LI > UL > LI:before            {content:''; width:4px; height:4px; background-color:#83C444; border-radius:4px;}
UL.bullet-list > LI > UL > LI UL                {}
UL.bullet-list > LI > UL > LI UL > LI           {}
UL.bullet-list > LI > UL > LI UL > LI:before    {content:'~'; font-size:120%; font-weight:700; color:#eab710;}*/
ul {list-style-type: square;}
ul li:before {font-size:16px;}
/* Active sticky nav content padding */
.micro-site-nav-megamenu.sticky + .col-md-8.col-sm-8    {padding-top:76px;}
body {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
sub, sup {font-size: 60%;}
#header {width:100%;}
.sec-left {width:58%;}
.sec-right {width:20%; padding-left:0%;}
.sec-lnav {width:20%; float:left;}
.sec-right-lnav {width:80%; float:left;}
/* For Simparica only */
.main-nav {display:none !important;}
/* End */
/* Left navigation */
.lnav_list {list-style-type: none; padding: 0px;}
.lnav_item {list-style-type: none;height: 30px;text-align: left;}
.nav-primary  li {    
    width: 100%!important;
    height: auto!important;
    color: #000000!important;
    border-right: 0!important;
}
.nav-primary a {
    width: 100%;
    color: #000000;
    background-color: #ffffff;
    border-right: 0;
    font-size:16px; text-transform:uppercase; font-weight:bold;
}
.micro-site-nav-main ul.nav-primary {
    background-color: #ffffff!important;
    overflow:visible!important;
}
.micro-site-nav-main ul li {
    float: left!important;
    margin: 0 0 0px 0!important;
    padding: 0!important;
    line-height: 31px!important;
    /* border-right: 1px solid rgba(255,255,255,0.5); */
    background-color: #ffffff!important;
    width: 20%!important;
    color: #000000!important;
    border-right:0px solid!important;
}
.micro-site-nav-main ul {
    width: 100.9%;
}
.micro-site-nav-megamenu {
    width: 100%;
    float: left!important;
    background-color:#ffffff!important;
}
.logo-container {
  position:relative!important;
}
.logo-container img {
    float: left !important;
    padding:0px !important;
    max-height: 120% !important;
    height:auto !important;
    max-width: 100% !important;
}
.micro-site-container .logo-container {
    height: auto;
    width: 100%;
    overflow:hidden;
}
.logo-opt-buttons {
    position:absolute !important;
    min-width:200px !important;
    right: 0px !important;
    bottom: 84% !important;
    min-height: 48px !important;
    z-index:300;
}
.video {z-index:299; width:100%; height:auto; margin-bottom:-5px;}
.micro-site-nav-megamenu .micro-site-nav-main {
    min-width: 265px;
    margin-bottom: 0px;
    height: 30px;
    border-top:5px solid #01505D !important
}
.micro-site-nav-main ul li a {
    height: auto !important;
    text-transform: none !important;
    text-decoration: none !important;
    display: block !important;
    padding: 15px 15px !important;
    font: 16px proxima-nova-condensed, Helvetica, Arial, sans-serif !important;
    transition: all 0.2s ease-in-out !important; 
    /*background-image:url(/simparica/assets/images/nav-arrow.png);*/
    background-position:right !important;
    background-repeat:no-repeat !important;
    width:100%;
    font-weight:bold !important;
    text-align:center; width:96%;
}
.micro-site-nav-main ul li a:hover {
   /* background-image:url(/simparica/assets/images/nav-arrow_on.png) !important;*/
    background-position:right !important;
    background-repeat:no-repeat !important;
}
.micro-site-container .micro-site-nav-main-mob {
    overflow: hidden;
    min-height: 81px;
}
.micro-site-nav-megamenu #micro-site-logo {
    float: left;
    max-width: 230%;
}
.authorable img {
    display: inline !important;
}
.two-col-image-tile.img-left .image-holder {
    display:none;
}
.two-col-image-tile .authorable {
    width: 100% !important;
}
.logo-opt-buttons img {margin-left:10px;}
.fw-cont table tbody tr th {padding:6px; background-color:#eab70e; font-size:14px; text-align:center; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; line-height: 16px;}
.fw-cont table tbody tr td {padding:6px; font-size:14px; text-align:center; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; line-height: 16px; }
.tabfoot {border-top:8px solid #ffffff;}
.tabfoot2 {border-top:4px solid #ffffff;}
/* Graph */
#legend  ul {
  list-style: none; margin-left:10px; margin-top:30px; text-align:center;
}
#legend ul li {
  display: inline;
  padding-left: 30px;
  position: relative;
  margin-bottom: 4px;
  border-radius: 5px;
  padding: 2px 8px 2px 28px;
  font-size: 12px;
  cursor: default;
  -webkit-transition: background-color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}
#legend li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 100%;
  border-radius: 5px;
}
#legend2  ul {
  list-style: none; margin-left:10px; margin-top:30px; text-align:center;
}
#legend2 ul li {
  display: inline;
  padding-left: 30px;
  position: relative;
  margin-bottom: 4px;
  border-radius: 5px;
  padding: 2px 8px 2px 28px;
  font-size: 12px;
  cursor: default;
  -webkit-transition: background-color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}
#legend2 li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 100%;
  border-radius: 5px;
}
.y-title {transform: rotate(270deg); transform-origin: left top; position: absolute; width: 46%;  height: 30px; margin-bottom: 0px; margin-left: -30px; text-align: center;}
.x-title {position:absolute; width:80%; height:30px; text-align:center;}
.lbanner_text {width:100%; padding-top:6%; height:auto; text-align:center; position:absolute; padding-left:15%; padding-right:15%;}
.lbanner_text p {color:#ffffff; font-size:30px;}
.lbanner_text p strong {color:#EAB710;}
.two-col-image-tile h2 {
  margin: 12px 0 5px;
  font-family:"Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial !important; font-size:2.5em; color:#eab710; font-weight:500;
}
/* Tabbed content on inner pages ================================================================ */
.nav-tabs {border-bottom: 1px solid #dddddd; float: left; width: 100%; margin-bottom: 0px; padding-left: 0; padding-top: 0; margin-top:0}
.nav-tabs li:before {content: none!important}
.nav-tabs li:last-child {margin-right: 0}
.nav-tabs>li {float: left; margin-bottom: -1px; margin-right: 5px; list-style-type:none;}
.nav-tabs li span {font-weight: bold}
.nav-tabs>li>a {line-height: 1.42857143; border: 1px solid transparent; border-radius: 0; background: #c5c5c5; color: #565656; padding: 10px 56px; float: left; font-size: 14px; font-weight: 600; text-decoration:none;}
.nav-tabs>li>a:hover {border-color: #eee #eee #ddd;  text-decoration:none; color:#ffffff; background-color:#585858;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #555; cursor: default; background-color: #FFF; border: 1px solid #ddd; border-bottom-color: transparent; padding-bottom: 16px; text-decoration:none;}
.nav-tabs>li>div {line-height: 1.42857143; border: 1px solid transparent; border-radius: 0; background: #c5c5c5; color: #565656; padding: 10px 56px; float: left; font-size: 14px; font-weight: 600; text-decoration:none;}
.nav-tabs>li>div:hover {border-color: #eee #eee #ddd;  text-decoration:none; color:#ffffff; background-color:#585858;}
.nav-tabs>li.active>div, .nav-tabs>li.active>div:focus, .nav-tabs>li.active>div:hover {color: #555; cursor: default; background-color: #FFF; border: 1px solid #ddd; border-bottom-color: transparent; padding-bottom: 16px; text-decoration:none;}
.nav-tabs.nav-justified {width: 100%; border-bottom: 0}
.nav-tabs.nav-justified>li {float: none}
.nav-tabs.nav-justified>li>a {margin-bottom: 5px; text-align: center; text-decoration:none;}
.nav-tabs.nav-justified>.dropdown .dropdown-menu {top: auto;left: auto}
.nav-tabs.nav-justified>li>a {margin-right: 0; border-radius: 4px; text-decoration:none;}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {border: 1px solid #ddd; text-decoration:none;}
.nav-tabs-justified {border-bottom: 0}
.nav-tabs-justified>li>a {margin-right: 0; border-radius: 4px}
.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover {border: 1px solid #ddd; text-decoration:none;}
.tab-content>.tab-pane {display: none}
.tab-content>.active {display: block}
.tab-content {width: 100%; padding: 15px 14px; clear: both; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; min-height:510px;}
.tab-content table tbody tr th {padding:6px; background-color:#eab70e; font-size:14px; text-align:center; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; line-height: 16px;}
.tab-content table tbody tr td {padding:6px; font-size:14px; text-align:center; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; line-height: 16px; }
.tabbed-section {padding-top: 0px !important; margin-top: 0px;float: left; width: 960px;}
.tab-container {width: 90%; margin-top: 0px; background: #fff; padding: 0; margin: 0 auto;}
.fade.in {opacity: 1}
.fade {opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear;transition: opacity .15s linear}
.col-sm-8 {
    width: 100%;
    padding:2% 10% 2% 10%;
}
.col-md-4 {margin:0 !important;}
.col-sm-4 {padding:0 !important; width:auto !important;}
.tiles {margin:0px 0px 20px 0px;}
.sticky {
    position: fixed;
    width: 100%;
    max-width:960px;
    /*left: 0;*/
    top: 0;
    z-index: 100;
    border-top: 0;
    margin:0 auto;
}
.navbar-fixed { position: fixed;
    width: 100%;
    max-width:960px;
    /*left: 0;*/
    top: 0;
    z-index: 100;
    border-top: 0;
    margin:0 auto;}
/* Image accordion used on ticks page */
.accimg_tabs li {list-style: none; font-size: 12px}
.accimg_tabs ul li:before {content: ""; position: relative; left: -9px; background-color: #FF6400; display: inline-block; width: 4px; height: 4px; border-radius: 100%}
.accimg_tabs ol {margin: 0; list-style-type: none}
.accimg_tabs ol li {counter-increment: step-counter; margin-bottom: 16px; padding-left: 40px}
.accimg_tabs ol li:before {
  content: counter(step-counter); margin-right: 7px; font-size: 12px; background-color: #fff; border: 2px solid #157fbf; 
  padding: 5px 10px; border-radius: 100%; font-weight: bold; margin-left: -40px; color: #157fbf
}
.accimg_tabs ol li ul li {list-style: none;  font-size: 12px; padding-left: 0}
.accimg_tabs ol li ul li:before {
  content: ""; position: relative; left: -9px; background-color: #FF6400; display: inline-block; width: 4px; height: 4px; 
  border-radius: 100%; border: 0; padding: 0; margin: 0;
}
.accimg_tabs {float: left; width: 50%; max-width: 350px; padding: 10px 10px; margin-right: 10px; min-height: 500px;}
.accimg-container {width: 100%; margin: 10px auto 30px auto; text-align: left}
.accimg-container label {
    padding:18px 0px 2px 80px!important; position: relative; text-transform:none; font-size: 15px!important; z-index: 20; margin-bottom: 1px;
    width: 100%!important; display: block; cursor: pointer; font-weight:bold; color: #00505c!important; line-height: 28px; background: #fff; font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial !important; font-weight:700;
}
.accimg-container label:hover {background: #fff}
.accimg-container label:after,
.accimg-container input:checked+label:after {
    content: ''; position: absolute; width: 24px; height: 28px; right: 13px; top: 7px;
    background: transparent url() no-repeat 0 1px
}
.accimg-container input:checked+label:after {background: url() 0 -34px}
.accimg-container input {display: none;}
.accimg-container article {
    background: rgba(255, 255, 255, 0.5);  margin-top: -2px;  border: 1px solid #e0a101; overflow: hidden; height: 0; border-left-color: #fff; 
    border-right-color: #fff; position: relative; z-index: 10;
    -webkit-transition: height .3s ease-in-out, box-shadow .6s linear;
    -moz-transition: height .3s ease-in-out, box-shadow .6s linear;
    -o-transition: height .3s ease-in-out, box-shadow .6s linear;
    -ms-transition: height .3s ease-in-out, box-shadow .6s linear;
    transition: height .3s ease-in-out, box-shadow .6s linear
}
.accimg-container article p {line-height: 14px !important; width:auto; font-size: 11px !important; padding: 0px 0px 10px 78px; margin:0; font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial !important; font-weight:400;}
.accimg-container article p strong {color:#EAB710; font-size:12px !important; font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", Arial !important; font-weight:700;}
.accimg-container input:checked ~ article {
    -webkit-transition: height .5s ease-in-out, box-shadow .1s linear;
    -moz-transition: height .5s ease-in-out, box-shadow .1s linear;
    -o-transition: height .5s ease-in-out, box-shadow .1s linear;
    -ms-transition: height .5s ease-in-out, box-shadow .1s linear;
    transition: height .5s ease-in-out, box-shadow .1s linear
}
.accimg-container input:checked ~ article.ac-small {height: 180px; overflow:hidden;}
.accimg-container input:checked ~ article.ac-medium {height: 180px}
.accimg-container input:checked ~ article.ac-large {height: 230px}
.ins-image {position:absolute; margin-top:13px; z-index:99; width:7.3%;}
.img_show {display:none; position:absolute;}
/* Footer ======================================================= */
.footer-widget-wrap {width: 100%;padding: 20px 0; overflow:hidden}
.footer-widget-wrap li.footer-widget:nth-of-type(1) {border: 0; list-style-type:none}
.footer-widget {width: 19.6%; float:left; padding: 0 5px 0 15px; min-height: 100px; border-right: 1px solid #ddd; list-style-type:none}
.footer-widget h6 {padding-bottom: 15px; color: #157fbf; font-size:15px; margin:0px 0px 0px 0px;}
.footer-widget p {margin-bottom: 12px; margin-top:0px;}
.footer-widget-wrap li.footer-widget:last-child {border: 0;}
.footer-grey {max-width:1000px; background: #ffffff; padding: 16px 0px; color: #585858;}
.footer-grey ul {width: 100%; margin-bottom: 20px;overflow: hidden; padding-left:0;}
.footer-grey li {float: left; margin-right: 30px; list-style-type:none; font-size:14px;}
.footer-grey li a {color:#585858; text-decoration:none;}
.footer-grey p {font-size: 11px; color: #585858;}
.footer-logo {max-width:125px;}
.micro-site-footer {clear:both}
.mt-form {clear:both; padding:30px 20px; border:1px solid #dddddd; background-color:#f1f1f1; max-width: 850px; margin: 0 auto; margin-bottom: 60px; margin-top: 60px;}
/* Wysiwyg content styles  */
.pal_l {float: left; width: 56%;}
.pal_r {float: left; width: 44%; font-size: 14px; text-align: left; padding-left: 40px;}
.st-ct-lge {color: #efb803; font-size: 81px;}
.st-ct-sm {color: #efb803; text-decoration: underline; font-size: 52px; vertical-align: middle; line-height: 0.7;}
.tk-ct-sm {text-decoration: underline; font-size: 40px;}
.tk-ct-lge {font-size: 51px; vertical-align: middle; color: #eab710; text-decoration:underline;}
.dt-cr-img {display:block;}
.dt-cr-img img {width:auto !important;}
.mb-cr-img {display:none;}
.graph-title {text-align: center; font-size: 13px; font-weight: bold;}
.authorable div ul li, .authorable div ol li {font-size: 14px; line-height: 19px; color: #828282; margin-bottom: 15px;}
.authorable p {font-size: 14px;}
.bullets li {margin-bottom:15px;}
r-text-div {padding-left:20px; width:85%; float:left;}
@media screen and (max-width:979px) {
.col-sm-8 {width:100%; padding-right:0px; padding-top:20px !important;}
  
.accimg_tabs {float: left; width: 47%; max-width: 320px; padding: 10px 10px; margin-right: 10px;}
.micro-site-nav-megamenu #micro-site-logo {float: left;max-width: 100%;}
.micro-site-nav-toggle-btn.btn-link.pull-left {display:none;}
.micro-site-nav-main {display: block;}
.micro-site-container .micro-site-nav-megamenu {overflow: visible;}
.micro-site-nav-main UL > LI {display: block;border: none; border-top: 0px solid #c0c0c0; font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif; text-transform: none;}
.micro-site-nav-main ul li a {padding: 10px 10px !important;font: 12px proxima-nova-condensed, Helvetica, Arial, sans-serif !important;width: 96%;}
.sticky {position: relative;}
.lbanner_text p {font-size:18px;}
.accimg-container label {padding:14px 0px 6px 60px!important; font-size: 13px!important; line-height: 35px;}
.accimg-container article p {line-height: 14px !important; font-size: 11px !important; padding: 0px 0px 10px 0px;}
.micro-site-nav-megamenu.sticky + .col-md-8.col-sm-8 {padding-top: 0px;}
  
.st-ct-lge {font-size: 41px;}
.st-ct-sm {font-size: 22px;line-height: 0.7;}
.tk-ct-sm {font-size: 20px;}
.tk-ct-lge {font-size: 31px;}
  
.accimg-container input:checked ~ article.ac-small {height: 180px; overflow:hidden; padding-top:10px;}
.authorable img {display: inline !important;width: 80%;}
.tab-container {width: 100%;}
.nav-tabs>li>a {padding: 10px 50px;}
.footer-grey {padding: 16px 0px;} 
  
.logo-container {position:relative!important;display:block !important;}
.micro-site-container .micro-site-nav-main-mob {display: none !important;}
.menu-selected, .menu-selected a, .menu-selected span, .menu-selected:hover, .menu-selected a:hover, .menu-selected span:hover{background-color:#01505D!important; color:#FFFFFF!important;}
  
}
@media screen and (max-width:760px) {
.nav-tabs>li>a {padding: 10px 34px;} 
.pal_l {width: 90%;}
.pal_r {width: 90%;font-size: 13px;} 
.dt-cr-img {display:none;}
.mb-cr-img {display:block;}
}
@media screen and (max-width:560px) {
H1 {font-size:24px;}
H2 {font-size:18px;}
H3 {font-size:16px;}
  
.col-sm-8 {width:100%; padding-right:0px; padding-top:0px;}
.micro-site-nav-main ul li {width: 100%!important; border-bottom:2px solid #ffffff;}
.micro-site-nav-main ul li a {padding: 10px 10px !important;font: 16px proxima-nova-condensed, Helvetica, Arial, sans-serif !important;width: 99.1%; text-align:left;}
.img_show img {width:80%; text-align:center;}
  
#top-container {margin-top:270px;}
.accimg-container label { padding:9px 0px 6px 40px!important; font-size: 15px!important; line-height: 35px;}
.micro-site-nav-megamenu.sticky + .col-md-8.col-sm-8 {padding-top: 0px;}
.two-col-image-tile h2 {font-size:2em; margin: 0px 0 5px;}  
#legend ul li {padding: 2px 8px 2px 19px; font-size: 9px; text-align: left;}
#legend li span {width: 16px;}
  
.logo-opt-buttons {
  position: absolute !important;
  left: 5px !important;
  bottom: 10% !important;
  min-height: 30px !important;
}
  
.logo-opt-buttons a img {max-width:35% !important;}
 
/* Wysiwyg content styles  */
.pal_l {float: left; width: 100%;}
.pal_r {float: left; width: 100%; font-size: 12px; text-align: left; padding-left: 20px;}
.accimg_tabs {width: 100%; min-height: 400px; padding: 0px 10px; }
.img_banner {display:none}
.ins-image {width: 9.3%;}
.nav-tabs>li>a {padding: 10px 7px;font-size: 10px;}
.tab-container {width: 100%;}
.tab-content table tbody tr td {font-size: 10px;}
.authorable div ul, .authorable div ol {margin-bottom: 0px;  margin-left: 26px; margin-right: 10px;}
.authorable div ul li, .authorable div ol li {font-size: 12px; line-height: 15px; color: #828282; margin-bottom: 10px;}
.authorable p {font-size: 12px;}
.fw-cont table tbody tr td {padding: 2px;font-size: 10px;line-height: 12px;}
  
.dt-cr-img {display:none;}
.mb-cr-img {display:block;}
.accimg-container input:checked ~ article.ac-small {height: 160px;  padding-top:0px;}
  
.footer-grey {padding: 16px 0px;}
.footer-grey li {width:100%;}
  
.mt-form {margin-top:30px;}
.logo-container {position:relative!important;display:block !important;}
.micro-site-container .micro-site-nav-main-mob {display: none !important;}
  
  
.logo-opt-buttons img {
    float: right !important;
}
.logo-opt-buttons {
    position: absolute !important;
    left: 0px !important;
    bottom: 10% !important;
    min-height: 54px !important;
    top: -16px;
}  
  
.micro-site-container .logo-container {
    overflow: visible !important;
} 
  
  
}
@media screen and (max-width:400px) {
#top-container {margin-top:265px;}
#legend ul li {display: block;}
.y-title {width: 60%;margin-left: -10px;}
}