/*
 * @file
 * global.styles
 *
 * Styles you add here will load for all device sizes, they are "global", as
 * opposed to "responsive" styles, which only load for a given breakpoint (media
 * query) that you set in theme settings. See the README for more details.
 *
 *
 * How to use this file:
 * --------------------
 *
 * There are many empty selectors and some basic styles to act as a guide.
 * Nothing is set in stone and you can change anything - even delete all of it
 * and start with your own clean slate.
 *
 * See global.base also which includes normalize.css and some additional
 * helper classes and base styles.
 */

/* =============================================================================
 *   Base
 * ========================================================================== */

/*
 * To preserve theme settings never apply font properties to the HTML element.
 * This is critically important if you are using the Responsive JavaScript
 * feature as this relies on being able to set a pseudo font family on the HTML
 * element. If you need to set default font properties of any kind use the BODY
 * element as these can be overridden using font theme settings.
 */

html {
  background: #fff;
}


body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13pt;
  color: #555b60;
}



/* =============================================================================
 *   HTML Elements
 * ========================================================================== */
p:last-child { margin: 0; }

pre,
code,
tt,
samp,
kbd,
var {
  font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;
}

span.ext { display: none; }

input { -webkit-appearance: none !important; }

input, a { outline: none; }

html[dir='rtl'] .full-content menu, html[dir='rtl'] .full-content ol, html[dir='rtl'] .full-content ul,
html[dir='rtl'] .cke_show_borders menu, html[dir='rtl'] .cke_show_borders ol, html[dir='rtl'] .cke_show_borders ul {
  padding: 0 40px 0 0;
}

h2.uppercase-down {
  text-transform: none;
}

/* General indentation & positioning classes */

.rteindent1 {
    margin-left: 40px;
}
.rteindent2 {
    margin-left: 80px;
}
.rteindent3 {
    margin-left: 120px;
}
.rteindent4 {
    margin-left: 160px;
}
.rteleft {
    text-align: left;
}
.rteright {
    text-align: right;
}
.rtecenter {
    text-align: center;
}
.rtejustify {
    text-align: justify;
}
.ibimage_left {
    float: left;
}
.ibimage_right {
    float: right;
}

/* =============================================================================
 *   Wrappers
 * ========================================================================== */

/*
 * A
 */
#announcement {
  background-color: #004f94;
  color: #FFF;
  text-align: center;
}


/*
 * Wraps all header elements - branding and .region-header
 */
#header {
  background: #ffffff; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iI2Y5ZmRmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2ZjZmNmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iI2Y4ZmNmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iI2Y1ZjlmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2VmZjlmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2VhZjVmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iI2U0ZjFmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iI2RmZjBmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2UwZjFmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWY0ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
  background: url('images/background-svg.svg');
  background: -moz-linear-gradient(top,  #ffffff 0%, #feffff 32%, #f9fdfe 43%, #fcfcfe 45%, #f8fcfd 46%, #f5f9fc 62%, #eff9fb 68%, #eaf5f9 82%, #e4f1f7 87%, #dff0f7 97%, #e0f1f8 99%, #e9f4f8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(32%,#feffff), color-stop(43%,#f9fdfe), color-stop(45%,#fcfcfe), color-stop(46%,#f8fcfd), color-stop(62%,#f5f9fc), color-stop(68%,#eff9fb), color-stop(82%,#eaf5f9), color-stop(87%,#e4f1f7), color-stop(97%,#dff0f7), color-stop(99%,#e0f1f8), color-stop(100%,#e9f4f8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#feffff 32%,#f9fdfe 43%,#fcfcfe 45%,#f8fcfd 46%,#f5f9fc 62%,#eff9fb 68%,#eaf5f9 82%,#e4f1f7 87%,#dff0f7 97%,#e0f1f8 99%,#e9f4f8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#feffff 32%,#f9fdfe 43%,#fcfcfe 45%,#f8fcfd 46%,#f5f9fc 62%,#eff9fb 68%,#eaf5f9 82%,#e4f1f7 87%,#dff0f7 97%,#e0f1f8 99%,#e9f4f8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#feffff 32%,#f9fdfe 43%,#fcfcfe 45%,#f8fcfd 46%,#f5f9fc 62%,#eff9fb 68%,#eaf5f9 82%,#e4f1f7 87%,#dff0f7 97%,#e0f1f8 99%,#e9f4f8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#feffff 32%,#f9fdfe 43%,#fcfcfe 45%,#f8fcfd 46%,#f5f9fc 62%,#eff9fb 68%,#eaf5f9 82%,#e4f1f7 87%,#dff0f7 97%,#e0f1f8 99%,#e9f4f8 100%); /* W3C */
  border-bottom: 1px solid #EBFBFF;
  position: relative;
  z-index: 110;

  -webkit-box-shadow: 0 3px 3px rgba(199,207,210, 0.7);
  -moz-box-shadow:    0 3px 3px rgba(199,207,210, 0.7);
  box-shadow:         0 3px 3px rgba(199,207,210, 0.7);
}

/*
 * Wraps the content region, avoid applying styles to this wrapper, its used mainly for position and invisible gutters and can be problematic to style
 */
#content {
  width: 100%;
}
#content.sidebar .page-content-wrapper{
  overflow: hidden;
}

/*
 * Footer wrapper
 */
#footer {
  background-color: #d2e6ee;
  padding: 30px 0;
  position: relative;
  z-index: 100;
}

.block.block-footer-views-footer-text,
#footer section.block { margin: 0;}

#footer h2,
#footer h3 {
  color: #78A2C5;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'Arial';
  font-weight: normal;
  line-height: 18px;
}

#footer ul.menu {
  margin: 0.5em 0;
  padding: 0;
}

#footer ul.menu li { margin: 10px 0; }

#block-menu-menu-follow-us ul.menu li {
  float: left;
  margin: 5px 5% 5px 0;
}

#block-menu-menu-follow-us .leaf a {
  display: block;
  height: 28px;
  overflow: hidden;
  text-indent: -999px;
  width: 28px;
}
#block-menu-menu-follow-us .facebook { background-position: 0 -622px; }
#block-menu-menu-follow-us .facebook:hover { background-position: 0 -663px; }
#block-menu-menu-follow-us .twitter { background-position: 0 -704px; }
#block-menu-menu-follow-us .twitter:hover { background-position: 0 -745px; }
#block-menu-menu-follow-us .youtube { background-position: 0 -786px; }
#block-menu-menu-follow-us .youtube:hover { background-position: 0 -827px; }
#block-menu-menu-follow-us .vk { background-position: 0 -3533px; }
#block-menu-menu-follow-us .vk:hover { background-position: 0 -3574px; }

.region-footer p,
.footer-last-update {
  color: #000;
  font-size: 12px;
  line-height: normal;
}

.region-footer p,
.footer-last-update { color: #78A2C5; }

/*
 * Full Width Wrappers
 * These are used in the optional page--full-width-wrappers.tpl.php template.
 * All have internal .container classes. In the full width wrapper template the
 * .container classes set the width or max-width of the contained element - you
 * can style this but never add any width/margin/padding/borders etc to .container
 */

/*
 * Wraps the header
 */
#header-wrapper {
  /* Debug styles, is this working */
  background: rgba(255, 192, 203, 0.5);
}

/*
 * Footer wrapper
 */
#footer-wrapper {
  /* Debug styles, is this working? */
  background: rgba(255, 192, 203, 0.5);
}

/* =============================================================================
 *   Branding
 * ========================================================================== */

/*
 * Wraps all the branding elements, logo, name and slogan
 */
#branding {
  float: left;
  width: 24%;
  margin: 0;
  text-align: left;
}

/*
 * Logo
 */
#logo {
  margin: 0;
}

#logo img {
  vertical-align: bottom;
}

/*
 * Site name (h1)
 */
#site-name {
  margin: 0;
}

#site-name a:hover,
#site-name a:focus { text-decoration: underline; }

/*
 * Site slogan (h2)
 */
#site-slogan {
  margin: 0;
}


/* =============================================================================
 *   Page content header
 * ========================================================================== */

/*
 * Main content header wraps the page title, tabs and actions links
 */
/*#main-content-header {
  overflow: hidden;
}*/

/*
 * The main page title (h1)
 */
#page-title {
  margin: 0;
}

.content-bar #page-title { margin: 0 0 10px; }


/* =============================================================================
 *   Misc Global Styles
 * ========================================================================== */

/*
 * Aggregator feed source
 */
#aggregator .feed-source .feed-icon {
  display: inline;
  float: none;
  margin-right: 10px;
}

.feed-details dt,
.feed-details dd {
  display: inline;
  margin: 0;
}

/*
 * Generic styles for links. See the ul.links declaration in node and comment stylesheets
 */
ul.links {
  margin: 0;
  padding: 0;
}

ul.links.inline {
  display: block;
}

ul.links li {
  display: inline;
  list-style: none;
  padding: 0 10px 0 0;
}

/*
 * Search results are an ordered list so reset the margin
 */
.search-results {
  margin: 0;
}


/* =============================================================================
 *   Regions
 * ========================================================================== */

/*
 * Header region, embedded in the #header
 */
.region-header {
  float: right;
  text-align: right;
}

/*
 * Footer region
 */
#bottom-content .region {
  float: left;
  margin-left: 5%;
  width: 47.5%;
}
#bottom-one .region { margin: 0; }
#bottom-three .region { width: 35%; }
#bottom-four .region { width: 55%; }

.bottom-mobile-bottom {
  float: right;
  width: 58%;
}
.bottom-mobile-top {
  float: left;
  width: 42%;
}

/* =============================================================================
 *   Links
 * ========================================================================== */

a[href] {
  text-decoration: none;
  color: #00529b;
  cursor: pointer;
}

a[href]:hover,
a[href]:focus {
  color: #83B3DD;
}


/* =============================================================================
 *   Primary, Secondary and Menu Bar region menus
 * ========================================================================== */

/*
 * Use one of the following id's for granular control:
 *  - #menu-bar (menu bar region)
 *  - #primary-menu (main menu)
 *  - #secondary-menu (secondary/user menu)
 * You can target all of these with .nav or div[id$="menu-bar"]
 */
.nav {
  clear: both;
  margin: 10px 0;
}

.nav ul,
.nav ul.menu {
  margin: 0;
  padding: 0;
}

.nav li,
.nav ul.menu li {
  display: inline;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav li a,
.nav ul.menu li a {
  display: block;
  padding: 0 10px;
}

.nav .block {
  margin-bottom: 0;
}
/* Mega menu */
#menu-bar.nav {
  margin: 0;
}
#main-menu {
  overflow: hidden;
  display: block;
  padding-top: 10px;
}
#child-menu {
  overflow: hidden;
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 10;

}
#child-menu-shadow {
  background: url("/sites/all/themes/acuvue_theme/css/images/mega-menu-shadow.png") repeat-x scroll 0 bottom;
  display: none;
  height: 30px;
}

.child-menu-background { background-color: #013e88; }
#child-menu .container {
  position: relative;
  overflow: hidden;
}
#header #child-menu .container {
  filter: none;
}
#main-menu ul li {
  text-transform: uppercase;
  color: #004f94;
  margin: 0 2% 0 0;
  outline: none;
}
#main-menu ul.mega-menu-1-cols li {
  width: 100%;
}
#main-menu ul.mega-menu-2-cols li {
  width: 49%;
}
#main-menu ul.mega-menu-3-cols li {
  width: 32%;
}
#main-menu ul.mega-menu-4-cols li {
  width: 23.5%;
}
#main-menu ul.mega-menu-5-cols li {
  width: 18.4%;
}
#main-menu ul.mega-menu-6-cols li {
  width: 15%;
}
#main-menu ul li a,
#main-menu ul li span.mega-menu-primary-item {
  text-decoration: none;
  color: #00529b;
  font-size: 11pt;
  border-bottom: 10px transparent solid;
  padding: 0 0 4px 0;
  float: left;
  background-color: transparent;
  outline: none;
}
#main-menu ul li span.mega-menu-primary-item {
  display: block;
  cursor: pointer;
}
#main-menu ul li.last {
  margin: 0;
}
#main-menu ul li.last a,
#main-menu ul li.last span.mega-menu-primary-item {
  float: right;
}
#main-menu ul li a:hover.active,
#main-menu ul li a.active,
#main-menu ul li span.mega-menu-primary-item:hover.active,
#main-menu ul li span.mega-menu-primary-item.active {
  border-bottom-color: #013e88;
}
#main-menu ul li a:hover,
#main-menu ul li span.mega-menu-primary-item:hover,
#main-menu ul .active a,
#main-menu ul .active span.mega-menu-primary-item {
  border-bottom-color: #91BFE7;
}
#child-menu ul li,
#child-menu ul li li{
  width: 100%;
  outline: none;
}
#child-menu ul li li{
  padding: 0 2%;
  line-height: normal;
}
#child-menu ul li li li {
  padding: 0;
  border: none;
  margin-top: 16px;
}
#child-menu ul li a {
  color: #FFF;
  padding: 0;
  outline: none;
}
#child-menu ul li a .mega-menu-item-title-text {
  display: inline;
  border-bottom: 1px solid transparent;
  padding-bottom: 1px;
  line-height: 18px;
}
#child-menu ul li a:hover .mega-menu-item-title-text,
.mega-menu-read-more a:hover,
.mega-menu-read-more a:focus {
  border-bottom: 1px solid #83B3DD;
}

#child-menu .col-description { color: #83B3DD; }

#child-menu .col-description .col-description-header,
.mega-menu-submenu .extra-menu a {
  margin-bottom: 14px;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 11pt;
  font-family: "Gotham SSm 3r", "Gotham SSm A", "Gotham SSm B", verdana, Arial;
  color: #fff;
}
#child-menu .col-description .col-description-description {
  margin-bottom: 16px;
  font-family: 'Gotham SSm 3r', 'Gotham SSm A', 'Gotham SSm B', verdana, Arial;
  font-weight: 300;
  font-style: normal;
  font-size: 11pt;
}
#child-menu .menu-description {
  color: #83B3DD;
  font-size: 10pt;
}
.mega-menu-content .mega-menu-item-title {
  padding-bottom: 5px;
}
.mega-menu-content .mega-menu-item-title a,
.mega-menu-submenu .mega-menu-read-more a {
  display: inline-block;
}
.weekly,
.daily {
  height: 14px;
  display: inline-block;
  text-indent: -99px;
  overflow: hidden;
  margin-right: 4px;
  width: 14px;
}
.mega-menu-submenu .weekly { background-position: -14px -956px; }
.mega-menu-submenu .daily { background-position:  -15px -998px; }

#mega-menu-content .mega-menu-submenu{
  display: none;
  width: 100%;
  margin: 5% 0;
  overflow: hidden;
}

#mega-menu-content .mega-menu-submenu.has-caption {
  margin: 2% 0;
}

#mega-menu-content .mega-menu-submenu .video-menu	{
  width: 250px;
  height: auto;
  overflow: hidden;
}
#mega-menu-content .mega-menu-submenu .video-menu embed,
#mega-menu-content .mega-menu-submenu .video-menu iframe {
  width: 250px;
  height: auto !important;
}

#mega-menu-content .mega-menu-submenu.multiline .submenu-line-2 {
  margin-top: 5%;
}

/* multi media menu */
#mega-menu-content .mega-menu-submenu .multi-media {
  overflow: hidden;
}
#mega-menu-content .multi-media .mega-menu-item-title a {
  display: inline;
}
#mega-menu-content .submenu-1-cols .multi-media .video-menu,
#mega-menu-content .submenu-2-cols .multi-media .video-menu {
  float: left;
  margin-right: 10px;
}
#mega-menu-content .submenu-1-cols .multi-media .video-menu p,
#mega-menu-content .submenu-2-cols .multi-media .video-menu p {
  display: none;
}
#mega-menu-content .mega-menu-submenu .multi-media img {
  float: left;
  max-height: 179px;
  max-width: 179px;
  margin-right: 10px;
}
#mega-menu-content .submenu-2-cols .multi-media img {
  max-height: 150px;
  max-width: 150px;
}
#mega-menu-content .submenu-3-cols .multi-media img {
  max-height: 100px;
  max-width: 100px;
}

#mega-menu-content .submenu-3-cols .multi-media .mega-menu-content {
  padding-left: 110px;
}

#mega-menu-content .submenu-3-cols .multi-media .menu-content-video {
  padding-left: 0;
}

/* Caption */
#child-menu ul li .caption {
  margin: 0 0 1.5%;
  overflow: hidden;
}
#child-menu ul li .caption ul li {
  width: auto;
  margin: 0;
  font-family: 'Gotham SSm 3r', 'Gotham SSm A', 'Gotham SSm B', verdana, Arial;
  font-weight: 300;
  font-style: normal;
  font-size: 11pt;
  text-transform: uppercase;
  color: #83B3DD;
  float: left;
  border: none;
  padding: 0;
  clear: none;
}
#child-menu ul li .caption ul li:first-child .caption-separator {
  display: none;
}
#child-menu ul li .caption ul li .caption-separator {
  padding: 0 0 0 5px;
}
#close {
  height: 16px;
  width: 16px;
  position: absolute;
  background-position: -13px -587px;
  cursor: pointer;
  top: 10px;
  right: 10px;
}
/* =============================================================================
 *   Superfish
 * ========================================================================== */

ul.sf-menu {
  margin-bottom: 0;
}

ul.sf-menu a {
  border-left: 0;
  border-top: 0;
  padding: 0 10px;
  text-decoration: none;
  height: 2.5em;
  line-height: 2.5em;
}

ul.sf-menu li:hover,
ul.sf-menu li.sfHover {
  outline: 0;
}

ul.sf-menu a:focus,
ul.sf-menu a:hover,
ul.sf-menu a:active {
  outline: 0;
}

/*
 * Superfish blocks
 */
.block-superfish ul {
  margin: 0 !important;
  padding: 0 !important;
}

.block-superfish li {
  margin: 0 !important;
  padding: 0 !important;
}

/*
 * Vertical style
 */
.sf-vertical {
  width: 100%;
}

.sf-vertical li {
  width: 100%;
}

.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 100%;
  top: 0;
  margin: 0;
  padding: 0;
}

.sf-vertical li a {
  padding: 0 10px;
}

/*
 * Navbar style
 */
.sf-navbar {
  padding-bottom: 0 !important;
}

/*
 * Sensible padding for the default style
 */
.sf-menu.sf-style-default a {
  padding: 0 10px;
}


/* =============================================================================
 *   Menus, usually blocks
 * ========================================================================== */

ul.menu {
  padding-left: 15px;
}

ul.menu ul {
  padding-left: 15px;
}

ul li.leaf,
ul.menu li {
  list-style: none !important;
  list-style-image: none !important;
  list-style-type: none !important;
  margin-left: 1em;
}

ul.menu li a {
  color: #00519B;
  display: block;
  font-size: 12px;
  line-height: normal;
}

ul.menu li a:hover,
ul.menu li a:focus { color: #83B3DD; }

/* If li.content exists it's a problem, so reset the padding */
.block .menu li.content {
  padding: 0;
}


/* =============================================================================
 *   Book navigation menu
 * ========================================================================== */

.book-navigation .page-up {
  /* Prevent text wrapping to a new line, assumes English "up" is used (two characters) */
  min-width: 2em;
  white-space: nowrap;
}

.book-navigation .menu {
  margin-left: 0;
}


/* =============================================================================
 *   Breadcrumbs
 * ========================================================================== */

#breadcrumb {
  margin: 10px 0;
}

/* If the label is set to show in theme settings the label class is added */
#breadcrumb .breadcrumb-label {
  font-size: 1em;
  display: inline;
  padding-right: 10px;
}

#breadcrumb .breadcrumb-label:after {
  content: ":";
}

#breadcrumb ol {
  margin: 0;
  padding: 0;
}

#breadcrumb .with-breadcrumb-label ol {
  display: inline;
}

#breadcrumb li {
  list-style: none;
  display: inline;
}

/* =============================================================================
 *   Pagers
 * ========================================================================== */

ul.pager {
  clear: both;
  margin: 0;
  text-align: center;
}

.item-list ul.pager li {
  margin: 0;
}

ul.pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: .5em;
}

ul.pager li.pager-current {
  font-weight: 700;
}

.block ul.pager li {
  margin: 0;
}

/* =============================================================================
 *   Skip Navigation
 * ========================================================================== */

#skip-link {
  left: 50%;
  margin-left: -6.5em;
  margin-top: 0;
  padding: 0 0.5em;
  position: absolute;
  width: 12em;
  z-index: 50;
}

#skip-link a {
  background: #444;
  background: rgba(0,0,0,0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}

#skip-link a:link,
#skip-link a:visited {
  background: #444;
  background: rgba(0,0,0,0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}

#skip-link a:hover,
#skip-link a:focus,
#skip-link a:active {
  outline: 0;
}


/* =============================================================================
 *   Tabs (local tasks)
 * ========================================================================== */
.tasks ul.primary,
#tasks ul.primary,
.page-tabs ul.primary {
  border-bottom: 3px solid #7FB2E6;
  margin: 30px 0 0;
  padding: 0;
  white-space: normal;
}
.tasks ul.primary li,
#tasks ul.primary li,
.page-tabs ul.primary li {
  text-align: center;
  display: block;
  float: left;
  height: 64px;
  width: 20%;
}
.tasks ul.primary li,
#tasks ul.primary li{
  width: 15%;
}
.tasks ul.primary li a,
#tasks ul.primary li a,
.page-tabs ul.primary li a {
  background-color: #F6F6F6;
  border-color: #FFF;
  border-width: 0 1px;
  display: table-cell;
  height: 64px;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  width: 1%;
  word-wrap: break-word;
}

.tasks ul.primary li a:hover,
#tasks ul.primary li a:hover,
.tasks ul.primary li a:focus,
#tasks ul.primary li a:focus,
.page-tabs ul.primary li a:hover,
.page-tabs ul.primary li a:focus {
  background-color: #7FB2E6;
  border-color: #FFF;
  color: #FFF;
}
.page-tabs ul.primary li.first a:hover,
.page-tabs ul.primary li.first a:focus {
  border-left-color: #7FB2E6;
}
.page-tabs ul.primary li.last a:hover,
.page-tabs ul.primary li.last a:focus {
  border-right-color: #7FB2E6;
}

.tasks ul.primary li.active a,
.tasks ul.primary li.active a:hover,
.tasks ul.primary li.active a:focus,
#tasks ul.primary li.active a,
#tasks ul.primary li.active a:hover,
#tasks ul.primary li.active a:focus,
.page-tabs ul.primary li.active a,
.page-tabs ul.primary li.active a:hover,
.page-tabs ul.primary li.active a:focus {
  background-color: #7FB2E6;
  border-color: #7FB2E6;
  font-weight: bold;
  color: #FFF;
  cursor: default;
}

ul.secondary {
  border-bottom: 1px solid #ccc;
  margin: 1em 0 0;
  padding: 0 .3em 1em;
}

ul.secondary li {
  border-right: 0;
  list-style: none;
  padding: 0 10px 0 0;
}

ul.secondary li a:hover,
ul.secondary li a.active {
  border-bottom: none;
  text-decoration: underline;
}


/* =============================================================================
 *   Action links
 * ========================================================================== */

ul.action-links {
  margin: 20px 0 0;
  list-style: none;
}

/* =============================================================================
 *  Field Styling
 * ========================================================================== */

/*
 * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues
 */
.field-label {
  font-size: 1em;
  font-weight: 700;
  font-family: inherit;
  line-height: inherit;
  margin-bottom: 0;
}


/*
 * Field types (Core)
 */

/*
 * Taxonomy
 */
.field-type-taxonomy-term-reference {
  /* The same bottom margin as p, blockquote, ul, ol and dl */
  margin-bottom: 1.5em;
}

.field-type-taxonomy-term-reference.field-label-inline .field-items {
  margin: 0;
  padding: 0;
}

.field-type-taxonomy-term-reference.field-label-inline .field-item {
  display: inline;
  list-style: none;
  padding: 0 10px 0 0;
}

/*
 * Float left setting
 */
.ia-l .field-type-image figure,
.iat-l .field-type-image figure {
  margin: 5px 20px 15px 0;
}

/*
 * Centered setting
 */
.ia-c .field-type-image figure,
.iat-c .field-type-image figure {
  margin: 5px auto 15px;
}

/*
 * Float right setting
 */
.ia-r .field-type-image figure,
.iat-r .field-type-image figure {
  margin: 5px 0 15px 20px;
}


/* =============================================================================
 *   Block Styling
 * ========================================================================== */

/* Header Menu - Search */
#block-my-acuvue-my-acuvue-login-form,
#block-jnj-acuvue-searchform-block  {
  border: 1px solid #C5DDF2;
  border-top-width: 0;
  border-radius: 0 0 10px 10px;
  background-color: #FFF;
  display: none;
  left: 0;
  position: absolute;
  width: 99.6%;
  z-index: 20;
}

#block-my-acuvue-my-acuvue-login-form *,
#block-jnj-acuvue-searchform-block * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#block-my-acuvue-my-acuvue-login-form .block-inner,
#block-jnj-acuvue-searchform-block .block-inner { margin: 10px; }

#my-acuvue-login-close-button,
#search-close-button {
  background-position: -15px -2189px;
  display: block;
  float: right;
  height: 10px;
  margin:  0 0 10px;
  overflow: hidden;
  text-indent: -999px;
  width: 10px;
}

#block-jnj-acuvue-searchform-block .form-item {
  clear: both;
  margin: 0;
}

#block-my-acuvue-my-acuvue-login-form .form-item label,
#block-jnj-acuvue-searchform-block .form-item label { display: none; }

#block-jnj-acuvue-searchform-block input {
  border: 1px solid #1c3e7c;
  float: left;
  min-width: inherit;
}

#block-jnj-acuvue-searchform-block input.form-text { border-radius: 0; }

#block-jnj-acuvue-searchform-block input.btn-blue.form-submit { border-radius: 0 4px 4px 0; }

#block-jnj-acuvue-searchform-block input[type="text"] { width: 65%; }

.btn-blue,
a[href].btn-blue,
.ecp_load_more,
a[href].ecp_load_more,
input[type="submit"].btn-blue,
.webform-client-form .form-submit,
.form-item-files-upload-photo-file,
.form-item-files-take-photo-mobile,
.form-type-image-upload .form-type-file,
a.btn-pink,
input.btn-pink {
  background-color: #1c3e7c;
  border: 1px solid #1c3e7c;
  color: #FFF;
  cursor: pointer;
  font: bold 13px/normal arial;
  min-width: 72px;
  opacity: 1;
  padding: 8px 7%;
  text-decoration: none !important;
  text-transform: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

a[href].btn-blue:active,
a[href].btn-blue:focus,
a[href].btn-blue:hover,
.form-type-image-upload .form-type-file:hover,
.form-type-image-upload .form-type-file:focus,
.btn-blue:hover,
.btn-blue:focus,
input.form-submit.btn-blue:hover,
input.form-submit.btn-blue:focus,
.ecp_load_more:hover,
.ecp_load_more:focus {
  color: #FFF;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

a.btn-pink,
input.btn-pink {
  background: #E83C76;
  border: 0;
  border-radius: 0;
  padding: 14px 40px;
  font-family: "Gotham SSm 3r","Gotham SSm A","Gotham SSm B",verdana,Arial;
  font-size: 14px;
  display: inline-block;
}
a.btn-pink:active,
a.btn-pink:focus,
a.btn-pink:hover,
input.btn-pink:active,
input.btn-pink:focus,
input.btn-pink:hover {
  color: #FFF;
  background: #D43469;
}

a.button-user { line-height: 26px !important; }

a.btn-lightblue {
  background-color: #F1FEFE;
  border: 1px solid #0096DB !important;
  color: #0096DB;
  cursor: pointer;
  font: normal 13px/normal arial;
  min-width: 72px;
  opacity: 1 !important;
  padding: 8px 7%;
  text-transform: none;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
a[href].btn-lightblue:hover { cursor:pointer; }

#block-jnj-acuvue-searchform-block input.form-button-disabled { cursor: default; }

/* Header Menu - myAcuvue */
.form-login-fields,
.form-forgot-password-fields {
  clear: both;
  overflow: hidden;
}

#block-my-acuvue-my-acuvue-login-form input[type="text"],
#block-my-acuvue-my-acuvue-login-form input[type="password"] {
  border-radius: 0;
  width: 99.7%;
}

#edit-forgot-password-container a {
  color: #0096DB;
}
#edit-forgot-password-container {
  float: left;
  margin-left: 0;
}
#block-my-acuvue-my-acuvue-login-form input.btn-blue.form-submit {
  float: right;
  width: auto;
  white-space: normal;
}
#edit-create-account-container {
  clear: both;
  margin-top: 10px;
  float: left;
  width: 100%;
}
#edit-create-account-container p {
  margin: 0;
}
#edit-create-account-container .btn-blue {
  clear: both;
  margin-top: 15px;
  float: left;
  text-align: center;
  width: 100%;
}
.modal #edit-create-account-container .login-overlay-text,
#edit-create-account-container .sign-up-cta-text {
  display: block;
}
.modal #edit-create-account-container .sign-up-cta-text,
#edit-create-account-container .login-overlay-text {
  display: none;
}
.logged-in #block-my-acuvue-my-acuvue-login-form .block-content {
  text-align: center;
}
#block-my-acuvue-my-acuvue-login-form .form-item-email {
  margin: 10px 0;
}
.login-form-error.messages {
  clear: both;
  margin: 10px 0 0;
  background-image: none;
  padding-left: 15px;
}

/* Forgot Password Fields */
.form-forgot-password-fields { display: none; }

#block-my-acuvue-my-acuvue-login-form .form-forgot-password-fields input.btn-blue.form-submit {
  float: none;
  width: 99.7%;
}

.region-header .block a,
.region-header-menu .block a { font-size: 13px; }

.forgot-links { margin: 10px 10px 0; }
.forgot-links a {
  color: #0096DB;
  margin-right: 5%;
}

/* Placeholder input*/
.sticky-placeholder-wrapper > label {
  opacity:.5; /* to prevent initial dimming in FF, set to the same value as placeholderOpacity (default: .5) */
  -webkit-transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -ms-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  left: 3%!important;
  padding-left: 0!important;
}

.form-item { clear: both; }

/* Set New Password Page */
.my-acuvue-set-new-password-form {
  overflow: hidden;
  width: 50%;
}

.my-acuvue-set-new-password-form * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.node-type-set-new-password input { width: 99.7%; }

.node-type-set-new-password input.btn-blue[type="submit"] {
  float: right;
  width: auto;
}

/*
 * Block title
 */
.block-title {
  margin: 0;
}

.block-content ul,
.block-content ol {
  padding: 0 0 0 15px;
}

.block-content li,
.block-content li.leaf {
  margin: 0;
  padding: 0;
}

/*
 * "Main page content" block
 */
#block-system-main {
  margin-bottom:0;
}

/* =============================================================================
 *   Node Styling
 * ========================================================================== */

.node .node-title {
  margin: 0;
}

.front .node .node-content { padding: 0; }

.cke_show_borders div,
.node .node-content .field-item div {
  font-size: 10pt;
  line-height: 18px;
  margin: 0 0 14px;
}
.cke_panel_grouptitle {
  display: none;
}
.node .node-content .field-item .video-carousel div { margin: auto; }

/* =============================================================================
 *   Comment Styling - Comments, comment wrapper, comment form
 * ========================================================================== */

/*
 * Wrapper for the list of comments and its titles
 */
#comments {
  margin: 1.5em 0;
}

#comments h2.comment-title {
  margin: 0;
}

#comments h2.comment-form {
  margin: 0;
}

/*
 * Wrapper for a single comment
 */
.comment {
  margin-bottom: 20px;
}

/*
 * Comment title
 */
.comment-title {
  margin: 0;
}

/*
 * "New" marker for comments that are new for the current user
 */
.new {
  color: #c00;
}

/*
 * Nested comments are indented
 */
.indented {
  margin-left: 40px;
}


/* =============================================================================
 *   Forms
 * ========================================================================== */

/*
 * Wrapper for a form element (or group of form elements) and its label
 */
.form-item { margin: 10px 0; }

.form-item.form-type-acuvue-field-ecp, .form-item.form-type-checkbox { overflow: hidden; }

.field-error div.radio span,
.form-item.form-item-mf30-category.field-error div.radio span,
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  background-color: #FEF5F1;
  border: 1px solid #C00;
}
.form-item.form-item-mf30-category.field-error div.radio span.checked { background-color: #C00; }

form#mf30-register-form div.mf30-registered{
  border-bottom: 1px solid #DFDFDF;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

form#mf30-register-form div.mf30-registered p {font-weight: bold;}
form#mf30-register-form div.mf30-registered h2{ font-weight: normal;}

/*
 * Highlight marks and form required mark
 */
.marker,
.form-required {
  color: #c00;
}

.form-item .description {
  font-size: 0.85em;
}

.form-checkboxes .form-item,
.form-radios .form-item { overflow: hidden; }

.container-inline div,
.container-inline label {
  display: inline;
}

/*
 * Define consistent borders
 */
fieldset {
  border: 1px solid #ccc;
}

/*
 * Buttons used by contrib modules like Media
 */
a.button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

/*
 * Password confirmation
 */
.password-parent,
.confirm-parent {
  margin: 0;
}


/* =============================================================================
 *   Tables
 * ========================================================================== */

table {
  margin: 10px 0;
  padding: 0;
  width: 100%;
}

table.sticky-header {
  z-index: 10;
}

table,
thead,
tbody,
tr,
th,
td {
  border-color: #555B60;
}

table,
td,
th {
  vertical-align: middle;
}

caption,
th,
td {
  text-align: left;
}

thead tr {
  font-weight: 700;
  background-color: #e5e5e5;

}

td,
th {
  border-bottom: 0;
  margin: 0;
  padding: 5px 7px;
}

tbody {
  border: none;
}

tr.odd {
  background: #fff;
}

tr.info,
tr.even  {
  border-bottom: 0;
  background-color: #f5f5f5;
}

tr.odd td.active {
  background-color: #eee;
}

tr.even td.active {
  background-color: #ebebeb;
}

hr {
  border: none;
  border-bottom: 1px solid;
}

/*
 * Forum tables
 * Core sets white-space to nowrap, which makes no sense
 */
#forum td .created,
#forum td .posts,
#forum td .topics,
#forum td .last-reply,
#forum td .replies,
#forum td .pager {
  white-space: normal;
}


/* =============================================================================
 *   Messages
 * ========================================================================== */

/* Left and right margin are set by the global gutter width */
div.messages {
  margin-bottom: 10px;
  margin-top: 10px;
}

div.login-form-error.messages.error { margin-bottom: 0; }

div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.messages.single-message ul {
  list-style: none;
  margin-left: 0;
}

div.messages.single-message ul p {
  margin: 0;
}

/*
 * Unpublished nodes
 */
.node-unpublished p.unpublished,
.comment-unpublished p.unpublished {
  color: pink;
  color: rgba(239, 170, 170, 0.4);
  font-family: Impact,"Arial Narrow",Helvetica,sans-serif;
  font-size: 75px;
  font-weight: bold;
  height: 0;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
}

/*
 * Otherwise these elements will appear below the "Unpublished" text
 */
.lt-ie8 .node-unpublished > *,
.lt-ie8 .comment-unpublished > * {
  position: relative;
}


/* =============================================================================
 *    Maintenance pages
 * ========================================================================== */

.maintenance-page .container {
  padding: 40px 0;
}

.maintenance-page #site-name,
.maintenance-page #page-title {
  margin: 0;
}

.db-offline .container {
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
  max-width: 960px;
}

.db-offline div.messages {
  margin: 20px 0 0;
}

.db-offline #content {
  padding: 20px 0;
}


/* =============================================================================
 *   Misc overrides for contrib modules
 * ========================================================================== */

/*
 * Admin menu overrides
 */
#admin-menu {
  margin: 0;
  padding: 0;
}

/*
 * Devel Module
 */
.dev-query {
  background: #eee;
  padding: 30px;
}

/*
 * Styleguide module tweaks
 */
#styleguide-header {
  padding: 0 10px;
}

#styleguide-header .item-list {
  font-family: inherit;
  margin: 0 20px 20px 0;
  min-height: 260px;
  width: auto;
}


/* =============================================================================
 *   Form Custom - Uniform
 * ========================================================================== */
/* General settings */
div.selector, div.selector *,
div.radio, div.radio *,
div.checker, div.checker * {
  cursor: pointer;
  margin: 0;
  padding: 0;
}

html[dir='lrt'] div.selector,
html[dir='lrt'] div.radio,
html[dir='lrt'] div.checker { margin: 0 10px 0 0 !important; }

div.selector, div.checker, div.radio {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
}

/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
div.checker input,
input[type="search"],
input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none; }

/* Select */
div.selector {
  background-color: #FFF;
  background-image: none;
  border: 1px solid #8DBAE8;
  padding: 7px 8px;
  overflow: hidden;
  position: relative;
}

div.selector span {
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: normal;
  overflow: hidden;
  padding-right: 25px;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  word-wrap:normal;
  white-space: nowrap;
  width: 100%;
}
select {
  opacity: 0;
  filter: alpha(opacity=0);
}
div.selector select {
  background: none;
  border: none;
  height: 32px;
  left: 0;
  filter: alpha(opacity=0);
  -webkit-appearance: none!important;
  opacity: 0;
  position: absolute;
  top: -1px;
  width: auto;
  min-width: 99.7%;
}
.form-column-2 div.selector select {
  left: auto;
  right: 0;
}

html[dir='lrt']  div.selector option {
  padding-left: 5px;
}

/* Checkbox  */
.form-checkboxes .form-item,
.form-radios .form-item {
  margin: 10px 0;
  padding: 2px 0;
}

div.checker,
div.radio {
  float: left;
  padding: 0 2% 0 0;
  position: relative;
}

div.checker span {
  background-color: #FFF;
  background-position: 20px 20px;
  border: 1px solid #8DBAE8;
  display: inline-block;
  height: 24px;
  text-align: center;
  width: 24px;
  zoom: 1;
}

div.checker.disabled input,
div.checker.disabled span {
  background-color: #D6D6D6;
}

div.checker span.checked { background-position: -9px -2223px; }

div.checker input {
  background: none;
  border: none;
  display: inline-block;
  height: 24px;
  margin-top: -10px;

  filter: alpha(opacity=0);
  opacity: 0;
  zoom: 1;
}

/* Radio */
div.radio span {
  background-color: #FFF;
  /*background-image: none;*/
  background-position: 20px 20px;
  border: 1px solid #8DBAE8;
  border-radius: 15px;
  display: block;
  height: 20px;
  text-align: center;
  width: 20px;
  zoom: 1;
}

div.radio input {
  height: 20px;
  margin-top: -10px;
}

div.radio span.checked {
  /*background-color: #0096DB;*/
  border-color: #0096DB;
  background-position: -1px -4309px;
}

div.radio input {
  background: none;
  border: none;
  display: inline-block;
  filter: alpha(opacity=0);
  opacity: 0;
  text-align: center;
  zoom: 1;
}

.form-type-checkbox .option,
.form-type-radio .option {
  color: #555B60;
  display: block;
  float: left;
  font-size: 13px;
  padding: 0;
  width: 88%;
}

.form-type-checkbox .option { width: 87%; }


/**
 * Hero
 */

.flexslider ul.slides li {
  list-style: none;
  margin: 0;
  position: relative;
}

.flexslider ul.slides li h3 {
  font: 11pt Arial, Helvetica, sans-serif;
  font-weight: bold!important;
}

.flexslider ul.slides li.video-item { cursor: pointer; }

.flexslider ul.slides li.flex-active-slide,
.flexslider ul.slides li.flex-active-slide div.video-item-wrapper {
  background-color: #00529B;
  cursor: default;
  color: #fff;
  position: relative;
  z-index: 0;
}

.flexslider ul.slides li.flex-active-slide h3,
.flexslider ul.slides li.flex-active-slide  div.teaser { color: #FFF; }
.media-wrapper.no-flash-support {
  display: table-cell !important;
  vertical-align: middle;
  width: 100%;
  text-align: center;
}
.navigation.flexslider div.video-item-wrapper {
  border-right: 1px solid #D2E5F5;
  cursor: pointer;
  padding: 20px 30px 20px 30px;
}
html[dir='rtl'] .navigation.flexslider div.video-item-wrapper { padding: 20px 35px 20px 33px; }

.navigation.flexslider .last-visible div.video-item-wrapper {  border: none; }

.media-wrapper {
  overflow: hidden;
  background: #ECECEC;
}
.media-video { line-height: 0; }

#block-views-video-carousel-block {
  margin-bottom: 30px;
  margin-top: 20px;
}

.carousel-content span { display: block; }

.carousel-content .carousel-title {
  color: #FFF;
  font-size: 30px;
  line-height: normal;
  margin: 0;
  text-transform: none;
}
.carousel-content .carousel-teaser {
  color: #FFF;
  font-family: 'Gotham SSm 3r','Gotham SSm A','Gotham SSm B', verdana, Arial;
  font-size: 14px;
  line-height: normal;
  margin: 10px 0;
}
.carousel-content .carousel-cta-btn { float: left; }

.btn .sprite,
.btn.btn-white .sprite,
.btn-white .arrow-blue {
  background-position: -17px -97px;
  bottom: -1px;
  display: inline-block;
  height: 11px;
  margin-right: 4px;
  position: relative;
  right: -7px;
  width: 7px;
}
.btn-white:hover .arrow-blue,
.btn-white:focus .arrow-blue { background-position: -17px -138px; }
.carousel-image a {
  display: block;
  line-height: 0;
}

/* Content Page */
.full-content .block-inner { margin: 0; }

.content-bar a[href] {
  border-bottom: 1px solid;
  color: #555b60;
}

.content-bar a[href]:hover,
.content-bar a[href]:focus {
  color: #1C3D7C;
}

.content-bar a.btn {
  border-bottom: 0;
}

.content-bar a.btn-blue,
.content-bar a.btn-blue:hover,
.content-bar a.btn-blue:focus {
  color: #fff;
}

.content-bar a.link-define {
  color: #1C3D7C;
}

.content-bar a.link-define:hover,
.content-bar a.link-define:focus {
  color: #83B3DD;
}

/* Toolbar */
.node-type-page #block-views-view-promo-block-1 {
  clear: both;
  margin: 0 3% 20px;
}
.not-front #block-jnj-acuvue-toolbar-block,
.not-front #block-jnj-acuvue-toolbar-section2-block,
.not-front #block-jnj-acuvue-toolbar-section3-block,
.not-front #block-jnj-acuvue-toolbar-section4-block,
.not-front #block-jnj-acuvue-toolbar-section5-block {
  clear: both;
  margin: 0 3% 20px;
}

.not-front .toolbar-wrapper {
  border-top: 1px solid #E0E0E0;
}

.cro-full-content #block-jnj-acuvue-toolbar-section5-block {
  margin: 0 0 10px;
  border: none;
}

.toolbar-wrapper  .toolbar-item{
  background: rgb(255,255,255); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
  background: url('images/background-svg2.svg');
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(251,251,251,1) 65%, rgba(252,252,252,1) 68%, rgba(236,236,236,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(60%,rgba(255,255,255,1)), color-stop(65%,rgba(251,251,251,1)), color-stop(68%,rgba(252,252,252,1)), color-stop(100%,rgba(236,236,236,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(251,251,251,1) 65%,rgba(252,252,252,1) 68%,rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(251,251,251,1) 65%,rgba(252,252,252,1) 68%,rgba(236,236,236,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(251,251,251,1) 65%,rgba(252,252,252,1) 68%,rgba(236,236,236,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(251,251,251,1) 65%,rgba(252,252,252,1) 68%,rgba(236,236,236,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-8 */
}
.toolbar-wrapper .toolbar-inner-wrapper {
  width:100%;
  overflow:hidden;
}
.toolbar-wrapper .toolbar-item{
  float:left;
  height:100%;
}
.toolbar-wrapper.cols-1 .toolbar-item { width:100%; }
.toolbar-wrapper.cols-2 .toolbar-item { width:50%; }
.toolbar-wrapper.cols-3 .toolbar-item { width:33.3%; }

.toolbar-wrapper .toolbar-item a{
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin: 0 auto;
  padding: 0 5%;
  text-align: center;
  text-transform: uppercase;
}

.toolbar-wrapper .toolbar-item a span.toolbar-text {
  display: table-cell;
  height: 85px;
  line-height: 22px;
  padding: 0 0 0 55px;
  text-align: left;
  vertical-align: middle;
}

.not-front .toolbar-blue-layout {
  border: 0;
}

.cro-full-content .toolbar-wrapper .toolbar-item a span.toolbar-text,
.toolbar-blue-layout .toolbar-item a span.toolbar-text {
  height: 60px;
  color: #fff;
}

.cro-full-content .toolbar-wrapper  .toolbar-item,
.toolbar-blue-layout .toolbar-item {
  background: none;
}

.cro-full-content .toolbar-wrapper .toolbar-item a,
.toolbar-blue-layout .toolbar-item a {
  width: auto!important;
  height: 100%;
  background: url(images/define-sprite.png) no-repeat right -1109px #1C3D7C;
}

.cro-full-content .toolbar-wrapper.cols-1 .toolbar-item a {
  margin: 0;
}

.cro-full-content .toolbar-wrapper.cols-2 .cro-toolbar-item-1 a {margin: 0 7px 0 0; }
.cro-full-content .toolbar-wrapper.cols-2 .cro-toolbar-item-2 a { margin: 0 0 0 7px; }
.cro-full-content .toolbar-wrapper.cols-3 .cro-toolbar-item-1 a { margin: 0 7px 0 0; }
.cro-full-content .toolbar-wrapper.cols-3 .cro-toolbar-item-2 a { margin: 0 7px 0 7px; }
.cro-full-content .toolbar-wrapper.cols-3 .cro-toolbar-item-3 a { margin: 0 0 0 7px; }

.not-front .toolbar-blue-layout .toolbar-item a {
  margin: 0 7px;
}

.not-front .toolbar-blue-layout .toolbar-item:first-child a {
  margin-left: 0;
}

.not-front .toolbar-blue-layout .toolbar-item:last-child a {
  margin-right: 0;
}

.cro-full-content .toolbar-wrapper .toolbar-item a:hover,
.toolbar-blue-layout .toolbar-item a:hover,
.toolbar-blue-layout .toolbar-item a:focus {
  background-color: #7fb2e6;
}

/* free-trial icon */
.toolbar-wrapper .toolbar-item a span.icon-free-trial { background-position: left -245px; }
.toolbar-wrapper .toolbar-item a:hover span.icon-free-trial { background-position: left -327px; }

/* find-ecp icon */
.toolbar-wrapper .toolbar-item a span.icon-find-ecp { background-position: left -409px; }
.toolbar-wrapper .toolbar-item a:hover span.icon-find-ecp { background-position: left -491px; }

/* Update acuminder icon */
.toolbar-wrapper .toolbar-item a span.icon-acuminder { background-position: left -1022px; }
.toolbar-wrapper .toolbar-item a:hover span.icon-acuminder { background-position: left -1104px; }

/* TODO: Update lens-advisor icon*/
.toolbar-wrapper .toolbar-item a span.icon-lens-advisor { background-position: left -1189px; }
.toolbar-wrapper .toolbar-item a:hover span.icon-lens-advisor { background-position: left -1189px; }

/* TODO: Update mf-30 icon - MISSING ICON */
.toolbar-wrapper .toolbar-item a span.icon-mf-30 { background-position: left -3688px; }
.toolbar-wrapper .toolbar-item a:hover span.icon-mf-30 { background-position: left -3770px; }

/* no icon */
.toolbar-wrapper .toolbar-item a span.icon-none{
  background:none;
  padding-left:0;
}


/*
 * Touts
 */
#block-views-homepage-touts-homepage-touts {
  overflow: hidden;
  padding: 20px 3%;
  position: relative;
  z-index: 10;
}

.touts {
  height: 221px;
  overflow: hidden;
  position: relative;
}

.touts a {
  border: 1px solid #D2E5F5;
  display: block;
  height: 217px;
  margin: 1px;
  overflow: hidden;
  position: relative;
}
.touts a:hover {
  border: 2px solid #D2E5F5;
  margin: 0;
}

.touts img {
  border: medium none;
  bottom: 0;
  position: absolute;
  right: 0;
  /*max-width: none;  mantem as imagens das touts no tamanho original */
}
.hide-tout-image img { display: none; }

.touts .content-tout {
  left: 0;
  position: relative;
  top: 0;
}

.touts h3,
.front .touts h2,
.front .touts h1.first-tout {
  color: #00529B;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
  padding: 15px 5% 5px;
  text-shadow: 1px 1px 0 #FFF;
}

.front .touts h2,
.front .touts h1.first-tout {
  font-weight: 400;
  font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B",verdana,Arial;
  text-transform: none;
}

.touts.tout-2-col h3,
.front .touts.tout-2-col h2 {
  padding: 15px 2.5% 5px;
}

.touts p {
  color: #555B60;
  font-family: arial;
  font-size: 13px;
  line-height: 18px;
  margin: 0;
  padding: 5px 5% 15px;
  text-shadow: 1px 1px 0 #FFF;
  width: 90%;
}
.touts.tout-2-col p { padding: 5px 2.5% 15px; }

.tout-1-col.has-img-1-col p { width: 56%; }
.tout-2-col.has-img-2-col p { width: 23%; }

.tout-video,
.tout-link {
  bottom: 0;
  height: 47px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-indent: -999px;
  width: 29px;
}
.touts .tout-link { background-position: -6px -1453px; }
.touts .tout-video { background-position: -6px -1289px; }

/**
 * Page Title
 */
.page-header { position: relative; }

.page-node #main-content-header .page-header.no-border .fb-share-button,
.page-node #main-content-header .page-header.no-border #vk_share_button { float: right; }

.page-node #main-content-header .page-header.has-teaser .fb-share-button,
.page-node #main-content-header .page-header.has-teaser #vk_share_button {
  bottom: -30px;
  top: auto;
}

.page-node #main-content-header .page-header.has-teaser.has-image .fb-share-button,
.page-node #main-content-header .page-header.has-teaser.has-image #vk_share_button {
  bottom: auto;
  top: 5px;
}

/* Only Title */
#main-content-header .page-header {
  margin: 30px 0 0;
}

.page-header h1#page-title {
  color: #085498;
  font-family: 'Gotham SSm 3r', 'Gotham SSm A', 'Gotham SSm B', verdana, Arial;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.page-header h1#page-title.uppercase-down {
  text-transform: none;
}

/* Title + Teaser + Image */
.page-node #main-content-header .page-header.has-teaser.has-image {
  margin: 0;
  display: block;
  overflow: hidden;
}
.page-header.has-teaser.has-image .teaser-text {
  bottom: 0;
  background-color: transparent;
  color: #FFF;
  height: 100%;
  position: absolute;
  top: 0;
  width: 34.5%;
}
.page-header.has-teaser.has-image .teaser-text h1#page-title,
h2.switch-from-h1 {
  color: #FFF;
  font-family: 'Gotham SSm 3r', 'Gotham SSm A', 'Gotham SSm B', verdana, Arial;
  font-size: 28px;
  font-weight: 300;
  line-height: 36px;
  text-transform: none;
  line-height: 1.2em;
}
.page-header.has-teaser.has-image h1#page-title { padding: 0; }

.page-header.has-teaser.has-image .teaser-text p {
  font-family: 'Gotham SSm 3r', 'Gotham SSm A', 'Gotham SSm B', verdana, Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin: 14px 0 0 0;
  padding: 0;
}

/* Facebook Share Button */
.page-node #main-content-header .page-header.has-teaser { position: relative; }

.page-node #main-content-header .page-header.no-border .fb-share-button,
.page-node #main-content-header .page-header.no-border #vk_share_button { float: right; }

.page-node #main-content-header .page-header.has-teaser .fb-share-button,
.page-node #main-content-header .page-header.has-teaser #vk_share_button {
  bottom: -30px;
  position: absolute;
  right: 10px;
  z-index:1;
  text-align: right;
}

.page-node #main-content-header .page-header.has-teaser.has-image .fb-share-button,
.page-node #main-content-header .page-header.has-teaser.has-image #vk_share_button {
  bottom: auto;
  top: 5px;
}

.page-node #main-content-header .page-header.has-teaser #vk_share_button td { padding: 0; }

/* Title + Teaser */
.page-node #main-content-header .page-header.has-teaser {
  display: table;
  margin: 30px 0 0;
  z-index: 11;
  width: 100%;
}

.page-header.has-teaser .title-text {
  background-color: #085498;
  color: #FFF;
  display: table-cell;
  vertical-align: middle;
  width: 32.5%;
}

.page-header.has-teaser h1#page-title {
  color: #FFF;
  font-family: 'Gotham SSm 3r', 'Gotham SSm A', 'Gotham SSm B', verdana, Arial;
  font-size: 32px;
  font-weight: 300;
  line-height: normal;
  padding: 15px 8%;
  text-transform: none;
}

.page-header.has-teaser .teaser-text {
  background-color: #E5F1F5;
  display: table-cell;
  height: 165px;
  vertical-align: middle;
  width: auto;
}

.page-header.has-teaser .teaser-text p {
  font-family: 'Gotham SSm 3r', 'Gotham SSm A', 'Gotham SSm B', verdana, Arial;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  line-height: normal;
  margin: 0;
  padding: 15px 8%;
}

.page-node .page-tabs {
  padding: 0;
  margin: 0;
}
.page-node .page-tabs ul {
  margin: 30px 0 0;
}

/* Basic Page - Plugin Image Content Body */
.image-and-text {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 !important;
}
.image-and-text  .left + .text { padding: 0 0 0 4%; }

.image-and-text .right + .text { padding: 0 4% 0 0 ; }

.image-and-text .text {
  max-width: 56%;
  float: left;
  margin: 0 !important;
}

.image-and-text .image {
  max-width: 40%;
  float: left;
  margin: 0 !important;
}

.image-and-text .image.right {
  float: right;
  width: 40%;
  text-align: center;
}

.image-and-text .text ul {
  margin: 0 0 0 6%;
  padding: 0;
}

.image-and-text ul li { padding-bottom: 3px; }

html[dir='rtl'] .image-and-text .text { float: right; }
html[dir='rtl'] .image-and-text .image.left { float: left; }
html[dir='rtl'] .image-and-text .text ul { margin: 0 7% 0 0; }


/* Cookie Policy */
#cookie-policy-warning {
  position: relative;
  display: none;
}

#announcement .close {
  display: block;
  height: 40px;
  overflow: hidden;
  text-indent: -999px;
}

#announcement * {
  color: #FFF;
  font-weight: normal;
  text-transform: none;
}

#announcement h2 { font-size: 18px; }

#announcement p {
  font-size: 12px;
  line-height: 18px;
  margin: 0;
}

#announcement a { color: #8dc7e9 !important; }


/**
 * Modal - Popup Banner
 */
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  outline: none;
  overflow: hidden;
  z-index: 1040;
}

.modal .modal-dialog {
  top: 50%;
  position: fixed;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-dialog {
  margin-left: -485px;
  margin-right: auto;
  z-index: 1050;
  right: auto;
  left: 50%;
  width: 970px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #D2E5F5;
  background-clip: padding-box;
  outline: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
  padding-bottom: 400px;
  top: -200px;
}
.modal-header {
  min-height: 16.428571429px;
  padding: 3% 3% 2%;
}
.modal-header .close {
  position: absolute;
  right: 3%;
  background-position: -14px -1654px;
  height: 13px;
  width: 13px;
  padding: 0;
  text-indent: -99px;
  overflow: hidden;
  z-index: 100;
}
.modal-header button.close:hover {
  background-color: transparent;
}
.modal-title {
  margin: 0;
  line-height: 1.428571429;
}
.modal-body {
  position: relative;
  margin: 0 2%;
  overflow-y: auto;
  padding: 0 1%;
}
.modal-footer {
  padding: 3%;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn {
  margin-top: 5px;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

/* Basic page accordion */
body dl.accordion dt {
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', verdana, Arial;
  font-weight: 300;
  font-style: normal;
  font-size: 13.5pt;
  color: #00529b;
  cursor: pointer;
  padding-left: 19px;
  vertical-align: top;
  position: relative;
  clear: both;
}
body dl.accordion dt .accordion-icon {
  left: 0;
  background-position: -40px -1693px;
  position: absolute;
  top: 6px;
  height: 13px;
  width: 11px;
  text-indent: -99px;
  overflow: hidden;
}
body dl.accordion dd {
  margin: 5px 0 0 19px;
  font-size: 13px;
  display: none;
  clear: both;
  vertical-align: top;
}
body dl.accordion.open dt .accordion-icon {
  background-position: -40px -1734px;
}

/* CKeditor Accordion fix */
body.cke_show_borders dl.accordion dt {
  cursor: text;
}
body.cke_show_borders dl.accordion dd {
  display: block;
}
html[dir='rtl'] body dl.accordion dt {
  padding-left: 0;
  padding-right: 19px;
  background-position: right -1688px;
}
html[dir='rtl'] body dl.accordion dt .accordion-icon {
  left: auto;
  right: 0;
}
html[dir='rtl'] body dl.accordion dd {
  margin: 5px 19px 0 0;
}

/* Video Carousel CKEditor element */
.video-carousel-embed {
  background: url("/sites/all/themes/acuvue_theme/css/images/videocarousel-th.png") no-repeat;
  width:350px;
  height:253px;
}
/* Video Carousel */
html[dir='rtl'] .navigation.flexslider ul.slides li {
  float: right !important;
}
html.no-flash .no-flash-support .message-wrapper p {
  padding-top: 10%;
  margin-top: 15%;
  text-align: center;
  font-size: 1.1em;
}
.video-carousel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.video-carousel .flex-next-wrapper,
.video-carousel .flex-prev-wrapper {
  background: url("/sites/all/themes/acuvue_theme/css/images/sprite.png") repeat scroll -9px -1779px;
  width: 26px;
  height: 52px;
  margin: -26px 0 0 !important;
  position: absolute;
  overflow: hidden;
  text-indent: -9999px;
  top: 50%;
  cursor: default;
  z-index: 5;
  -webkit-transform: translate3d(0,0,0);
}
.video-carousel .flex-next-wrapper {
  background-position: -7px -1943px;
  right: 0;
}
.video-carousel .flex-disabled { display: none; }

.video-carousel .media { overflow: hidden; }

.video-carousel .media iframe {
  vertical-align: bottom;
}
.video-carousel .media object {
  display: inline-block;
  vertical-align: bottom;
  outline: 0;
}
.video-carousel .media ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.video-carousel .media .media-item.invisible { display: none; }

/*
 * Registration and Sitemap Styles Accordion
 */
.required-fields {
  color: #979797;
  font-size: 11px;
}
body.node-type-registration-page .node-content h2 { margin-bottom: 10px; }

#sitemap-wrapper .menu-section,
div.related-content .tabs-inner {
  margin: 0;
  list-style: none;
  padding: 0;
}
body.node-type-registration-page div.related-content .tabs-inner .block-title {
  font-size: 13pt;
  margin:30px 0 20px;
}

body.node-type-registration-page .content-bar div.messages { margin: 0 0 20px; }

div.related-content .tabs-inner .block-content ul {  list-style-type: disc; }

div.related-content .tabs-inner .block-content ul li { margin-bottom: 15px; }


/*
 * GENERAL FORMS
 * BOX SIZE on FORMs and Measures
 */
form * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

form input { width: 100%; }

form .selector span,
form .selector { width: 100% !important; }

form .form-item-mobile-number input,
form .selector { height: 35px; }

form .form-type-select .selector { width: 100% !important; }

form .form-item-lens-change-day .selector,
form .form-item-lens-change-month .selector,
form .form-item-eye-exam-day .selector,
form .form-item-eye-exam-month .selector,
form .form-item-dob-day .selector,
form .form-item-dob-month .selector,
.form-type-acuvue-phone .phone-code .selector,
form .form-item-mobile-code .selector,
.idcard-passport-type .selector {
  width: 90% !important;
}

.form-type-acuvue-phone .phone-code,
form .mobile-field-wrapper .form-item-mobile-code,
.idcard-passport-type {
  width: 35%;
}

.form-type-acuvue-phone .phone-number,
form .mobile-field-wrapper .form-item-mobile-number,
.acuvue-idcard-passport-area .toggle-field {
  width: 65%;
}

.form-type-acuvue-phone .phone-code input { width: 96%; }

/* Selector DOB on Desktop */
form .date-of-birth { overflow: hidden; clear: both; }

form .date-of-birth .form-item {
  clear: none;
  float: left;
  margin: 0;
}

form .date-of-birth .form-type-select,
form .date-of-birth .form-type-textfield { width: 35%; }

form .date-of-birth .form-type-textfield.form-item-dob-day input { width: 90%; float:left;}
form .date-of-birth .form-type-textfield.form-item-dob-month input { width: 90%; float:left;}
form .date-of-birth .form-type-textfield.form-item-dob-year input { width: 100%; float:right;}

form .date-of-birth .form-type-select.form-item-lens-change-year,
form .date-of-birth .form-type-select.form-item-eye-exam-year,
form .date-of-birth .form-type-select.form-item-dob-year,
form .date-of-birth .form-type-textfield.form-item-dob-year { width: 30%; }

form .date-of-birth.birth-col-1 .form-type-select,
form .date-of-birth.birth-col-1 .form-type-textfield {
  width: 100%;
}

form .birth-col-1 .form-type-select .selector,
form .birth-col-2 .form-item-dob-month.last .selector {
  width: 100% !important;
}

form .date-of-birth.birth-col-1 .form-type-textfield input,
form .date-of-birth.birth-col-2 .form-type-textfield.form-item-dob-month.last input {
  width: 100%;
}

form .date-of-birth.birth-col-2 .form-type-select,
form .date-of-birth.birth-col-2 .form-type-textfield {
  width: 50%;
}

form .form-item-dob-year .selector { margin-right: 0; }

form .description {
  clear: both;
  color: #979797;
  font-size: 11px!important;
  line-height: normal;
  padding: 4px 0;
}

form #edit-mobile-phone-first { margin-bottom: 0; }

/* Agrement Checker */
form .form-item-communication-agreement {
  margin: 0;
  overflow: hidden;
  padding-top: 20px;
}

form .form-item-communication-agreement .checker { margin: 0 !important; }

form .form-item-communication-agreement .option {
  color: #555B60;
  float: left;
  font-size: 13px;
  padding: 0;
}

.form-type-acuvue-phone .phone-code,
.form-type-acuvue-phone .phone-number,
form .mobile-field-wrapper .form-item,
.idcard-passport-type,
.acuvue-idcard-passport-area .toggle-field {
  clear: none;
  float: left;
  margin-top: 0;
}

.form-type-acuvue-phone {
  overflow: hidden;
}

/* Label */
form .label-wrapper { overflow: hidden; }

form .captcha label:after {
  content: '* ';
}

form .button-radio,
.button-checkbox {
  display: inline-block;
  margin: 5px 12px 0 0;
  width: 82px;
  height: 32px;
  line-height: 30px;
  font-size: 14px;
  color: #979797;
  background: #fff;
  border: solid 1px #8DBAE8;
  text-align: center;
  cursor: pointer;
}

form .button-radio.current,
.button-checkbox.current {
  color: #fff;
  background: #0096DB;
  border-color: #0096DB;
}

form .hide-button-radio {
  display: none;
}

form .new-ecp-field {
  background-color: #fff;
  cursor: pointer;
}

/* Form Registration - Error */
form .form-item-mf30-category.field-error .label-wrapper label,
form .field-error label,
.webform-client-form .field-error .form-required {
  color: #C00;
}


form .field-error div.checker span,
form .field-error .selector {
  background-color: #FEF5F1;
  border: 1px solid #C00;
}

form .field-error div.selector span {
  background-position: right -2554px;
  color: #C00;
}
form .date-of-birth .form-item {
  clear: none;
  float: left;
  margin: 0;
}

form input[type=submit] {
  float: right;
  width: auto;
}

/* Captcha */
form .captcha {
  margin: 20px 0;
  position: relative;
}

form .captcha img {
  left: 8px;
  position: absolute;
  top: 8px;
  z-index: 10;
}

form .captcha .form-item {
  background-color: #F3F8Fa;
  border: 1px solid #8DBAE8;
  margin: 0;
  overflow: hidden;
  padding: 70px 8px 30px;
}

form .captcha span {
  float: left;
  padding: 4px;
}

form .captcha span.form-required { display: none; }

form .captcha input[type="text"] {
  float: left;
  margin-right: 8px;
  width: 63px !important;
}

form .captcha .description {
  font-size: 11px;
  line-height: normal;
}

form .reload-captcha-wrapper {
  bottom: 6px;
  font-size: 0.7em;
  position: absolute;
  right: 12px;
  z-index: 10;
}
form .reload-captcha-wrapper a { color: #999; }

form .captcha .form-item.field-error {
  background-color: #FEF5F1;
  border: 1px solid #C00;
}

form .readonly,
form .customized-locator-readonly,
.selector.disabled {
  background-color: #F3F8FA;
  font-style: italic;
}

/* Captcha Send email  */
#ecp-locator-send-mail-form ,
#send-mail-form-errors { clear: both; }

#send-mail-form-errors { padding-top: 10px; }

#ecp-locator-send-mail-form .form-item-email.field-error { padding-left:1px; }

#ecp-locator-send-mail-form .btn-wrapper input { float: right; }

.gm-style-cc div {
  float: left !important;
  background-color: rgba(255, 255, 255, 0.5);
}
/*
 * Dashboard
 */
.dashboard-section {
  border-bottom: 1px solid #DFDFDF;
  padding-bottom: 20px;
  margin-bottom: 30px;
  overflow: hidden;
}

/* dashboard welcome */
#welcome-message h2 { float: left; }

#welcome-message .dashboard-logout {
  float: right;
  padding-left: 15px;
  font-size:0.8em;
}

/* dashboard navigation */
#dashboard-forms-nav ul {
  margin: 0;
  padding: 0;
}

#dashboard-forms-nav .nav,
#dashboard-forms { overflow: hidden; }

.dashboard-form { display: none; }

.dashboard-form .form-item-user-email input {
  background-color: #F3F8FA;
  font-style: italic;
}

#unsubscribe-page .cancel-btn,
.dashboard-form .cancel-btn,
#remove-account .cancel-btn {
  background-color: transparent;
  border-radius: 0;
  color: #00529B;
  font: normal 13px/normal arial;
  text-align: center;
  text-transform: none;
}
.dashboard-form .cancel-btn:hover,
#remove-account .cancel-btn:hover { color: #83B3DD; }

#my-acuvue-remove-account-form-modal .submit-btn{
  float: left;
  margin-right: 5px;
}
#my-acuvue-remove-account-form-modal .cancel-btn .btn.hidden-phone{
  float: left;
}
#my-acuvue-remove-account-form-modal .cancel-btn .btn.hidden-phone:hover{
  color: #FFF;
}
#remove-account-modal .modal-dialog {
  width: 570px;
}
/* Preferences */
#unsubscribe-page .option,
#manage-preferences .option {
  padding: 6px 0;
  width: 85%;
}

#unsubscribe-page .user-email,
#manage-preferences .user-email {
  font-size: 14px;
  font-weight: bold;
}

.manage-buttons,
.edit-buttons {position: relative; }

/* dashboard favorited ecps */
.ecp-show-on-map a,
.ecp-campaigns a,
.saved-eye-doctors-text a {
  font: bold 13px/18px arial;
  text-transform: uppercase;
}

.ecp-campaigns a {
  font-style: italic;
  text-transform: none;
}

#favorited-ecps {
  border-top: 1px solid #DFDFDF;
  margin-top: 25px;
}

#favorited-ecps .ecp-item {
  border: 1px solid #DFDFDF;
  border-top-width: 0;
  cursor: default;
}

#favorited-ecps .ecp-favorite { margin-right: 20px; }

#favorited-ecps .ecp-favorite i {
  background-position: -4px -3488px;
  height: 35px;
  width: 35px;
}
#favorited-ecps .ecp-transparent {
  opacity:0.40;
  -moz-opacity: 0.40;
  filter: alpha(opacity=40);
}

/* dashboard remove account */
#remove-account { padding-top: 5px; }

#remove-account-form-wrapper {
  display:none;
}

/*
 * Register Modal
 */
#login-modal .block-inner {
  margin: 0;
}
#login-modal .modal-body {
  padding: 0 6.5% 3%;
  margin: 0;
  overflow: hidden;
}
#login-modal .modal-dialog {
  width: 700px;
  margin-left: -285px;
}
#login-modal .modal-header {
  padding: 4.5% 13.5% 4% 6.5%;
}
#sendmail-modal .close,
#login-modal .modal-header .close {
  background-position: -4px -2340px;
  height: 35px;
  width: 35px;
  top: 21px;
  right: 35px;
}
#login-modal #edit-create-account-container,
#login-modal .form-registrarion-wrapper {
  float: left;
  clear: none;
  padding-left: 3%;
}
#login-modal .form-registrarion-wrapper {
  width: 54%;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 3%;
}
#login-modal #edit-create-account-container {
  width: 45.5%;
  margin-top: 0;
  border-left: 1px solid #DFDFDF;
}
#login-modal .form-registrarion-wrapper #edit-forgot-password-container {
  font-size: 10pt;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0;
}
#myModalForgot {
  display: none;
}
#login-modal .forgot-links a {
  font-size: 10pt;
}
#login-modal .form-registrarion-wrapper .form-submit {
  float: right;
}
#login-modal .form-registrarion-wrapper .form-item-password {
  margin-bottom: 20px;
}
#login-modal .form-registrarion-wrapper .form-item-email {
  margin-top: 1px;
}
#edit-forgot-password-wrapper .label-wrapper,
#login-modal .form-registrarion-wrapper .label-wrapper {
  display: none;
}
#login-modal #edit-create-account-container .btn-blue {
  width: 86%;
}
#login-modal #my-acuvue-login-close-button {
  display: none;
}

/*
 *  ECP Locator
 */
/* ECP Locator - Search Form */
#ecp-search-form {
  overflow: hidden;
  overflow: visible\9;
}

#ecp-search-form label { text-align: right; }

.search-location .near {
  background-position: -13px -2716px;
  display: block;
  float: left;
  height: 30px;
  width: 20px;
}

.search-location .clear-icon {
  background-position: -15px -2628px;
  cursor: pointer;
  display: block;
  float: left;
  height: 30px;
  margin: 1px 0 0 -31px !important;
  overflow: hidden;
  position: relative;
  text-indent: -999px;
  width: 30px;
}

.form-item-search-location {
  float: left;
  overflow: hidden;
}

#ecp-search-form .label-wrapper { margin-top: 2px; }

#ecp-search-form .form-type-textfield {
  clear: none;
  float: left;
}

#ecp-search-form .form-item > * {
  float: left;
  margin-right: 10px;
}

#ecp-search-form .selector { margin-right: 0; }

#ecp-search-form label { padding-bottom: 0; }

.current-location-wrap { margin: 0 !important; }

span.current-location {
  color: #00529B;
  font: 14px arial;
  line-height: 31px;
  padding-left: 8px;
  margin-right: 0;
}

#ecp-search-form .form-item .form-text {
  padding-right: 30px;

  white-space:nowrap;
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
}

#ecp-locator-search-form .selector span {
  color: #979797;
  font-size: 13px;
  line-height: normal;
}

#ecp-search-form .submit-wrapper {
  float: left;
  margin: 0 0 0 10px;
  position: relative;
}

#ecp-search-form .submit-wrapper  input {
  background-position: -5px -2669px;
  padding: 8px 30px 8px 40px;
  float: none;
}

#ecp-search-form .submit-wrapper .ajax-progress {
  right: 3px;
  top: 8px;
}

#ecp-search-form .form-type-select {
  clear: none;
  float: left;
  margin-right: 10px;
}

#ecp-caption {
  float: right;
  margin-bottom: 5px;
}

.premium-ecp-caption,
.optician-caption {
  font: 14px/normal arial;
  float: left;
  margin-left: 10px;
}

#ecp-caption .sprite {
  display: block;
  float: left;
  height: 20px;
  margin: 0 5px;
  width: auto;
  white-space: nowrap;
  padding-left: 15px;
}
.premium-ecp-caption { color: #00529B; }
.optician-caption { color: #0096DB; }

.premium-ecp-caption .sprite { background-position: -15px -2760px; }
.optician-caption .sprite { background-position: -15px -2801px; }

/* VIST-2183 */
.cro-ecp-search-form {
  float: left;
  width: 32%;
  padding-right: 2%;
}

.cro-ecp-search-form#ecp-search-form .submit-wrapper {
  margin: 10px 0 0 0;
}

.cro-ecp-search-form#ecp-search-form .form-item {
  width: 100% !important;
  margin-right: 0;
}

.cro-ecp-search-form#ecp-search-form .form-item .label-wrapper {
  margin: 0;
}
.cro-ecp-search-form#ecp-search-form .form-item label {
  margin-right: 10px;
  width: auto !important;
  padding-bottom: 4px;
}

.cro-ecp-search-form#ecp-search-form .current-location { width: 90% !important; }
.cro-ecp-search-form#ecp-search-form .form-text { width: 100% !important; }
.cro-ecp-search-form #ecp-locator-search-form .form-item-dropdown-country,
.cro-ecp-search-form #ecp-locator-search-form .form-item-dropdown-city,
.cro-ecp-search-form #ecp-locator-search-form .form-item-search-location {
  margin-bottom: 0;
}

.cro-ecp-sidebar { margin-left: 35%; }

.campaign-embedded-ecp-title {
  line-height: 1.3;
  font-size: 16px;
  font-weight: bold;
  color: #1A4487;
  padding: 0 !important;
}

/* ECP Locator - Maps */
#map-canvas {
  width: 100% !important;
  height: 480px;
}
#map-canvas img {
  max-width: none;
}
/* blue box */
#ecp-info {
  display: none;
}
#ecp-info,
.ecp-item.active {
  min-height: 95px;
  clear: both;
}
#ecp-info,
.ecp-item {
  overflow: hidden;
  cursor: pointer;
}
.ecp-item {
  border-bottom: 1px solid #d2e5f5;
}

img.icon,
.ecp-logo,
.ecp-info,
.ecp-contact-info,
.ecp-logo img,
.ecp-favorite,
.ecp-logo-special,
.ecp-logo-special img {
  vertical-align: middle;
}
#ecp-info img.icon,
.ecp-logo,
.ecp-info,
.ecp-contact-info,
.ecp-logo-special {
  display: inline-block;
}

/* logo icon salesforce */
.ecp-logo,
.ecp-logo-special {
  line-height: 95px;
  overflow: hidden;
  margin: 0 1%;
  width: 76px;
  height: 95px;
  text-align: center;
}
.ecp-logo img,
.ecp-logo-special img {
  max-width: 100%;
  height: auto;
}

/* name, address and campaign */
.ecp-pin-icon {
  width: 50px;
  display: inline-block;
  text-align: center;
  padding-left: 1%;
}
.ecp-info {
  width: 50%;
  margin-right: 10px;
}

/* VIST-2183 */
.cro-ecp-sidebar .ecp-info {
  width: 45%;
}

#ecp-info .ecp-item {
  border: none;
}
.ecp-name {
  color:#7fb2e6;
  font-weight: bold;
}
.ecp-address {
  color:#555b60;
}
.ecp-campaigns {
  color:#013e88;
  font-style: italic;
}

#ecp-info,
.ecp-info div,
.ecp-contact-info,
.ecp-contact-info a{
  font-size: 14px;
  line-height: 1.2;
}

#ecp-list .ecp-item.active:first-child {
  display: none;
}

/* contact info */
.ecp-contact-info {
  width: 18%;
  color: #00529b;
}
.ecp-contact-info a{
  color: #00529b;
  text-decoration: underline;
}
.ecp-contact-info .ecp-favorite { display: none; }

/* favorite */
.ecp-favorite {
  float: right;
  width: 29px;
  margin: 30px 11px 0 0;
}
.ecp-favorite i {
  line-height: 95px;
  font-size: 0;
  width: 29px;
  height: 27px;
  display: block;
  cursor: pointer;
  text-indent: -999em;
  background-position: -6px -2959px;
}
.premium-ecp.favourite .ecp-favorite i {
  background-position: -6px -3082px;
}
.optician.favourite .ecp-favorite i {
  background-position: -6px -3123px;
}

#ecp-info .ecp-favorite i,
.ecp-item.active .ecp-favorite i {
  background-position: -6px -3000px;
}
#ecp-info .favourite .ecp-favorite i,
.favourite.active .ecp-favorite i {
  background-position: -6px -3041px;
}
/* ACTIVED */
#ecp-info,
.ecp-item.active {
  background: #00529b;
}
#ecp-info .ecp-name,
.ecp-item.active .ecp-name,
#ecp-info .ecp-campaigns,
.ecp-item.active .ecp-campaigns,
#ecp-info .ecp-contact-info,
.ecp-item.active .ecp-contact-info,
#ecp-info .ecp-contact-info a,
.ecp-item.active .ecp-contact-info a {
  color: #FFF;
}
#ecp-info .ecp-address,
.ecp-item.active .ecp-address {
  color:#93c0e6;
}

.tooltipster-custom {
  border-radius: 5px;
  background: #d2e6ee;
  color: #555b60;
}
.tooltipster-custom .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  padding: 8px 10px;
}
.tooltipster-custom .tooltipster-content p {
  font-family: Arial, sans-serif;
  color: #555b60;
  font-size: 11px;
}
.tooltipster-custom .tooltipster-content p a {
  color: #0096db;
  display: inline-block;
}

/* cyan action bar */
.ecp-action-bar {
  background: #7fb2e6 url('images/bg-shadow-box.png') center -1px repeat-x;
  height: 46px;
  clear: both;
  padding-top: 21px;
  cursor: default;
}
.ecp-action-bar span.action-icon-campaign {
  width: auto;
  padding-top: 0;
}
.ecp-action-bar span.action-icon-campaign a{
  font-size: 12px;
  background-color: #fff;
  color: #02519c;
  padding: 2px 13px;
  min-width: 115px;
  margin-left: 15px;
  text-indent: 0;
  width: auto;
}
.ecp-action-bar span.action-icon-campaign a:hover,
.ecp-action-bar span.action-icon-campaign a:focus {
  color: #FFF;
  background-color: #9CC2E4;
}

.ecp-action-bar.icon_qte0 {
  display:none;
}
.ecp-action-bar.icon_qte1 .action-icons {
  width: 99.7%;
}
.ecp-action-bar.icon_qte2 .action-icons {
  width: 49.7%;
}
.ecp-action-bar.icon_qte3 .action-icons {
  width: 32.7%;
}
.ecp-action-bar .action-icons {
  width: 33.1%;
  border-left: 1px solid #6aa3da;
  text-align: center;
  float: left;
  min-height: 26px;
  padding-top: 4px;
}
.ecp-action-bar .action-icons:first-child {
  border-left: none;
}
.ecp-action-bar.icon_qte0 .action-icons {
  border: none;
}
.ecp-action-bar a[href] {
  font-size: 16px;
  color: #FFF;
  padding-left: 35px;
  line-height: 20px;
  display: inline-block;
  text-decoration: none;
}
.ecp-action-bar a[href]:hover,
.ecp-action-bar a[href]:focus { color: #FFF; }

.ecp-action-bar .sprite.icon-direction { background-position: -25px -3168px; }
.ecp-action-bar .sprite.icon-mail { background-position: -22px -3209px; }
.ecp-action-bar .sprite.icon-print {
  background-position: -23px -3249px;
  line-height: 22px;
}

.ecp_load_more {
  width: 22%;
  margin: 20px auto 10px;
  text-align: center;
}
.action-list-ecps.middle-list-ecp {
  border-bottom: 1px solid #D2E5F5;
}
.action-list-ecps {
  position: relative;
  min-height: 35px;
}
.ecp_go_top {
  position: absolute;
  bottom: 8px;
  right: 0;
}
.ecp_go_top .sprite {
  float: right;
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
  background-position: right -3289px;
  padding-right: 20px;
}
#result-messages {
  padding-top: 2em;
}
.single-message ul {
  list-style: none;
  padding-left: 25px;
}
#ecp-number {
  font-size:2em;
}

/*
 * ECP - Send Email Modal
 */
#send-mail-form { display: none; }

#sendmail-modal #send-mail-form,
.send-email-ecp-info #send-mail-form { display: block; }

#sendmail-modal .modal-dialog { width: 600px; }

#sendmail-modal .close {
  right: 15px;
  top: 15px;
}

#sendmail-modal .modal-body { margin: 0 2% 3% 2%; }

#sendmail-modal .ecp-action-bar,
#sendmail-modal .ecp-pin-icon,
#sendmail-modal .ecp-favorite,
#sendmail-modal .ecp-iframe-form {
  display: none;
}

.send-email-ecp-info .messages,
#sendmail-modal .messages {
  background-image: none;
  padding: 8px;
  list-style: none;
}
.send-email-ecp-info  div.messages.success { background-image: none; }

.send-email-ecp-info .messages ul,
#sendmail-modal .messages ul { margin: 0; }

.send-email-ecp-info .messages li,
#sendmail-modal .messages li { list-style: none; }

#map {
  float: left;
  width: 60%;
}

#contact-info {
  float: right;
  width: 40%;
}

#sendmail-modal .send-email-form { clear: both; }

#sendmail-modal .ecp-item {
  border: none;
  cursor: default !important;
}

#sendmail-modal .ecp-info,
#sendmail-modal .ecp-contact-info { width: 100%; }

#sendmail-modal .ecp-info { margin: 0; }

#sendmail-modal .ecp-contact-info { padding-top: 1.75em; }
#sendmail-modal #map {
  margin-bottom: 10px;
  overflow: hidden;
}

#sendmail-modal .send-email-form input.error { border-color: #CC0000; }

#sendmail-modal .send-email-form div.btn-wrapper {
  position: relative;
  overflow:hidden;
}
#sendmail-modal .form-errors .messages { margin-bottom: 0; }

#sendmail-modal #send-email-submit { width:223px; }

/* Promos style */
.promos {
  margin-top: 60px;
  overflow: hidden;
}
.promos:first-child { margin-top: 0; }

.promos .content-promo h3 {
  font-weight: bold;
  line-height: 22px;
  text-transform: uppercase;
}
.promos .content-promo p { margin-bottom: 20px; }

.btn .sprite { background-position: -17px -138px; }

.btn:hover,
a[href].btn:hover { color: #FFF; }


/*
 * Search Results
 */
.page-search #search-form .label-wrapper { display: none; }

.page-search #search-form input[type="submit"] { float: none; }

.page-search ol { padding: 0; }

.search-results .search-title {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}
.search-results .search-title a { color: #83B3DD; }

.search-results .search-snippet-info { padding: 0; }

.page-search .item-list {
  clear: both;
  overflow: hidden;
  width: 100%;
}
.page-search .item-list ul.pager {
  float: left;
  left: 50%;
  margin-top: 10px;
  position: relative;
}
.page-search .item-list li {
  float: left;
  padding: 10px;
  position: relative;
  right: 50%;
}

.item-list-pager .pager li {
  color: #555B60;
  cursor: default;
  float: left;
  font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', verdana, Arial;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
}

.item-list-pager .pager a {
  color: #83B3DD;
  border: 0;
}

.item-list-pager .pager a:hover {
  color: #00529B;
}

.item-list-pager ul.pager .pager-first,
.item-list-pager ul.pager .pager-previous,
.item-list-pager ul.pager .pager-next,
.item-list-pager ul.pager .pager-last {
  padding: 10px 5px;
}

.item-list-pager ul.pager .pager-first a,
.item-list-pager ul.pager .pager-previous a,
.item-list-pager ul.pager .pager-next a,
.item-list-pager ul.pager .pager-last a {
  background-color: #9CC2E4;
  border-radius: 10px;
  cursor: pointer;
  display: block;
  height: 20px;
  overflow: hidden;
  text-indent: -999px;
  width: 35px;
}

a[href].btn:hover,
.item-list-pager ul.pager .pager-first a:hover,
.item-list-pager ul.pager .pager-previous a:hover,
.item-list-pager ul.pager .pager-next a:hover,
.item-list-pager ul.pager .pager-last a:hover {
  background-color: #00529B;
}

/*
 * Unsubscribe Page
 */
#unsubscribe-body p { margin-bottom: 15px; }

.dashboard-form .manage-buttons,
#unsubscribe-page .manage-buttons { padding: 20px 0 0; }

body.cke_show_borders div.blue-box *,
div#content div.page-content div.blue-box * {
  color: #fff;
}


/* ECP Zoom */
/* Remove text of footer  map */
.gmnoprint .gm-style-cc span { display: none; }

/* Site Map */
#sitemap-wrapper { margin: 25px 0 20px; }

#sitemap-wrapper .menu-section-submenu {
  list-style: none;
  padding-left: 5%;
}

#sitemap-wrapper li { margin-bottom: 10px; }

#sitemap-wrapper .menu-section-submenu a {
  color: #555B60;
  font-size: 14px;
}

#sitemap-wrapper .menu-section-submenu a:hover { color: #83B3DD; }

/*
 * Acuminder
 */
.column-content-wrapper {
  margin-bottom: 20px;
  margin-top: 20px;
}

.button-user {
  display: inline-block;
  line-height: 23px;
}
.login-button { margin: 10px 0; }

.button-user .sprite {
  background-position: -13px -3657px;
  display: block;
  float: left;
  height: 25px;
  margin-right: 10px;
  width: 16px;
}

.acuminder-step.step-2 { display: none; }

.content-page-disclaimer {
  clear: both;
  padding-top: 20px;
}
.content-page-disclaimer p {
  color: #808488;
  font-style: italic;
  font-size: 12px;
}

.page-form .btn-blue.submit-btn .sprite {
  background-position: -5px -2432px;
  display: inline-block;
  height: 13px;
  margin-left: 10px;
  width: 20px;
  line-height: 0;
  float: none;
  position: relative;
  bottom: -1px;
}

.page-form .btn-blue.submit-btn.back .sprite {
  background-position: -16px -2515px;
  margin-left: 0;
  margin-right: 10px;
}

.page-form .form-btns-action {
  margin-top: 30px;
  overflow: hidden;
}

#acuminder-register-form .step-2 .form-wrapper-title {
  clear: both;
  overflow: hidden;
}

form .form-item-lens-replacement-frequency-custom .field-suffix,
form .form-item-lens-replacement-frequency-custom .selector { float: left; }

form .form-item-lens-replacement-frequency-custom .selector {
  margin-right: 3%;
  width: 30% !important;
}

form .form-item-lens-replacement-frequency-custom .field-suffix {
  color: #00529B;
  display: block;
  font-size: 14px;
  padding: 10px 0 0;
}

#messages-step1 div.messages { margin-top: 0; }

/* Acuminder - Logged User */
.logged-in .login-button { display: none; }

.logged-in .acuminder-step.step-2 {
  display: block;
}

.logged-in .acuminder-step.step-1 {
  display: none;
}

.logged-in .acuminder-step .form-btns-action .cancel {
  color: #00529B;
  font: normal 13px/normal arial;
  float: right;
  margin: 8px 10%;
  border: 0;
}

/* Dashboard - Tout */
#my-acuvue-dashboard a { border: none; }
.my-acuvue-dashboard-tout {
  margin-top: 20px;
  position: relative;
}

.my-acuvue-dashboard-tout .tout-image { min-height: 160px;}

.my-acuvue-dashboard-tout img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.my-acuvue-dashboard-tout .teaser-text {
  background-color: rgba(0, 0, 0, 0);
  bottom: 0;
  color: #FFF;
  height: 56%;
  position: absolute;
  width: 100%;
}

.my-acuvue-dashboard-tout .background-opacity {
  background-color: #005399;
  bottom: 0;
  left: 0;
  opacity: 0.75;
  position: absolute;
  right: 0;
  top: 0;
}

.my-acuvue-dashboard-tout .banner-wrapper-content {
  bottom: 15px;
  left: 3%;
  overflow: hidden;
  position: absolute;
  right: 3%;
  top: 15%;
}

.my-acuvue-dashboard-tout #tout-title {
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-transform: none;
}

/* Change Country */
#country-page ul { list-style: none; }

.region_item { margin-bottom: 30px; }

#ecp-search-content a { border: none; }

/* MF 30 */
.not-logged-mf30 .form-item-mf30-category .label-wrapper  label {
  color: #085498;
  font-family: 'Gotham SSm 3r','Gotham SSm A','Gotham SSm B',verdana,Arial;
  font-size: 18px;
  font-weight: bold;
  line-height: normal;
  margin: 0 0 10px;
  text-transform: uppercase;
}

/* Campaign ECP Locator Field */
#acuvue-campaign-form .captcha {
  margin-top: 16px;
  overflow: hidden;
  clear: both;
}


#acuvue-campaign-form #favorited-ecps,
#my-acuvue-register-form #favorited-ecps {
  background-color: #F3F8FA;
  border: 1px solid #8DBAE8;
  margin: 5px 0;
  padding: 10px 3%;
  position: relative;
}

#acuvue-campaign-form #favorited-ecps .ecp-item,
#my-acuvue-register-form #favorited-ecps .ecp-item {
  border: none;
}

#acuvue-campaign-form .ecp-info,
#my-acuvue-register-form .ecp-info {
  margin: 0;
  width: 80%;
}

#acuvue-campaign-form .ecp-favorite,
#my-acuvue-register-form .ecp-favorite {
  border: none;
  margin: -17px auto auto;
  position: absolute;
  right: 3%;
  top: 50%;
  width: 35px;
}

/*
 * Image Checkbox
 */

.image-checkbox .sprite { opacity: 0; filter:alpha(opacity=0); }

.image-checkbox .form-item {
  float: left;
  margin: 0;
  width: 50%;
  clear: none;
  text-align: center;
  cursor: pointer;
  opacity: 0.75;
  filter:alpha(opacity=50); /* For IE8 and earlier */
  position: relative;
  z-index: 10;
}
.image-checkbox .form-item.checked {
  opacity: 1;
  filter: none; /* For IE8 and earlier */
}
.form-type-checkboxes {
  position: relative;
}
.form-type-checkboxes .image-checkbox .checker {
  position: absolute;
}
.form-checkboxes.image-checkbox {
  margin-bottom: 20px;
  overflow: hidden;
}
.form-type-checkboxes img.image-checkbox {
  border: 4px solid transparent;
  padding: 0;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  cursor: pointer;
}
.form-type-checkboxes img.image-checkbox.checked { border: 4px solid #E2E2E4; }

.checkbox-image-label {
  color: #3B3D4C;
  display: block;
  font-weight: bold;
  line-height: 16px;
  margin: 5px auto 0;
  text-align: center;
  text-transform: uppercase;
  width: 80%;
  font-family: 'Gotham SSm 4r','Gotham SSm A','Gotham SSm B',verdana,Arial;
}

/* Fix IE11 click image issue */
.ie-fix-background-image-checkboxes {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

/* New Styles */
.cke_show_borders .border div:first-child,
.cke_show_borders .border .border,
.node .node-content .field-item .border div:first-child,
.node .node-content .field-item .border .border {
  margin: 0;
}
.node .node-content .field-item .border .border {
  display: table-cell;
  vertical-align: middle;
  width: 600px;
}
.cke_show_borders .link-define .sprite,
.sprite.define,
.link-with-border .sprite,
.link-define .sprite {
  background-image: url('images/define-sprite.png');
}
.cke_show_borders .wrap .sprite {
  top: 0;
  margin-top: 4px;
}
.cke_show_borders .blue-border,
.node .node-content .field-item .blue-border {
  display: inline-block;
  width: 45%;
  margin-right: 1%;
  margin-left: 1%;
  margin-bottom: 2.5%;
}
.node .node-content .field-item .blue-border {
  float: left;
  display: block;
}
.link-define {
  color: #2b2d84;
  font-size: 22px;
  border: none !important;
  display: table;
  margin: 0 auto;
  line-height: normal;
  font-family: 'Gotham SSm 3r','Gotham SSm A','Gotham SSm B', verdana, Arial;
  font-weight: bold;
}
.link-with-border .sprite,
.link-define .sprite {
  background-position: -15px -750px;
  bottom: 0;
  display: inline-block;
  height: 20px;
  margin-right: 4px;
  position: relative;
  right: -7px;
  top: 5px;
  width: 15px;
}
.link-with-border .sprite,
.lens-compare-link .link-with-border .sprite {
  background-position: -11px -918px;
  top: -2px;
}
.link-define:hover .sprite { background-position: -15px -791px; }

.link-with-border,
.content-bar .link-with-border,
.content-bar a.link-with-border {
  border-bottom: 1px solid #c4c4c9 !important;
  border-top: 1px solid #c4c4c9 !important;
  padding: 10px 0;
  color: #2b2d84;
  font-size: 14px;
  display: table;
  margin: 0 auto;
  line-height: normal;
  font-family: 'Gotham SSm 3r','Gotham SSm A','Gotham SSm B', verdana, Arial;
  font-weight: bold;
  width: 100%;
}
.link-with-border:hover {
  color: #00529B !important;
}

.android .link-define .sprite {
  top: 0;
  margin-top: 0;
}

.link-define .wrap {
  display: table-cell;
  vertical-align: middle;
}
/* Define Big Button on CKEDITOR */
.btn-blue.btn-define {
  border: none !important;
  background: #5692ce; /* Old browsers */
  background: -moz-linear-gradient(top, #5692ce 0%, #518bca 11%, #4b7bbd 29%, #415fa8 52%, #3c58a2 56%, #3c53a1 61%, #333f91 77%, #2e3387 92%, #2a2e85 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5692ce), color-stop(11%,#518bca), color-stop(29%,#4b7bbd), color-stop(52%,#415fa8), color-stop(56%,#3c58a2), color-stop(61%,#3c53a1), color-stop(77%,#333f91), color-stop(92%,#2e3387), color-stop(100%,#2a2e85)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5692ce 0%,#518bca 11%,#4b7bbd 29%,#415fa8 52%,#3c58a2 56%,#3c53a1 61%,#333f91 77%,#2e3387 92%,#2a2e85 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5692ce 0%,#518bca 11%,#4b7bbd 29%,#415fa8 52%,#3c58a2 56%,#3c53a1 61%,#333f91 77%,#2e3387 92%,#2a2e85 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5692ce 0%,#518bca 11%,#4b7bbd 29%,#415fa8 52%,#3c58a2 56%,#3c53a1 61%,#333f91 77%,#2e3387 92%,#2a2e85 100%); /* IE10+ */
  background: linear-gradient(to bottom, #5692ce 0%,#518bca 11%,#4b7bbd 29%,#415fa8 52%,#3c58a2 56%,#3c53a1 61%,#333f91 77%,#2e3387 92%,#2a2e85 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5692ce', endColorstr='#2a2e85',GradientType=0 ); /* IE6-8 */
  text-transform: uppercase;
}
.blue-border table td {
  border-left: 1px solid #c6d1e6 !important;
}
.blue-border table td:first-child {
  border-left: none !important;
}
.blue-border a {
  border: none !important;
}

/* h4 */
.blue-border h4 small {
  color: #4266ad;
}
.blue-border h4 {
  margin-bottom: 0;
}

.certification-image-wrapper.no-ecp-information {
  text-align: center;
}

.light-blue-box {
  overflow: hidden;
}

.rainbow {
  background: transparent;
  display: block;
  position: relative;
  height: 1px;
  overflow: hidden;
  z-index: 4;
}

.rainbow span {
  position: absolute;
  top: 0;
  left: -1px;
  display: block;
  xwhite-space: nowrap;
}

a .rainbow span { /* para dentro de elementos flutuantes */
  white-space: nowrap;
}

.rainbows-highlight {
  color: #ffffff !important;
  opacity: 0.5;
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  z-index: 3;
}

.rainbows-shadow {
  color: #ffffff !important;
  display:block;
  position: absolute;
  top: 1px;
  left: -1px; /* pode ser um ou dois, dependo dos graus de luz gloal, 90 ou 135 */
  z-index: 3;
  opacity: 0.9;
}

.back .text .rainbows-shadow {
  color: #ffffff !important;
  opacity: 0.5;
}
.rainbows-shadow {
  color: #ffffff !important;
  opacity: 0.9;
}

.page-node .gradient-text {
  background-image: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
}

/* VIS-2945 Country and city drop down in ECP */
#ecp-locator-search-form .form-item-dropdown-city {
  display: none;
}

#ecp-locator-search-form  .form-item-search-location {
  clear: both;
}

/* VIS-3106 Contact us form */
.node-type-webform .node-content {
  clear: both;
  overflow: hidden;
}

.webform-client-form .form-required {
  color: #00529B;
}

.node-type-webform #messages {
  display: none;
}

.node-type-webform .webform-client-form #messages {
  display: block;
}

/* VIS-3223 Model gallery share button */
.node-type-model-gallery #main-content-header .fb-share-button,
.node-type-model-gallery #main-content-header #vk_share_button {
  position: absolute;
  right: 10px;
  top: 6px;
  z-index: 50;
}

.node-type-model-gallery #main-content-header #vk_share_button td {
  padding: 0;
}

/* VIS-3415 New define thank you page */
.node-type-page.define .full-content p,
.node-type-page.define .full-content li {
  line-height: 1.4em;
}

.node-type-page.define .full-content strong {
  color: #005197;
}

.full-content .node-content .field-item .define-thank-you-title {
  font-weight: bold;
  color: #005197;
}

.full-content .node-content .field-item .define-thank-you-left {
  margin: 20px 0 30px 0;
}

.full-content .node-content .field-item .define-thank-you-right {
  background: #0791D2;
  padding: 12px;
  color: #FFF;
  border-radius: 8px;
  margin: 50px 0 30px 0;
}

.full-content .node-content .field-item .define-thank-you-right strong {
  color: #FFF;
}

.full-content .node-content .field-item .define-thank-you-steps {
  clear: both;
  overflow: hidden;
  background: #D2E6ED;
  border-radius: 8px;
  padding: 12px 12px 0 12px;
}

/* Define 5-day challenge promotion */
.page-tabs.pink ul.primary{
  border-bottom-color: #E83C76;
}
.page-tabs.pink ul.primary li a:hover,
.page-tabs.pink ul.primary li a:focus {
  background-color: #E83C76;
  border-color: #fff;
}
.page-tabs.pink ul.primary li.active a,
.page-tabs.pink ul.primary li.active a:hover,
.page-tabs.pink ul.primary li.active a:focus{
  background-color: #E83C76;
  border-color: #E83C76;
}
.pink-color{
  color: #e83c76;
}
.page-header.has-teaser.has-image.hidden-page-title .teaser-text{
  display: none;
}

.no-text .header-image img,
.challenge-header .header-image img {
  display: block;
}

.challenge-section{
  margin-bottom: 25px;
  background-color: #f6f6f6;
  font-family: 'Gotham SSm 4r','Gotham SSm A','Gotham SSm B',verdana,Arial;
}
.challenge-section.no-background{
  background-color: transparent;
}
.back-end-message .messages{
  margin: 2% 2.5% 0;
}
.challenge-section h3,
.adg-layout .challenge-section h3 {
  position: relative;
  width: 95%;
  padding: 5px 2.5%;
  background-color: #E83C76;
  color: #fff;
  margin: 0;
  font-weight: bold;
}
.challenge-section-content{
  background-color: #F6F6F6;
  margin-bottom: 5px;
  padding: 2% 3%;
}
.challenge-section .column2:after,
.challenge-section-content:after{
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
}
.challenge-section .column2{
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0!important;
 }
.challenge-section .column2 .text{
  float: left;
  width: 48%;
}
.challenge-section .column2 .image,
.challenge-section .column2 .buttons{
  float: right;
  width: 48%;
}
.profile-view .column2 .text,
.profile-view .column2 .image{
  width: 43%;
  background-color: #fff;
  padding: 2% 2.5%;
}
.challenge-section .text,
.challenge-section .image,
.challenge-section .buttons{
  margin-top: 15px;
}
.challenge-section .btn-blue,
.challenge-section .related-and,
.form-item-files-upload-photo-file,
.form-item-files-take-photo-mobile {
  display: inline-block;
  margin: 10px 10px 10px 0;
  text-align: center;
}
.challenge-section a.btn-blue.control-cancel{
  background-color: #BFC1C2;
  border:1px solid #BFC1C2;
  color: #222;
}
.login-register-control .btn-blue,
.login-register-control .related-and{
  margin-right: 0;
}
/* change to win one year's supply */
.challenge-section-content .how-to-enter{
  min-width: 165px;
  padding:15px 30px;
  border:1px solid #E83C76;
}
.challenge-section ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.how-to-enter li{
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
 }
.how-to-enter .number{
  position: absolute;
  left: 2px;
  font-weight: bold;
 }
.challenge-section .required-fields{
  color: red;
}

/* 5 day challenge form */
.challenge-form-column{
  width: 50%;
  padding-right: 2.5%;
  float: left;
}
.challenge-form-column.form-right {
  padding-right: 0;
  padding-left: 2.5%;
  border-left: 1px solid #ccc;
  float: right;
}
.login-form{
  position: relative;
}
.login-form .challenge-form-column.form-right{
  border-left: 0;
  margin-top: 110px;
}
.challenge-section .login-form .btn-blue{
  float: none;
  position: static !important;
}
.challenge-section .mandatory{
  float: right;
  margin: 0;
  clear: both;
}
.challenge-section .control-cancel{
  float: right;
}
.login-form,
.register-form{
  display: none;
}
/* forgot form */
.challenge-login-forgot-tooltip{
  font-size: 11px;
}
.challenge-form-forgot-password-fields{
  display: none;
}

/* register form */
.comment-tip{
  color: #555b60;
  margin: 4px 0!important;
}
.upload-photo.error{
  background: none;
  border:1px solid red;
  color: #555b60;
}
.upload-photo.error label{
  color: #c00;
}

/* logined not joined form */
.name-length-limited{
  display: inline-block;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow: hidden;
  vertical-align: middle;
  word-wrap: normal;
}
.challenge-section.profile-view{
  padding: 0;
  margin: 0 0 25px;
}
.profile-view{
  padding: 10px 15px;
  margin: 1em 0;
  background-color: #fff;
}
.profile-view dd{
  margin-left: 0;
}
.profile-view p{
  font-size: 14px;
  padding: 4px 0;
  margin: 2px 0 5px;
}
.profile-title p{
  padding-bottom: 10px;
  font-size: 15px;
  border-bottom: 1px solid #8B8E90;
}
.profile-view .profile-value{
  margin: 0;
}
.challenge-section.profile-view .profile-title{
  position: relative;
}
.challenge-section.profile-view .profile-title:after{
  content: "";
  clear: both;
  display: block;
  overflow: hidden;
}
.profile-view .log-out{
  position: absolute;
  right: 0;
  top: 0;
  font-size: 15px;
}

/* gallery */
.challenge-section-content > h4{
  padding-bottom: 2.5%;
  margin: 0;
}
.gallery-inner ul{
  font-size: 0;
  padding-bottom: 2.5%;
  border-top: 1px solid #939393;
  border-bottom: 1px solid #939393;
}
.gallery-inner li{
  position: relative;
  display: inline-block;
  margin: 25px 2% 0 0;
  list-style-type: none;
  font-size: 10pt;
  vertical-align: top;
}
.gallery-inner li > img{
  width: 200px;
  height: 50px;
}
.gallery-teaser span{
  display: inline-block;
  margin-right: 10px;
}
.gallery-teaser span.gallery-name{
  text-transform: uppercase;
}
.gallery-teaser span.gallery-comment-control{
  cursor: pointer;
  color: #00338d;
  text-decoration: underline;
}
li.active .gallery-teaser span.gallery-comment-control{
  color: #555b60;
  text-decoration: none;
  cursor: text;
}
.gallery-comment-detial{
  position: relative;
  border-top:2px solid #E83C76;
  border-bottom:2px solid #E83C76;
  margin-top: 35px;
  min-height: 30px;
  display: none;
  background-color: #fff;
}
.gallery-comment-detial .top-arrow{
  position: absolute;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 19px solid #E83C76;
  top:-19px;
}
.gallery-comment-detial .close{
  display: block;
  text-align: right;
  color: #00338d;
  text-decoration: underline;
  cursor: pointer;
}
.gallery-comment-detial .comment-text h4{
  color: #00338d;
  font-weight: bold;
}
.gallery-comment-detial .comment-text .comment-content{
  color: #00a1de;
  font-style: italic;
}
.gallery-bottom{
  font-size: 10pt;
  padding: 1.5% 0 0 0;
}
.gallery-bottom .ajax-progress{
  display: none!important;
}
.gallery-inner .view-filters,
.gallery-inner .selector,
.gallery-inner .form-submit{
  position: absolute;
  display: none;
}
.gallery-bottom:after{
  content: "";
  display: block;
  clear: both;
}
.gallery-bottom .number-per-page{
  float: left;
}
.gallery-bottom .page-nav{
  float: right;
}
.gallery-bottom a[href]{
  padding: 0;
  cursor: pointer;
  color: #00338d;
  text-decoration: underline;
  border:0;
}
.gallery-bottom a.active{
  color: #555b60;
  text-decoration: none;
  cursor: text;
}
.gallery-bottom ul{
  border:0;
}
.gallery-bottom .pager li,
.gallery-bottom li{
  display: inline;
  padding: 0 5px;
  margin: 0;
}
.jcrop-keymgr {
  display: none !important;
}
a.btn:link,
a.btn:visited {
  color: #FFF;
}
a.btn.disabled,
a.btn.disabled:hover,
button.btn.disabled,
button.btn.disabled:hover {
  background: #CCC;
  cursor: default;
}
#my-camera,
#my-snapshot,
#my-photo,
.jcrop-holder {
  overflow: hidden;
}
#my-camera video {
  max-width: none;
}
#take-snapshot,
#crop-photo,
#edit-upload-photo-file-upload-button,
.ie-fake-iframe,
#camera-popup .messages,
#my-photo {
  display: none;
}
#camera-popup .modal-dialog {
  clear: both;
}
#camera-popup .modal-body {
  overflow-x: hidden;
  padding: 2% 0 0;
}
#camera-popup .btn {
  margin-left: 0;
  margin-right: 6px;
  margin-right: 10px;
  float: left;
}
#camera-popup .ajax-progress {
  position: relative;
  right: auto;
  top: 4px;
  display: none;
  margin-right: 10px;
}
#camera-popup .ajax-progress .throbber {
  margin: 5px 10px 0 0;
  background: url("../images/plugins/ajax-loader-blue.gif") no-repeat;
}
.rotate-icon.sprite {
  position: absolute;
  right: 14px;
  bottom: 8px;
  width: 36px;
  height: 36px;
  background-position: 0 -3879px;
  z-index: 500;
  cursor: pointer;
  display: none;
}
.ie-fake-preview-sizing {
  position: absolute;
  z-index: -1;
  visibility: hidden;
}
.ie-loading {
  background: url("images/loading.gif") no-repeat;
  width: 80px;
  height: 80px;
  margin: 0px auto;
  display: none;
}

/* terms */
.terms-and-conditions li{
  margin: 1em 0;
}
.terms-and-conditions .sub-terms-lists{
  list-style-type: lower-alpha;
  margin-top: 0;
}
.sub-terms-lists li{
  margin: 2px 0;
}
.short-terms-content{
  padding-left: 40px;
}
.form-item-files-upload-photo-file,
.form-item-files-take-photo-mobile {
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 20px;
}
#uniform-edit-upload-photo-file,
#uniform-edit-take-photo-mobile,
.form-type-image-upload .uploader {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 0;
  right: 0;
  z-index: 10;
}
#uniform-edit-upload-photo-file input.form-file,
#uniform-edit-take-photo-mobile input.form-file,
.form-type-image-upload .uploader .form-file {
  cursor: pointer;
}
/* feedback 2 */
.challenge-section.challenge-introduction p{
  line-height: 20px;
}
.challenge-section .before-form-content{
  margin-bottom: 15px;
}

/* VIST-42 Aquarius campaign send to friend */
.send-friend,
.basic-message-block {
  margin-top: 40px;
  background: #E0ECFC;
  border-radius: 6px;
  padding: 18px 22px;
  font-size: 13px;
  box-sizing: border-box;
  overflow: hidden;
}

.send-friend .field-error .option {
  color: #c00;
}

#acuvue-campaign-send-to-friend-form .submit-btn {
  float: none;
  margin-top: 10px;
  padding-right: 14px;
}
.btn-arrow {
  float: left;
  position: relative;
}
.btn-arrow .sprite {
  position: absolute;
  background-position: -17px -138px;
  width: 7px;
  height: 11px;
  bottom: 5px;
  right: 13px;
}

/* VIST-89 Add I agree button in cookie banner */
#announcement .btn-white {
  color: #00A1E0;
  font-weight: bold;
}
#announcement .btn-white:hover {
  color: #FFF;
}
#announcement #agree-btn {
  position: absolute;
  right: 12px;
  bottom: 12px;
}

/* VIST-227 Show premium ECP as red pin */
.premium-ecp-caption.red-pin {
  color: #FF5656;
}
.premium-ecp-caption.red-pin .sprite {
  background-position: -15px -3944px;
}

/* VIST-252 Swich H1 and H2 */
h1.switch-from-h2 {
  font-family: "Gotham SSm 3r","Gotham SSm A","Gotham SSm B",verdana,Arial;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  color: #085498;
  text-transform: uppercase;
}

/* VIST-353 Disable for campaign submit button */
#acuvue-campaign-form .submit-btn.disable,
.define #acuvue-campaign-form .submit-btn.disable {
  background: #CCC;
  cursor: default;
  border: 1px solid #CCC;
}

/* VIST-359 PL define pink layout */
.anchor-point {
  position: absolute;
  left: 0;
  top: 0;
}
.pink-layout .content-bar a[href] {
  border-bottom: 0;
  text-decoration: underline;
}
.pink-layout .page-header.has-teaser .title-text {
  background: #EF477D;
}
.content-top-txt {
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.content-top-txt .content-top-right {
  text-align: center;
  margin-top: 20px;
}
.pink-layout h2 {
  color: #EF477D;
  font-weight: normal;
  margin-bottom: 20px;
}
.pink-layout div.messages {
  margin-bottom: 30px;
}

.content-bar a.btn-pink {
  border: 0;
  color: #fff;
}

.content-bar a.btn-pink:hover,
.content-bar a.btn-pink:focus {
  color: #fff;
}

.pink-layout .content-column-1 h2.page-title {
  text-align: center;
  color: #555B60;
}
.pink-layout #content p,
.pink-layout label {
  color: #555B60;
  font-family: "Gotham SSm 3r","Gotham SSm A","Gotham SSm B",verdana,Arial;
}
.pink-layout form .description {
  font-family: "Gotham SSm 3r","Gotham SSm A","Gotham SSm B",verdana,Arial;
}
.pink-layout form .description .maxlength-description {
  float: right;
  clear: both;
  overflow: hidden;
}
.pink-layout .form-text,
.pink-layout textarea,
.pink-layout .selector,
.pink-layout div.checker span {
  border: 1px solid #E4E3E3;
}
.pink-layout form .captcha .form-item {
  border: 1px solid #E4E3E3;
  background: #F6F6F6;
}
.pink-layout input.form-submit {
  float: none;
  display: block;
  margin: 40px auto 0;
}

/* VIST-413 Opt-out popup and page */
#opt-out-popup-message .modal-body {
  padding-top: 2%;
}
#opt-out-popup-message .continue {
  margin-right: 10px;
}
#acuvue-campaign-unsubscribe-from-promotions-form.new-unsubscribe {
  padding-left: 0;
  background: #FFF;
}
.new-unsubscribe a.btn-blue {
  display: block;
  border: 1px solid #0096DB;
  text-align: center;
}

/* VIST-407 ECP button */
.ecp-button {
  margin: 10px 0;
}
.ecp-button a.btn-blue {
  border-bottom: 0;
  line-height: 30px;
  display: inline-block;
}
.ecp-button a.btn-blue .sprite {
  display: block;
  float: left;
  width: 28px;
  height: 30px;
  margin-right: 10px;
  background-position: -11px -4074px;
}

/* VIST-406 Popup modal for ECP field in mobile */
.ecp-locator-modal .modal-dialog {
  top: 10px;
  bottom: 10px;
  max-width: 766px;
}
.ecp-locator-modal .modal-content {
  height: 100%;
}
.ecp-locator-modal .modal-header .close {
  width: 30px;
  height: 30px;
  top: 0;
  right: 0;
}
.ecp-locator-modal .modal-body {
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: 1px;
  margin: 0;
  padding: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.ecp-locator-iframe {
  border: 0;
  height: 100%;
}

/* VIST-642 Add define logo in ECP */
.has-special-logo .ecp-logo {
  margin-left: 0;
}
#dashboard-favorited-ecps .ecp-logo-special {
  cursor: pointer;
}
.ecp-footer {
  display: none;
  padding-top: 10px;
  margin-top: 30px;
  border-top: 1px solid #D2E5F5;
}

/* VIST-781 Add video in homepage */
.homepage-video {
  padding: 20px 3% 0 3%;
}

/* VIST-827 Fix the toolbar layout issue in contact form */
#content .page-content,
.after-content {
  clear: both;
  overflow: hidden;
}

/* VIST-800 ADG */
.cut-wrapper {
  border: 1px dashed #BDBBBA;
  position: relative;
  box-sizing: border-box;
}
.cut-wrapper .cut-up,
.cut-wrapper .cut-down {
  position: absolute;
  width: 14px;
  height: 22px;
}
.cut-wrapper .cut-up {
  top: 20px;
  left: 0px;
  background-position: left -345px;
}
.cut-wrapper .cut-down {
  bottom: 20px;
  right: 0px;
  background-position: right -396px;
}
.cut-wrapper .cut-img {
  display: none;
}
.cut-wrapper .cut-title {
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
}
.cut-wrapper .cut-title strong {
  background: #FFF;
  font-size: 10px;
}
.cut-wrapper .cut-title-top {
  top: -10px;
}
.cut-wrapper .cut-title-bottom {
  bottom: -10px;
}
.cut-wrapper .cut-h2 {
  text-transform: none;
}
.cut-wrapper .cut-h2-wrapper {
  text-align: center;
}
.ecp-map-thank {
  background: #92C1E9;
  position: relative;
}
.ecp-map-thank .ecp-info-thank {
  padding: 4%;
}
.ecp-map-thank .ecp-img-link {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.ecp-map-thank .ecp-img-link a {
  color: #FFF;
  text-decoration: underline;
  font-weight: bold;
  padding: 10px;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  display: block;
}
.content-page-bottom {
  margin-bottom: 60px;
  padding: 0 3%;
}
.page-form .three-columns-layout .content-column-1 {
  float: left;
  width: 24%;
  background: #F6F6F6;
  margin-left: -3%;
  padding: 8px 3%;
}
.page-form .three-columns-layout .content-column-2 {
  width: 100%;
  padding-right: 0;
  padding-bottom: 0;
  background: #FFF;
}
.page-form .three-columns-h3 {
  font-size: 14px;
  font-weight: bold !important;
  margin-bottom: 16px;
}

.page-form .three-columns-layout .campaign-right-toolbar {
  float: left;
  width: 24%;
  padding: 8px 3%;
  margin-right: -3%;
  background: #f6f6f6;
}

/* VIST-2183 */
.cro-campaign-markup {
  padding-bottom: 16px;
  overflow: hidden;
}
.cro-campaign-markup > h3,
.cro-campaign-markup > p,
.cro-campaign-markup > div {
  float: left;
  margin: 0 !important;
}
.cro-campaign-markup .required-fields {
  font-size: 14px;
  font-weight: normal;
}
.cro-rtecenter i {
  float: left;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  font-style: normal;
  background: #8DBAE8;
  border-radius: 50%;
}
.cro-rtecenter span {
  display: block;
  margin-left: 25px;
}
.page-form .sub-title {
  color: #979797;
}


.page-form .three-columns-layout .submit-btn {
  margin-top: 18px;
}
.three-columns-layout .content-page-disclaimer {
  padding-top: 0;
}
.three-columns-layout .content-page-disclaimer p {
  font-style: normal;
  margin-bottom: 10px;
  line-height: 1em;
}


#acuvue_field_ecp_title {
  border-radius: 0;
  padding: 10px 38px 10px 14px;
  display: block;
  font-size: 14px;
}
#acuvue_field_ecp_title:hover {
  background-color: #1A4487;
}
.content-bar a.btn-blue[href] {
  border: 1px solid #1c3e7c;
}
.node-type-webform .webform-survey .node-content .field-name-body {
  padding: 0;
}
.webform-survey .webform-client-form label {
  font-weight: bold !important;
}
.webform-survey .webform-client-form .form-submit {
  float: none;
}
.adg-layout #header {
  background: url(images/bg-header.png) 0 bottom repeat-x #FFF;
}
.adg-layout #footer {
  background: url(images/bg-footer.png) 0 top repeat-x #FFF;
}
.adg-layout a,
.adg-layout #main-menu ul li a,
.adg-layout #main-menu ul li span.mega-menu-primary-item,
.adg-layout .touts h3,
.adg-layout.front .touts h2,
.adg-layout.front .touts h1.first-tout,
.adg-layout ul.menu li a {
  color: #1C3D7C;
}
.adg-layout ul.menu li a:hover,
.adg-layout ul.menu li a:focus {
  color: #83B3DD;
}
.adg-layout .region-footer p,
.adg-layout .footer-last-update {
  color: #6CACE4;
}
.adg-layout h2,
.adg-layout h3,
.adg-layout label,
.adg-layout .form-item .required-fields,
.adg-layout .form-required {
  color: #1A4487;
}
.adg-layout .switch-from-h1,
.adg-layout .form-item #acuvue_field_ecp_title .required-fields {
  color: #FFF;
}
.adg-layout .send-friend {
  background: #EAE9E9;
}
.adg-layout .send-friend .form-text,
.adg-layout .send-friend .checker .sprite {
  border: 1px solid #EAE9E9;
}
.adg-layout .send-friend .captcha .form-item {
  background: #F5F5F5;
  border: 1px solid #EAE9E9;
}
.carousel-top {
  color: #FFF;
  font-family: "Gotham SSm 3r","Gotham SSm A","Gotham SSm B",verdana,Arial;
  margin-bottom: 10px;
}
.carousel-top p {
  font-size: 12px;
  margin-bottom: 10px;
}
.carousel-top h2 {
  color: #FFF;
}
.carousel-bottom {
  clear: both;
  overflow: hidden;
  color: #FFF;
}
.variation-layout-carousel .btn-white:hover {
  background: #1A4487;
}
#footer .region-footer-top {
  border-bottom: 1px solid #D3E6F7;
}
#footer .footer-top-title {
  color: #1A4487;
  text-transform: none;
  font-family: "Gotham SSm 3r","Gotham SSm A","Gotham SSm B",verdana,Arial;
  font-size: 18px;
  line-height: 1.2em;
}
#footer .footer-top-title span {
  color: #01A1DD;
}

.farnhamdisplaymediumitalic {
  font-family: "Farnham Display Medium";
  font-style: italic;
  font-weight: normal;
  font-size: 23px;
  margin-right: 2px;
  margin-right: 5px\9;
}

:root .farnhamdisplaymediumitalic {
  margin-right: 2px;
}

.gotham-font {
  font-family: "Gotham SSm 3r","Gotham SSm A","Gotham SSm B",verdana,Arial;
}
.footer-top .footer-title-wrapper {
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
}
.footer-top .footer-title-right a {
  float: right;
}

.adg-layout .footer-top .footer-title-right a {
  background-color: #1a4487;
}

.adg-layout .footer-top .footer-title-right a:hover,
.adg-layout .footer-top .footer-title-right a:focus {
  background-color: #00529B;
}

.footer-top a.btn-white {
  background-color: #FFF;
  color: #02519c;
}
.footer-top .product-img {
  text-align: center;
}
.adg-page-header .page-tabs ul.primary li a:hover,
.adg-page-header .page-tabs ul.primary li a:focus {
  background-color: #92C1E9;
}
.adg-page-header .page-tabs ul.primary li.first a:hover,
.adg-page-header .page-tabs ul.primary li.first a:focus {
  border-left-color: #92C1E9;
}
.adg-page-header .page-tabs ul.primary li.last a:hover,
.adg-page-header .page-tabs ul.primary li.last a:focus {
  border-right-color: #92C1E9;
}
.adg-page-header .page-tabs ul.primary li.active a,
.adg-page-header .page-tabs ul.primary li.active a:hover,
.adg-page-header .page-tabs ul.primary li.active a:focus {
  background-color: #92C1E9;
  border-color: #92C1E9;
}
form .math-captcha .form-item {
  padding: 8px;
}
.three-columns-layout .form-textarea {
  height: 70px;
}
.form-type-image-upload {
  clear: both;
  overflow: hidden;
}
.form-type-image-upload .form-type-file {
  position: relative;
  overflow: hidden;
  float: right;
  margin: 4px 0 0 0;
  clear: none;
}
.form-type-image-upload .btn-blue {
  margin: 4px 0 0 10px;
  float: right;
}
.form-type-image-upload .form-type-file label {
  padding: 0;
  color: #FFF;
  font-weight: bold !important;
  font-size: 13px;
}
.form-type-image-upload .required-fields,
.adg-layout .form-type-image-upload .required-fields {
  color: #FFF;
}
.form-type-image-upload.field-error {
  border: 1px solid #C00;
  padding: 0 4px 4px 4px;
}
.adg-blogger {
  padding: 0;
  list-style: none;
}
.send-friend-sidebar .touts {
  width: 100%;
  margin: 0 0 20px 0;
}
.send-friend-sidebar .basic-message-block {
  margin-top: 0;
}
.content-bar a.img-link {
  border-bottom: 0;
}
.content-bar .send-friend-region a {
  border: 1px solid #D2E5F5;
}
.content-bar .send-friend-region a:hover {
  border: 2px solid #D2E5F5;
}

/* reviews-from-our-testimonials */
.testimonials-data{
  padding-bottom: 30px;
  border-bottom: 1px solid #9cc3e5;
  margin-bottom: 30px;
  overflow: hidden;
}
.testimonials-img{
  float: left;
  width: 23%;
  margin-right: 2%;
}
.testimonials-img img{
  max-width: 100%;
  height: auto;
  display: block;
}
.testimonials-text{
  width: 75%;
  float: left;
  font-size: 10pt;
}
.testimonials-info{
  text-transform: uppercase;
  color: #92c1e9;
}

/* survey layout */
#jnj-acuvue-survey-form .survey-description{
  display: none;
  /*margin: 25px 0;*/
}
#jnj-acuvue-survey-form h2{
  margin-bottom: 25px;
}
.survey-steps{
  margin-top: 25px;
}
.survey-step{
  overflow: hidden;
}
#jnj-acuvue-survey-form .survey-first-step{
  display: block;
}
.survey-step .form-item{
  margin-bottom: 25px;
  margin-top: 0;
}
.survey-step label{
  font-weight: bold!important;
  font-size: 15px;
}
.survey-step.survey-second-step{
  display: none;
}
form .survey-buttons input[type=submit]{
  float: none;
  display: none;
}
#jnj-acuvue-survey-form .captcha{
  display: none;
}
.survey-buttons .btn-blue{
  display: inline-block;
  color: #fff;
  text-align: center;
}
.survey-side-content{
  margin-top: 25px;
}
.survey-side-content img{
  display: block;
  margin: 0 auto;
}
/* social media layout */
.clearfix:after{
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}
.social-media-block{
  width: 100%;
}
.social-media-block a[href],
.social-media-block a[href]{
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.topic-title{
  background-color: #00a2e1;
  padding: 15px 3%;
  color: #fff;
  font-size: 25px;
  position: relative;
}
.topic-title .left{
  float: left;
}
.topic-title .right{
  float: right;
  text-align: right;
}
.topic-title .title{
  width: 77%;
}
.topic-title .media-icons{
  width: 21%;
  font-size: 16px;
}
.media-icons > div{
  display: inline-block;
  vertical-align: bottom;
}
.media-icons ul{
  padding: 0;
  list-style: none;
  margin: 0;
}
.media-icons li{
  display: inline-block;
  vertical-align: bottom;
  list-style: none;
}
.media-icons a{
  display: inline-block;
  vertical-align: bottom;
  text-indent: -999999px;
  text-decoration: none;
  border: 0!important;
  overflow: hidden;
  text-align: left;
}
.topic-icon{
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 1;
  border-radius: 50%;
  background-color: #00a2e1;
  overflow: hidden;
  background: url(images/bg-social-media-icon-ie8.png) center no-repeat\9;
}

.topic-icon i{
  display: block;
  width: 35px;
  height: 35px;
}

/* social media topic list */
.share-topic-block{
  padding: 30px 3%;
  display: none;
}
.social-media-block .loading{
  display: none;
  text-align: center;
  padding: 1em 0;
}
.social-media-block .ajax-message{
  padding: 30px 3%;
  border: 1px solid #f0f0f0;
  border-top: 0;
  text-align: center;
  display: none;
}
.topic-list{
  position: relative;
  width: 100%;
  margin-bottom: 1em;
}
.topic-list.no-result{
  display: none;
}
.topic-item{
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.topic-item.no-result{
  display: none;
}
.topic-item-inner{
  padding: 1px;
  background-color: #fff;
}
.inner-block{
  position: relative;
}
.topic-item img.empty-img{
  display: block;
  width: 100%;
  height: auto;
  background-color: #f0f8ff;
}
.topic-item .img-block{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}
.topic-item .img-block img.auto-center{
  position: absolute;
  left: -99999px;
  top: -99999px;
  right: -99999px;
  bottom: -99999px;
  margin: auto;
  max-width: none;
  width: auto;
}
.topic-item .content-box{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 2;
  background-color: rgba(29, 62, 124, 0.76);
  background: url(images/bg-social-media-overlay-ie8.png) left top repeat\9;
  color: #fff;
  text-align: center;
  display: none;
}
.topic-item .user-name-block{
  width: 90%;
  margin: 0.5em auto 0;
  font-size: 12px;
}
.topic-item .topic-message{
  font-size: 14px;
  width: 90%;
  margin: 0 auto;
}
.topic-item-inner .inner-block > a{
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* fix bug */
.adg-page-header .page-header.has-teaser .title-text{
  background-color: #92c1e9;
}
#acuvue_field_ecp_title {
  background-color: #9CC2E4;
}
.adg-page .mylivechat_inline{
  right: 16px!important;
  bottom: 0!important;
}

/* VIST-1092-contact-us */
.contact-us-form {
  display: none;
  margin-bottom: 40px;
  box-sizing: border-box;
}

/* VIST-1380 Login with social media */
.define #main .btn-blue.facebook-login,
.facebook-login {
  background: #3B5998;
  border-color: #3B5998;
}
.define #main .btn-blue.google-login,
.google-login {
  background: #D44330;
  border-color: #D44330;
}
.define #main .btn-blue.vk-login,
.vk-login {
  background: #54769A;
  border-color: #54769A;
}
.btn-blue.sm-login {
  position: relative !important;
  line-height: 16px;
}
.sm-login .adg-sprite {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
}
.sm-login .ajax-progress {
  top: 6px;
  right: 2%;
  display: none;
}
.sm-login.no-text .ajax-progress {
  position: static;
  float: left;
  margin-right: 8px;
}
.define #main .btn-blue.sm-login.disabled,
.sm-login.disabled {
  background: #B2B2B2;
  border: 1px solid #B2B2B2;
  cursor: default;
}
.sm-login .ajax-progress .throbber {
  background-image: url(../images/plugins/gray-ajax-loader.gif);
}
.sm-login.no-text .ajax-progress .throbber {
  margin: 0;
}
.facebook-login .adg-sprite {
  background-position: -66px -670px;
}
.google-login .adg-sprite {
  background-position: -58px -852px;
}
.node-type-registration-page .form-type-acuvue-field-ecp {
  margin-top: 20px;
}
.node-type-registration-page .label-wrapper {
  padding: 4px 0;
}
.vk-login .adg-sprite {
  background-position: -58px -894px;
}
.get-info-from-socialmedia {
  clear: both;
  overflow: hidden;
}
.get-info-from-socialmedia .sm-login {
  float: left;
  padding: 8px 30px 8px 14px;
}
.get-info-from-socialmedia .sm-login .adg-sprite {
  margin-right: 10px;
}
.google-diable-btn,
.page-form .btn-blue.google-diable-btn,
.logged-in .get-info-from-socialmedia,
.logged-in .hidden-login {
  display: none;
}
.logged-in .cro-socialmedia-or {
  display: none !important;
}
.page-form .content-column-2 .get-info-from-socialmedia .sm-login.no-text {
  float: left;
  padding: 8px 0 8px 12px;
  min-width: 0;
}

/* VIST-1472 Save PDF improvement */
#main .adg-email-btns a.btn-blue[href] {
  display: inline-block;
  margin: 5px;
  text-transform: uppercase;
}
.create-pdf {
  display: none;
}

/* VIST-1582 Video carousel in homepage */
.block-content .slides,
.block-content .flex-direction-nav {
  padding: 0;
}

/* VIST-1680 Pagination */
.item-list-pager {
  text-align: center;
}
.item-list-pager .pager {
  clear: both;
  display: inline-block;
}

/* VIST-1705 iframe form ECP button in ECP list */
.ecp-iframe-form {
  margin-top: 10px;
}
.active .ecp-iframe-form .btn,
.active .ecp-iframe-form .btn:hover {
  background: #fff;
  color: #00529b;
}
.new-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.new-popup .modal-dialog {
  position: absolute;
  top: 14%;
  left: 14%;
  width: 72%;
  height: 72%;
  margin: 0;
}
.new-popup .modal-content {
  height: 100%;
  border: 0;
}
.has-iframe .modal-body {
  -webkit-overflow-scrolling: touch;
}
.ecp-order-wrapper .modal-header {
  padding: 1% 0 0 0;
}
.ecp-order-wrapper .modal-body {
  height: 92%;
  overflow: hidden;
}

/* VIST-1354 ECP search result title */
.ecp-result-title {
  margin: 30px 0 0 0;
  display: none;
}

.jnj-login-button{
    float:left;
    margin-bottom:20px;
}

/* VIST-2050 Breadcrumbs */
.breadcrumb {
  padding: 0 0.8%;
}

.breadcrumb a {
  color: #555b60;
}

.breadcrumb a:hover,
.breadcrumb a:focus {
  color: #555b60;
  text-decoration: underline;
}

.breadcrumb .divider {
  margin: 0 4px;
}

.last-breadcrumb {
  color: #83B3DD;
}

/* VIST-2133 Cashback campaign */
.page-form .region-box {
  padding: 2% 4% 0;
  border: 4px solid #f1f1f1;
  margin: 40px 0 20px;
}

.page-form .region-box .form-item {
  padding-left: 6%;
}

.field-error #acuvue_field_ecp_title {
  background-color: #c00;
}

.define #main .field-error #acuvue_field_ecp_title {
  background: #ffb0b0;
  background: linear-gradient(to bottom,  #ffb0b0 0%,#cc0000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0b0', endColorstr='#cc0000',GradientType=0 );
}

.page-form .one-column .multiple-columns {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

.page-form .one-column .empty-column,
.page-form .one-row .empty-column,
.page-form .empty-row,
.page-form .cro-socialmedia-or,
.form-item-captcha-response,
.form-type-button-checkbox .form-type-checkbox,
.form-item .hide {
  display: none;
}

.captcha .form-item-captcha-response {
  display: block;
}

.page-form .error-message {
  color: #c00;
  font-size: 12px;
  line-height: 1.4em;
  clear: both;
}

.page-form .form-type-textfield {
  position: relative;
}

.page-form .form-type-textfield .ajax-progress {
  top: 35px;
}

.page-form .form-type-textfield .throbber {
  background: url(../images/plugins/ajax-loader-blue-02.gif) no-repeat 0 0;
}

.adg-layout .field-error .required-fields {
  color: #C00;
}

.adg-layout .form-type-image-upload.field-error .required-fields {
  color: #fff;
}

.g-recaptcha.field-error iframe {
  border: 1px solid #c00;
}

.field-error .image-checkbox {
  border: 1px solid #c00;
  background: #FEF5F1;
  margin-bottom: 4px;
  padding-bottom: 10px;
}

.content-bar a.popup-img {
  border-bottom: 0;
}

.img-modal-wrapper .modal-header {
  padding: 0;
}

.img-modal-wrapper .modal-body {
  margin: -16px 0 0 0;
  padding: 16px;
  box-sizing: border-box;
  height: 100%;
}

.img-modal-wrapper .modal-body img {
  float: left;
}

.modal-loading {
  background: url("images/loading.gif") center center no-repeat;
  height: 100%;
}

/* VIST-2301 CRO 2 */
.btn-help {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-indent: -99999px;
  margin: 0 4px;
  cursor: pointer;
}

.help-text {
  display: none;
}

.tooltipster-help {
  background: #7fb2e6;
  border-radius: 0;
}

.tooltipster-help .tooltipster-content {
  color: #fff;
  font-size: 14px;
  padding: 12px 40px 12px 12px;
}

.tooltipster-help .tooltipster-content a {
  color: #fff;
  text-decoration: underline;
}

.tooltipster-close {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  font-size: 28px;
}

.form-type-idcard-passport,
.form-type-idcard-passport-read-only {
  overflow: hidden;
}
.content-bar a.popup-img {
  border-bottom: 0;
}

/* VIST-2333 CRO footer */
.footer-title-wrapper .gotham-font {
  color: #1C3D7C;
}

.cro-new-footer {
  clear: both;
  overflow: hidden;
}

.cro-new-footer .product-list {
  position: relative;
}

.prod-hover {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #92c1e9;
  color: #fff;
  padding: 10px;
  display: none;
}

.cke_editable .prod-hover {
  display: block;
  position: static;
}

.prod-hover ul {
  padding: 0;
  margin-bottom: 0;
  font-size: 13px;
  list-style: none;
}

.prod-hover li {
  margin-top: 6px;
}

.prod-hover a,
.prod-hover a:hover {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}

.prod-hover a:focus {
  color: #fff;
  text-decoration: none;
}

.prod-hover .current a,
.prod-hover .current a:hover,
.prod-hover .current a:focus {
  color: #1a4487;
}

/* VIST-2483 Invisible reCAPTCHA */
.page-form .g-recaptcha-row .empty-column {
  display: block;
}

#acuvue-campaign-form .g-recaptcha-row .empty-column .captcha {
  margin: 0;
}

.node-type-campaign .page-content-wrapper {
  overflow: visible;
}

.node-type-campaign #footer {
  z-index: 2;
}

.use-invisible-recaptcha .double_column .three-columns-layout .g-recaptcha {
  transform: none;
}

.use-invisible-recaptcha #acuvue-campaign-form .g-recaptcha-row .captcha {
  margin: 0;
}

/* iframe layout */
.iframe-page #breadcrumb,
.iframe-page #upper-tabs,
.iframe-page .ecp-favorite {
  display: none;
}

.use-invisible-recaptcha .g-recaptcha {
  visibility: hidden;
}

/* VIST-2480 New voucher */
.content-bar .new-voucher a {
  color: #83B3DD;
  border: 0;
}

.content-bar .new-voucher a:hover,
.content-bar .new-voucher a:focus {
  color: #1C3D7C;
}

.content-bar .new-voucher .btn-blue {
  color: #fff;
  display: inline-block;
}

.content-bar .new-voucher .btn-blue:hover,
.content-bar .new-voucher .btn-blue:focus {
  color: #fff;
  background-color: #0fa1e4;
  border: 1px solid #0fa1e4;
}


.full-content .new-voucher .next-steps ul {
  list-style: none;
  padding: 0;
  margin-top: 8px;
}

.next-steps li {
  background: #daeef7;
  font-weight: bold;
  color: #023f84;
  clear: both;
  overflow: hidden;
}

.node .field-item .next-steps .step-number,
.next-steps .step-number {
  font-size: 1.32em;
  width: 10%;
  text-align: center;
  padding: 10px 0;
  float: left;
  box-sizing: border-box;
  margin: 0;
}

.node .field-item .next-steps .step-text,
.next-steps .step-text {
  width: 90%;
  padding: 10px;
  float: left;
  box-sizing: border-box;
  margin: 0;
}

#main .new-voucher .adg-email-btns.rtecenter {
  text-align: center;
}

#main .content-bar .new-voucher .adg-email-btns .btn-blue,
.new-voucher .adg-email-btns .btn-blue {
  background: #1c3e7c;
  border: 0;
  font-size: 0.94em;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 5px;
  display: inline-block;
  color: #fff;
}

#main .content-bar .new-voucher .adg-email-btns .btn-blue:hover,
#main .content-bar .new-voucher .adg-email-btns .btn-blue:focus {
  background: #3762b1;
}

#main .content-bar .adg-email-btns .define-print-now,
#main .content-bar .adg-email-btns .create-pdf,
#main .content-bar .new-voucher .adg-email-btns .define-print-now,
#main .content-bar .new-voucher .adg-email-btns .create-pdf {
  display: none;
}

.desktop-device #main .content-bar .adg-email-btns .define-print-now,
.mobile-tablet-device #main .content-bar .adg-email-btns .create-pdf {
  display: inline-block;
}

.next-steps-2 {
  border-top: 1px solid #d2e5f5;
}

.small-text {
  line-height: 1.2em;
}

.steps-title {
  margin: 6px 0 20px;
  font-weight: 300;
}

.node .node-content .field-item .cut-title {
  color: #BDBBBA;
  margin: 0;
}

.node .field-item .new-voucher .cut-h2-wrapper {
  margin: 0 auto 28px;
  width: 100%;
}

.new-voucher .cut-h2 {
  font-weight: bold;
  line-height: 1.2em;
}

.new-voucher .cut-wrapper ul {
  color: #92C1E9;
  padding-left: 30px;
}

.cut-wrapper li {
  margin-bottom: 12px;
}

.cut-wrapper ul strong {
  color: #3B3D4C;
}

.node .node-content .field-item .ecp-map-thank {
  margin: 24px 0 0 0;
}

.new-voucher .ecp-info-thank p {
  color: #fff;
  font-size: 0.92em;
  margin-bottom: 6px;
}

.new-voucher .ecp-info-thank p:last-child {
  margin-bottom: 0;
}

.ecp-info-thank p strong span {
  color: #00519B;
}

.node .field-item .ecp-map-thank div {
  margin: 0;
}

.new-voucher .ecp-img-link a {
  border: 0;
  font-size: 0.92em;
  color: #fff;
}

.new-voucher .ecp-img-link a:hover,
.new-voucher .ecp-img-link a:focus {
  opacity: 0.4;
  filter: alpha(opacity=40);
  color: #fff;
}

.new-voucher .cut-wrapper {
  padding: 3.2%;
}

.header-bg-print {
  display: none;
}

.node .field-item .new-voucher.premium-voucher .cut-wrapper {
  width: 100%;
  margin: 20px 0;
}

.new-voucher .small-text a {
  color: #555b60;
  text-decoration: underline;
}

.cut-wrapper .image-and-text .text ul {
  margin-left: 0;
}

.cut-wrapper .image-and-text ul li {
  padding-bottom: 0;
}

.node .field-item .has-packshot .ecp-map-thank {
  margin-top: 10px;
}

.cut-wrapper li:last-child {
  margin-bottom: 0;
}

.blue-bigger {
  color: #1A4487;
  font-size: 1.2em;
}

.promo-box {
  background: #b5d8f1;
  border-radius: 20px;
  padding: 8.8% 4% 4%;
}

.node .node-content .field-item .promo-text {
  margin-bottom: 30px;
}

.promo-text p {
  color: #1a4487;
  font-family: "Gotham SSm 3r", "Gotham SSm A", "Gotham SSm B", verdana, Arial;
  font-style: normal;
  font-weight: 300;
}

.promo-box .small-text {
  margin-top: 20px;
}

/* VIST-2498 Registration form update */
.my-acuvue-edit-profile-form .field-error label .form-required,
#my-acuvue-register-form .field-error label .form-required {
  color: #C00;
}

.without-header .modal-header {
  padding: 0;

}

.small-popup .modal-content {
  border-radius: 6px;
}

.small-popup p {
  font-size: 0.8em;
  font-family: "Gotham SSm 3r", "Gotham SSm A", "Gotham SSm B", verdana, Arial;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2em;
}

/* VIST-2621 ADG 2017 */
.send-friend .submit-btn {
  padding: 6px 16px;
}

.send-friend-sidebar a.btn {
  background: #6cace4;
}

.campaign-markup .login-button {
  margin: 0 0 10px;
  position: relative;
}

.campaign-markup .login-button .button-user {
  clear: both;
  padding: 8px 12px 8px 40px;
}

.campaign-markup .button-user .sprite {
  position: absolute;
  margin: 0;
  left: 12px;
  top: 8px;
}

.logged-in .login-connect-text {
  display: none;
}

.sm-with-login .get-info-from-socialmedia {
  float: left;
  clear: none;
  margin-top: 4px;
}

.dont-have-code {
  clear: both;
  overflow: hidden;
}

.dont-have-code .btn-blue {
  float: right;
}

/* VIST-2564 Mega menu header image */
.mega-menu-details .column-items {
  clear: both;
  overflow: hidden;
}

.mega-menu-read-more {
  margin: 10px 0 2px;
}

.carousel-bottom .small-text {
  line-height: 1em;
}

.carousel-bottom .small-text {
  text-align: left;
  width: 100%;
}

.carousel-content .carousel-bottom a {
  position: static;
  color: #fff;
  text-decoration: underline;
}

.carousel-content .carousel-bottom a:hover,
.carousel-content .carousel-bottom a:focus {
  color: #1C3D7C;
}

.survey-buttons .btn-blue,
.survey-buttons .btn-blue.form-submit {
  font-size: 0.88em;
  padding: 12px 14%;
  text-transform: uppercase;
}

.adg-2017-carousel p,
.adg-2017-carousel .adg-carousel-title {
  margin: 0;
}

.adg-2017-carousel .adg-carousel-title sup {
  font-size: 0.4em;
  top: -1.2em;
}

.adg-layout .switch-from-h2 {
  color: #1A4487;
}

.content-bar .promo-box a.btn-blue {
  background-color: #0096db;
  border: 1px solid #0096db;
}

.form-login-fields .form-wrapper .create-acuvue-account {
  background-color: #0096db;
  border: 1px solid #0096db;
}

/* VIST-2725 ECP SP logo description from SF */
.ecp-logo-description {
  display: none;
}

/* VIST-2756 Mega menu */
.mega-menu-content {
  clear: both;
  overflow: hidden;
}

.image-menu {
  margin-bottom: 10px;
}

.period-caption {
  text-align: center;
  margin: 10px 0;
  border-top: 1px solid #3570b7;
  position: relative;
}

.period-caption .sprite {
  background-color: #013e88;
  top: -8px;
  margin: 0;
  position: absolute;
  z-index: 10;
  padding-left: 10px;
}

.period-caption-title {
  position: relative;
  top: -8px;
  color: #9fc4e6;
  font-size: 1.05em;
  background: #013e88;
  padding: 0 10px 0 28px;
}

.navigation.flexslider .flex-control-nav {
  display: none;
}

/* VIST-2888 WCAG */
.clear_ecp_description {
  font-size: 0;
}

/* VIST-2984 Double opt-in */
.block-my-acuvue-verify-resend-block {
  margin-top: 16px;
}

.block-my-acuvue-verify-resend-block .form-submit {
  float: none;
}

/* VIST-2944 AMP */
.amp-filled-form .hidden-from-amp {
  display: none;
}