/* normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

 
 
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 nav,
 section,
 summary {
   display: block; }
 
 /**
  * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
  */
 audio,
 canvas,
 video {
   display: inline-block;
   *display: inline;
   *zoom: 1; }
 
 /**
  * Prevent modern browsers from displaying `audio` without controls.
  * Remove excess height in iOS 5 devices.
  */
 audio:not([controls]) {
   display: none;
   height: 0; }
 
 /**
  * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
  * Known issue: no IE 6 support.
  */
 [hidden] {
   display: none; }
 
 /* ==========================================================================
    Base
    ========================================================================== */
 /**
  * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
  *    `em` units.
  * 2. Prevent iOS text size adjust after orientation change, without disabling
  *    user zoom.
  */
 html {
   font-size: 100%;
   /* 1 */
   -webkit-text-size-adjust: 100%;
   /* 2 */
   -ms-text-size-adjust: 100%;
   /* 2 */ }
 
 /**
  * Address `font-family` inconsistency between `textarea` and other form
  * elements.
  */
 html,
 button,
 input,
 select,
 textarea {
   font-family: sans-serif; }
 
 /**
  * Address margins handled incorrectly in IE 6/7.
  */
 body {
   margin: 0; }
 
 /* ==========================================================================
    Links
    ========================================================================== */
 /**
  * Address `outline` inconsistency between Chrome and other browsers.
  */
 a:focus {
   outline: thin dotted; }
 
 /**
  * Improve readability when focused and also mouse hovered in all browsers.
  */
 a:active,
 a:hover {
   outline: 0; }
 
 /* ==========================================================================
    Typography
    ========================================================================== */
 /**
  * Address font sizes and margins set differently in IE 6/7.
  * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
  * and Chrome.
  */
 h1 {
   font-size: 2em;
   margin: 0.67em 0; }
 
 h2 {
   font-size: 1.5em;
   margin: 0.83em 0; }
 
 h3 {
   font-size: 1.17em;
   margin: 1em 0; }
 
 h4 {
   font-size: 1em;
   margin: 1.33em 0; }
 
 h5 {
   font-size: 0.83em;
   margin: 1.67em 0; }
 
 h6 {
   font-size: 0.67em;
   margin: 2.33em 0; }
 
 /**
  * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
  */
 abbr[title] {
   border-bottom: 1px dotted; }
 
 /**
  * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
  */
 b,
 strong {
   font-weight: bold; }
 
 blockquote {
   margin: 1em 40px; }
 
 /**
  * Address styling not present in Safari 5 and Chrome.
  */
 dfn {
   font-style: italic; }
 
 /**
  * Address differences between Firefox and other browsers.
  * Known issue: no IE 6/7 normalization.
  */
 hr {
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   height: 0; }
 
 /**
  * Address styling not present in IE 6/7/8/9.
  */
 mark {
   background: #ff0;
   color: #000; }
 
 /**
  * Address margins set differently in IE 6/7.
  */
 p,
 pre {
   margin: 1em 0; }
 
 /**
  * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
  */
 code,
 kbd,
 pre,
 samp {
   font-family: monospace, serif;
   _font-family: "courier new", monospace;
   font-size: 1em; }
 
 /**
  * Improve readability of pre-formatted text in all browsers.
  */
 pre {
   white-space: pre;
   white-space: pre-wrap;
   word-wrap: break-word; }
 
 /**
  * Address CSS quotes not supported in IE 6/7.
  */
 q {
   quotes: none; }
 
 /**
  * Address `quotes` property not supported in Safari 4.
  */
 q:before,
 q:after {
   content: '';
   content: none; }
 
 /**
  * Address inconsistent and variable font size in all browsers.
  */
 small {
   font-size: 80%; }
 
 /**
  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  */
 sub,
 sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline; }
 
 sup {
   top: -0.5em; }
 
 sub {
   bottom: -0.25em; }
 
 /* ==========================================================================
    Lists
    ========================================================================== */
 /**
  * Address margins set differently in IE 6/7.
  */
 dl,
 menu,
 ol,
 ul {
   margin: 1em 0; }
 
 dd {
   margin: 0 0 0 40px; }
 
 /**
  * Address paddings set differently in IE 6/7.
  */
 menu,
 ol,
 ul {
   padding: 0 0 0 40px; }
 
 /**
  * Correct list images handled incorrectly in IE 7.
  */
 nav ul,
 nav ol {
   list-style: none;
   list-style-image: none; }
 
 /* ==========================================================================
    Embedded content
    ========================================================================== */
 /**
  * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
  * 2. Improve image quality when scaled in IE 7.
  */
 img {
   border: 0;
   /* 1 */
   -ms-interpolation-mode: bicubic;
   /* 2 */ }
 
 /**
  * Correct overflow displayed oddly in IE 9.
  */
 svg:not(:root) {
   overflow: hidden; }
 
 /* ==========================================================================
    Figures
    ========================================================================== */
 /**
  * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
  */
 figure {
   margin: 0; }
 
 /* ==========================================================================
    Forms
    ========================================================================== */
 /**
  * Correct margin displayed oddly in IE 6/7.
  */
 form {
   margin: 0; }
 
 /**
  * Define consistent border, margin, and padding.
  */
 fieldset {
   border: 1px solid silver;
   margin: 0 2px;
   padding: 0.35em 0.625em 0.75em; }
 
 /**
  * 1. Correct color not being inherited in IE 6/7/8/9.
  * 2. Correct text not wrapping in Firefox 3.
  * 3. Correct alignment displayed oddly in IE 6/7.
  */
 legend {
   border: 0;
   /* 1 */
   padding: 0;
   white-space: normal;
   /* 2 */
   *margin-left: -7px;
   /* 3 */ }
 
 /**
  * 1. Correct font size not being inherited in all browsers.
  * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
  *    and Chrome.
  * 3. Improve appearance and consistency in all browsers.
  */
 button,
 input,
 select,
 textarea {
   font-size: 100%;
   /* 1 */
   margin: 0;
   /* 2 */
   vertical-align: baseline;
   /* 3 */
   *vertical-align: middle;
   /* 3 */ }
 
 /**
  * Address Firefox 3+ setting `line-height` on `input` using `!important` in
  * the UA stylesheet.
  */
 button,
 input {
   line-height: normal; }
 
 /**
  * Address inconsistent `text-transform` inheritance for `button` and `select`.
  * All other form control elements do not inherit `text-transform` values.
  * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
  * Correct `select` style inheritance in Firefox 4+ and Opera.
  */
 button,
 select {
   text-transform: none; }
 
 /**
  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  *    and `video` controls.
  * 2. Correct inability to style clickable `input` types in iOS.
  * 3. Improve usability and consistency of cursor style between image-type
  *    `input` and others.
  * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
  *    Known issue: inner spacing remains in IE 6.
  */
 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
   -webkit-appearance: button;
   /* 2 */
   cursor: pointer;
   /* 3 */
   *overflow: visible;
   /* 4 */ }
 
 /**
  * Re-set default cursor for disabled elements.
  */
 button[disabled],
 html input[disabled] {
   cursor: default; }
 
 /**
  * 1. Address box sizing set to content-box in IE 8/9.
  * 2. Remove excess padding in IE 8/9.
  * 3. Remove excess padding in IE 7.
  *    Known issue: excess padding remains in IE 6.
  */
 input[type="checkbox"],
 input[type="radio"] {
   box-sizing: border-box;
   /* 1 */
   padding: 0;
   /* 2 */
   *height: 13px;
   /* 3 */
   *width: 13px;
   /* 3 */ }
 
 /**
  * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
  * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
  *    (include `-moz` to future-proof).
  */
 input[type="search"] {
   -webkit-appearance: textfield;
   /* 1 */
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
   /* 2 */
   box-sizing: content-box; }
 
 /**
  * Remove inner padding and search cancel button in Safari 5 and Chrome
  * on OS X.
  */
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none; }
 
 /**
  * Remove inner padding and border in Firefox 3+.
  */
 button::-moz-focus-inner,
 input::-moz-focus-inner {
   border: 0;
   padding: 0; }
 
 /**
  * 1. Remove default vertical scrollbar in IE 6/7/8/9.
  * 2. Improve readability and alignment in all browsers.
  */
 textarea {
   overflow: auto;
   /* 1 */
   vertical-align: top;
   /* 2 */ }
 
 /* ==========================================================================
    Tables
    ========================================================================== */
 /**
  * Remove most spacing between table cells.
  */
 table {
   border-collapse: collapse;
   border-spacing: 0; }
 
 @font-face {
   font-family: 'futura-bold';
   src: url("../fonts/futura-bold.eot");
   src: url("../fonts/futura-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/futura-bold.woff") format("woff"), url("../fonts/futura-bold.ttf") format("truetype"), url("../fonts/futura-bold.svg") format("svg");
   font-weight: 100;
   font-style: normal; }
 
 /*@font-face {
     font-family: 'museo-slab';
     src: url('../fonts/lubalin-graph.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
 }*/
 /*@font-face {
     font-family: 'museo-slab';
     src: url('../fonts/lubalin-graph.eot');
     src: url('../fonts/lubalin-graph.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lubalin-graph.woff') format('woff'),
         url('../fonts/lubalin-graph.ttf') format('truetype'),
         url('../fonts/lubalin-graph.svg') format('svg');
     font-weight: normal;
     font-style: normal;
 }*/
 /*
 @font-face {
     font-family: 'gtm-medium';
     src: url('../fonts/gothamhtfmedium.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
 }
 font-family: "proxima-nova",sans-serif;*/
 * {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: relative;
   outline: none;
   text-rendering: optimizeLegibility !important;
   -webkit-font-smoothing: antialiased;
   -moz-font-smoothing: antialiased;
   font-smoothing: antialiased; }
 
 /* ==========================================================================
    Base styles: opinionated defaults
    ========================================================================== */
 html,
 button,
 input,
 select,
 textarea {
   color: #222; }
 
 body {
   font-size: 1em;
   line-height: 1.4; }
 
 /*
  * Remove text-shadow in selection highlight: h5bp.com/i
  * These selection declarations have to be separate.
  * Customize the background color to match your design.
  */
 ::-moz-selection {
   background: #b3d4fc;
   text-shadow: none; }
 
 ::selection {
   background: #b3d4fc;
   text-shadow: none; }
 
 /*
  * A better looking default horizontal rule
  */
 hr {
   display: block;
   height: 1px;
   border: 0;
   border-top: 1px solid #cccccc;
   margin: 1em 0;
   padding: 0; }
 
 /*
  * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
  */
 img {
   vertical-align: middle; }
 
 /*
  * Remove default fieldset styles.
  */
 fieldset {
   border: 0;
   margin: 0;
   padding: 0; }
 
 /*
  * Allow only vertical resizing of textareas.
  */
 textarea {
   resize: vertical; }
 
 /*
 
 WEAPONS
 
 */
 .red {
   color: red; }
 
 .grey {
   color: #828282; }
 
 .grey:hover {
 /*  color: red;*/ }
 
 a.grey {
   line-height: 1.7; }
 
 a.grey.active {
   color: rgb(2, 249, 201); }
 
 .float-left {
   position: relative;
   float: left; }
 
 .float-right {
   position: relative;
   float: right; }
 
 .text-left {
   text-align: left!important; }
   .text-left h4 {
     text-align: left; }
   .text-left p {
     text-align: left; }
 
 .text-right {
   text-align: right; }
 
 .text-center {
   text-align: center!important; }
 
 .display-inlineblock {
   display: inline-block; }
 
 .display-block {
   display: block; }
 
 .position-absolute {
   position: absolute; }
 
 .bottom0 {
   bottom: 0px; }
 
 .bottom20 {
   bottom: 20px; }
 
 .margin0 {
   margin: 0!important; }
 
 .overflow-hidden {
   overflow: hidden; }
 
 .margin40-0 {
   margin: 40px 0 !important; }
 
 .margin-left20 {
   margin-left: 20px; }
 
 .margin-left40 {
   margin-left: 40px; }
 
 .margin100-0 {
   margin: 100px 0; }
 
 .margin-top40 {
   margin-top: 40px; }
 
 .margin-top80 {
   margin-top: 80px; }
 
 .margin-top0 {
   margin-top: 0px; }
 
 .padding-top25 {
   padding-top: 25px; }
 
 .margin-bottom40 {
   margin-bottom: 40px; }
 
 .padding-top45 {
   padding-top: 45px; }
 
 .width-100 {
   width: 100%; }
 
 .width-99 {
   width: 99%; }
 
 .width-75 {
   width: 75%; }
 
 .margin-auto {
   margin-left: auto;
   margin-right: auto; }
 
 .vertical-middle {
   vertical-align: middle; }
 
 .vertical-top {
   vertical-align: top !important; }
 
 .vertical-block {
   text-align: center;
   height: 100%; }
 
 .vertical-block:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
   margin-right: -0.25em;
   /* Adjusts for spacing */ }
 
 .centered {
   text-align: left;
   display: inline-block;
   vertical-align: middle; }
 
 .centered.text-center {
   text-align: center; }
 
 .white {
   color: #fff; }
 
 /* ==========================================================================
    Chrome Frame prompt
    ========================================================================== */
 .chromeframe {
   margin: 0.2em 0;
   background: #ccc;
   color: #000;
   padding: 0.2em 0; }
 
 /* ==========================================================================
    Author's custom styles
    ========================================================================== */
 a {
   color: #000;
   text-decoration: none; }
 
 a:focus {
   outline: none; }
 
 body, html {
   width: 100%;
   height: 100%; }
 
 p {
   font: normal 12px/1.4 "proxima-nova", sans-serif;
   color: #828282; }
 
 h1 {
   text-align: center;
   text-transform: uppercase;
   font: normal 60px/0.9 "museo-slab"; }
 
 h1.banner {
   font-size: 80px; }
 
 h2 {
   text-align: center;
   text-transform: uppercase;
   font: normal 36px/0.9 "museo-slab"; }
 
 h3 {
   text-transform: uppercase;
   font: normal 24px/0.9 "museo-slab";
   margin: 0.75em 0; }
 
 h4 {
   margin-bottom: 0; }
 
 .proxima-nova {
   font-family: "proxima-nova"; }
   .proxima-nova.bold {
     font-weight: 600; }
 
 .futura {
   font-family: 'futura-bold'; }
 
 .uppercase {
   text-transform: uppercase; }
 
 .arr {
   background: url(https://casiocdn.com/babyg/resource/img/nav/arr_medium-gray-sprite.png);
   height: 45px;
   margin: 15px 0; }
   .arr span {
     position: relative;
     display: table-cell;
     height: 45px;
     vertical-align: middle;
     font: normal 10px/12px "proxima-nova", sans-serif;
     top: 50%;
     margin-top: -12px; }
   .arr.arr-left {
     background-position: center left;
     margin-left: 30px;
     padding-left: 30px;
     margin-right: 20px; }
     .arr.arr-left span {
       text-align: left; }
   .arr.arr-right {
     background-position: center right;
     margin-right: 30px;
     padding-right: 30px;
     margin-left: 20px; }
     .arr.arr-right span {
       text-align: right; }
 
 .product-count {
   font: normal 65px/0.9 "proxima-nova", sans-serif; }
 
 .disabled {
   opacity: .5!important;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   cursor: default!important; }
   .disabled:hover {
     opacity: .5!important;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
     cursor: default!important; }

     .visually-hidden
     {
       position: absolute;
       clip: rect(1px 1px 1px 1px);  /* for Internet Explorer */
       clip: rect(1px, 1px, 1px, 1px);
       padding: 0;
       border: 0;
       height: 1px;
       width: 1px;
       overflow: hidden;
     }

 #product-landing, #related-products {
   overflow: auto;
   margin-bottom: 3em;
   min-height: 150px!important; }
   #product-landing a.watch-block, #related-products a.watch-block {
     width: 172px;
     min-height: 230px;
     /*float: left;*/
     display: inline-block;
     margin: 30px 10px 0; }
     #product-landing a.watch-block .image, #related-products a.watch-block .image {
       height: 140px;
       text-align: center; }
     #product-landing a.watch-block h4, #related-products a.watch-block h4 {
       display: inline-block;
       font-family: 'museo-slab';
       margin-bottom: 6px;
       margin-top: 20px;
       color: #333333;
       width: 100%; }
     #product-landing a.watch-block a h4, #related-products a.watch-block a h4 {
       display: block; }
     #product-landing a.watch-block a:hover h4, #related-products a.watch-block a:hover h4 {
       color: #666; }
     #product-landing a.watch-block h5, #related-products a.watch-block h5 {
       color: #333;
       text-transform: uppercase;
       margin: 20px 0 -20px 0;
       font-family: 'futura-bold'; }
     #product-landing a.watch-block footer, #related-products a.watch-block footer {
       border-top: solid 2px #333333;
       text-align: left; }
       #product-landing a.watch-block footer h4, #related-products a.watch-block footer h4 {
         width: auto;
         margin-top: 12px; }
       #product-landing a.watch-block footer .swatch, #related-products a.watch-block footer .swatch {
         width: 30px;
         height: 15px;
         background-color: #f00;
         float: right;
         margin-left: 5px;
         margin-top: 12px;
         border-bottom: solid 5px #333333; }
 
 .lt-ie9 .sortable-products .watch-block {
   display: block;
   float: left;
   position: relative; }
 
 #related-products {
   padding: 0px 0;
   text-align: center;
   float: none; }
   #related-products .inner {
     overflow: auto; }
     #related-products .inner .watch-block {
       margin-top: 20px;
       display: inline-block;
       float: none; }
       #related-products .inner .watch-block > h4 {
         width: 100%; }
   #related-products > div, #related-products h4, #related-products a, #related-products footer {
     text-align: left; }
 
 .shadow-box {
   display: inline-block;
   background: url(https://casiocdn.com/babyg/resource/img/assets/bg_shadowBox.png) no-repeat center center;
   width: 328px;
   height: 219px; }
 
 .featured-content {
   padding: 1em 0 3em 0em;
   text-align: center; }
   .featured-content.cycle {
     height: 340px; }
   .featured-content .col1-3 {
     width: 319px;
     height: auto;
     display: inline-table; }/*changed from block to table*/
     .featured-content .col1-3 h3 {
       text-align: center;
       text-transform: uppercase;
       color: #333333;
       font: bold 18px/18px "futura-bold", sans-serif; }
     .featured-content .col1-3 p {
       text-align: center;
       color: #828282;
       font: normal 12px/15px "proxima-nova", sans-serif;
       width: 85%;
       margin: 0 auto 1.5em auto; }
     .featured-content .col1-3 a:hover {
       opacity: 0.8; }
 
 .img-container {
   height: 179px;
   background-color: #eee;
   width: 300px;
   margin: 5px auto;
   -moz-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0 6px 8px 2px rgba(0, 0, 0, 0.3);
   overflow: hidden; }
   .img-container img {
     padding: 5px; }
 
 .filters {
   border-bottom: solid 1px #a2abbb;
   margin-bottom: 2em;
   overflow: auto;
   -webkit-transition: all 0.3s cubic-bezier(0.23, 0.3, 0.32, 1);
   -moz-transition: all 0.3s cubic-bezier(0.23, 0.3, 0.32, 1);
   -ms-transition: all 0.3s cubic-bezier(0.23, 0.3, 0.32, 1);
   -o-transition: all 0.3s cubic-bezier(0.23, 0.3, 0.32, 1);
   transition: all 0.3s cubic-bezier(0.23, 0.3, 0.32, 1); }
   .filters .filter-set {
     display: none;
     margin-bottom: 2.5em;
     border-top: solid 1px black;
     text-align: center; }
     .filters .filter-set .filter-group {
       display: inline-block;
       width: 200px;
       margin: 0 1em;
       text-align: left;
       vertical-align: top;
       float: none; }
       .filters .filter-set .filter-group h4 {
         font: normal 14px/15px "futura-bold";
         text-transform: uppercase; }
       .filters .filter-set .filter-group ul {
         list-style-type: none;
         padding: 0; }
         .filters .filter-set .filter-group ul li {
           font: normal 13px/21px "museo-slab";
           margin: 0 14px 7px 0; }
   .filters .filter-margin {
     margin-top: 1.5em;
     text-align: center; }
   .filters .filter-options {
     text-align: center;
     clear: both;
     position: absolute;
     background-color: #fff;
     bottom: 0px;
     color: #5e5e5e;
     left: 50%;
     margin-left: -68px;
     margin-top: 3em;
     font: normal 10px/19px "futura-bold";
     padding: 9px 19px;
     text-transform: uppercase;
     z-index: 85;
     width: 135px;
     -webkit-border-top-left-radius: 3px;
     -webkit-border-top-right-radius: 3px;
     -moz-border-radius-topleft: 3px;
     -moz-border-radius-topright: 3px;
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
     border: solid 1px #a2abbb;
     border-bottom: none; }
 
 #gbl-hd {
   width: 100%;
   height: 70px;
   z-index: 1200;
   position: fixed;
   top: 0;
   background: -moz-linear-gradient(left, rgba(33, 33, 33, 0.97) 0%, rgba(33, 33, 33, 0.97) 100%);
   /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(33, 33, 33, 0.97)), color-stop(100%, rgba(33, 33, 33, 0.97)));
   /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(left, rgba(33, 33, 33, 0.97) 0%, rgba(33, 33, 33, 0.97) 100%);
   /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(left, rgba(33, 33, 33, 0.97) 0%, rgba(33, 33, 33, 0.97) 100%);
   /* Opera 11.10+ */
   background: -ms-linear-gradient(left, rgba(33, 33, 33, 0.97) 0%, rgba(33, 33, 33, 0.97) 100%);
   /* IE10+ */
   background: linear-gradient(to right, rgba(33, 33, 33, 0.97) 0%, rgba(33, 33, 33, 0.97) 100%);
   /* W3C */ }
   #gbl-hd .inner {
     height: 70px;
     overflow: static; }
   #gbl-hd .logo-hdr {
     display: block;
     height: 110px;
     width: 120px; }
     #gbl-hd .logo-hdr .logo {
       width: 220px;
       /*was 100*/
       height: 115px;
       /* was 100% */
       background: transparent url(https://casiocdn.com/babyg/resource/img/assets/logo-header.png) no-repeat left center;
       /* was g-logo.png*/
       position: absolute; }
 
 .lt-ie9 #gbl-hd {
   background: url(https://casiocdn.com/babyg/resource/img/assets/bg_ie8-transBlack.png); }
   .lt-ie9 #gbl-hd .logo-hdr .logo {
     background: transparent url(https://casiocdn.com/babyg/resource/img/assets/g-logo-sm.png) no-repeat top left;
     height: 70px; }
 
 
 
  .tabs {float: right; top:-70px; right:40px; display:block;}
 
 ul#gbl-nav {
   list-style-type: none;
   float: right;
   position: absolute;
   right: 0;
   bottom: -10px;
   padding: 0;
   margin: 0;
   padding-bottom: 9px; }
   ul#gbl-nav li {
     float: left; }
   ul#gbl-nav li a {
     color: #fff;
     text-transform: uppercase;
     float: left;
     margin-left: 10px;
     margin-right: 10px;
     font-weight: bold;
     font-size: 12px;
     display: inline-block;
     padding-bottom: 16px;
     text-shadow: 0px -1px black;
     padding-top: 8px;
     font-family: "proxima-nova",sans-serif;
     font-style: normal;
     font-weight: 700;
     letter-spacing: 0.07em; }
   ul#gbl-nav li a:hover {
     color: #cecece; }
   ul#gbl-nav .icon-nav {
     background: transparent;
     background-position: center top;
     background-repeat: no-repeat;
     margin-right: 0;
     margin-left: 3px;
     text-indent: -999em; }
   ul#gbl-nav .icon-nav:hover {
     opacity: 0.9; }
   ul#gbl-nav .nav-manual {
     width: 32px;
     background-image: url(https://casiocdn.com/babyg/resource/img/nav/nav-manual.png); }
   ul#gbl-nav .nav-gshock {
     width: 32px;
     background-image: url(https://casiocdn.com/babyg/resource/img/nav/nav-gshock.png); }
   ul#gbl-nav .nav-map {
     width: 32px;
     background-image: url(https://casiocdn.com/babyg/resource/img/nav/nav-map.png); }
   ul#gbl-nav .nav-contact {
     width: 32px;
     background-image: url(https://casiocdn.com/babyg/resource/img/nav/nav-contact.png); }
   ul#gbl-nav .nav-world {
     width: 32px;
     background-image: url(https://casiocdn.com/babyg/resource/img/nav/nav-world.png); }
   ul#gbl-nav .nav-search {
     width: 32px;
     margin-left: 11px;
     background-image: url(https://casiocdn.com/babyg/resource/img/nav/nav-search.png); }
   ul#gbl-nav li.active:after {
     content: '';
     border-bottom: solid 4px red;
     width: 100%;
     height: 3px;
     position: absolute;
     bottom: 1px;
     left: 0; }
 
 .snow {
   height: 550px;
   width: 100%;
   margin-bottom: 0!important;
   background: white;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmY1ZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top, white 0%, #f2f5fa 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f2f5fa));
   background: -webkit-linear-gradient(top, white 0%, #f2f5fa 100%);
   background: -o-linear-gradient(top, white 0%, #f2f5fa 100%);
   background: -ms-linear-gradient(top, white 0%, #f2f5fa 100%);
   background: linear-gradient(to bottom, white 0%, #f2f5fa 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f5fa',GradientType=0 ); }
 
 .blur-mountains {
   height: 550px;
   width: 100%;
   margin-bottom: 0!important;
   background: white;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmY1ZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top, white 0%, #f2f5fa 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f2f5fa));
   background: -webkit-linear-gradient(top, white 0%, #f2f5fa 100%);
   background: -o-linear-gradient(top, white 0%, #f2f5fa 100%);
   background: -ms-linear-gradient(top, white 0%, #f2f5fa 100%);
   background: linear-gradient(to bottom, white 0%, #f2f5fa 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f5fa',GradientType=0 );
   background-image: url(https://casiocdn.com/babyg/resource/img/assets/marquee-mountains.jpg); }
 
 .snow:after {
   content: '';
   background: transparent url(https://casiocdn.com/babyg/resource/img/assets/mountain.png) no-repeat center bottom;
   z-index: 0;
   position: absolute;
   bottom: 0;
   height: 150px;
   width: 519px;
   margin-left: 50%;
   left: -260px; }
 
 .lin-grad {
   width: 100%;
   background: white;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmY1ZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top, white 0%, #f2f5fa 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f2f5fa));
   background: -webkit-linear-gradient(top, white 0%, #f2f5fa 100%);
   background: -o-linear-gradient(top, white 0%, #f2f5fa 100%);
   background: -ms-linear-gradient(top, white 0%, #f2f5fa 100%);
   background: linear-gradient(to bottom, white 0%, #f2f5fa 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f5fa',GradientType=0 ); }
 
 .lin-grad-reflected {
   background: #f2f5fa;
   /* Old browsers */
   background: -moz-linear-gradient(top, #f2f5fa 0%, white 100%);
   /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f5fa), color-stop(100%, white));
   /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #f2f5fa 0%, white 100%);
   /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #f2f5fa 0%, white 100%);
   /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #f2f5fa 0%, white 100%);
   /* IE10+ */
   background: linear-gradient(to bottom, #f2f5fa 0%, white 100%);
   /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f5fa', endColorstr='#ffffff',GradientType=0 );
   /* IE6-9 */ }
 
 .gradient-reflective {
   background: white;
   /* Old browsers */
   background: -moz-linear-gradient(left, white 0%, #f7f8fb 50%, white 100%);
   /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(50%, #f7f8fb), color-stop(100%, white));
   /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(left, white 0%, #f7f8fb 50%, white 100%);
   /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(left, white 0%, #f7f8fb 50%, white 100%);
   /* Opera 11.10+ */
   background: -ms-linear-gradient(left, white 0%, #f7f8fb 50%, white 100%);
   /* IE10+ */
   background: linear-gradient(to right, white 0%, #f7f8fb 50%, white 100%);
   /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
   /* IE6-9 */ }
   .gradient-reflective .center-block {
     position: relative;
     display: inline-block;
     padding: 20px 100px;
     background: #f7f8fb;
     color: #828282;
     font: normal 18px/1.2 "museo-slab"; 
   text-transform:uppercase;
   }
     .gradient-reflective .center-block.active {
       background: #fff;
       color: #222; }
       .gradient-reflective .center-block.active span {
         border-bottom: solid 4px red; }
     
   .upractive { border-bottom: 4px solid rgb(2, 249, 201) !important; }
 
 .gradient-reflective .center-block-story {
     position: relative;
     display: inline-block;
     padding: 20px 80px;
     background: #f7f8fb;
     color: #828282;
     font: normal 18px/1.2 "museo-slab";
     text-transform:uppercase; }
     .gradient-reflective .center-block.active {
       background: #fff;
       color: #222; }
       .gradient-reflective .center-block.active span {
         border-bottom: solid 4px red; }
     .upractive { border-bottom: 4px solid rgb(2, 249, 201) !important; }
 
 #gbl-ft {
   overflow: hidden;
   width: 100%;
   background-color: #191919;
   color: #eee; }
   #gbl-ft .inner {
     overflow: auto;
     border: none; }
   #gbl-ft ul {
     list-style-type: none;
     padding-left: 0;
     font-size: 12px;
     margin-top: 45px;
     float: left;
     width: 55%; }
     #gbl-ft ul li a {
       font-size: 10px;
       color: #fff;
       text-transform: uppercase;
       float: left;
       overflow: auto;
       margin-right: 15px;
       font-weight: bold;
       font: normal 10px/14px "proxima-nova", sans-serif;
       border-bottom: 1px solid #191919; }
     #gbl-ft ul li a:hover {
       border-bottom: solid 1px #eeeeee;
       color: #eee;
       opacity: 0.8; }
   #gbl-ft p {
     margin-top: 45px;
     font-size: 10px;
     color: #676767;
     float: right;
     font: normal 10px/14px "proxima-nova", sans-serif; }
     #gbl-ft p .casio-usa-link {
       width: 80px;
       height: 18px;
       margin-left: 6px;
       background-color: #ccc;
       display: inline-block;
       background: transparent url(https://casiocdn.com/babyg/resource/img/assets/casio-usa-logo.png) no-repeat center center;
       text-indent: -9999em; }
 
 .scl-links {
   float: right;
   width: 250px;
   display: block;
   margin-top: 0.5em;
   clear: both; }
   .scl-links p {
     margin-top: 0px!important; }
   .scl-links ul {
     float: right!important;
     margin-top: 0px!important;
     width: auto!important; }
   .scl-links ul li {
     float: right;
     margin-left: 2px; }
     .scl-links ul li a {
       width: 24px;
       height: 24px;
       margin-right: 0!important; }
     .scl-links ul li a:hover {
       border-bottom: none!important; }
     .scl-links ul li a.sc-twit {
       background: transparent url(https://casiocdn.com/babyg/resource/img/assets/pict-twi.png) no-repeat center center; }
     .scl-links ul li a.sc-fb {
       background: transparent url(https://casiocdn.com/babyg/resource/img/assets/pict-fb.png) no-repeat center center; }
     .scl-links ul li a.sc-pin {
       background: transparent url(https://casiocdn.com/babyg/resource/img/assets/pict-pin.png) no-repeat center center; }
     .scl-links ul li a.sc-utube {
       background: transparent url(https://casiocdn.com/babyg/resource/img/assets/pict-youTube.png) no-repeat center center; }
     .scl-links ul li a.sc-insta {
       background: transparent url(https://casiocdn.com/babyg/resource/img/assets/pict-insta.png) no-repeat center center; }
  
 .sc-twit, .sc-fb, .sc-pin, .sc-utube, .sc-insta {
   height: 30px;
   width: 23px;
   display: inline-block;
   vertical-align: middle; }
 
 .follow {
   margin: 8px 0 0;
   font: normal 10px/1.2 "futura-bold";
   text-transform: uppercase;
   color: #9b9b9b; }
 
 .sc-twit {
   background: transparent url(https://casiocdn.com/babyg/resource/img/assets/pict-twi.png) no-repeat center center; }
 
 .sc-fb {
   background: transparent url(https://casiocdn.com/babyg/resource/img/assets/pict-fb.png) no-repeat center center; }
 
 .sc-pin {
   background: transparent url(https://casiocdn.com/babyg/resource/img/assets/pict-pin.png) no-repeat center center; }
   
  .sc-utube {
   background: transparent url(https://casiocdn.com/babyg/resource/img/assets/pict-youTube.png) no-repeat center center; }
    
   .sc-insta {
   background: transparent url(https://casiocdn.com/babyg/resource/img/assets/pict-insta.png) no-repeat center center; }
 
 .inner {
   width: 980px;
   margin: 0 auto;
   padding: 0 0px;
   /* was 0 5 */ }
 
 .ambassador-bio {
   position: relative;
   padding: 20px 0 20px; }
 
 .ambassador-bio-toggle, .techdesign-readmore-toggle {
   height: 0;
   opacity: 0;
   width: 100%;
   overflow: hidden;
   -webkit-transition: all 0.4s cubic-bezier(0.23, 0.3, 0.32, 1);
   -moz-transition: all 0.4s cubic-bezier(0.23, 0.3, 0.32, 1);
   -ms-transition: all 0.4s cubic-bezier(0.23, 0.3, 0.32, 1);
   -o-transition: all 0.4s cubic-bezier(0.23, 0.3, 0.32, 1);
   transition: all 0.4s cubic-bezier(0.23, 0.3, 0.32, 1); }
   .ambassador-bio-toggle.active, .techdesign-readmore-toggle.active {
     height: auto;
     opacity: 1;
     margin-bottom: 40px; }
 
 .columns {
   width: 980px;
   text-align: center; }
   .columns aside, .columns article {
     display: inline-block;
     position: relative;
     height: auto; }
   .columns aside {
     width: 319px; }
 
 .shadow:after {
   content: '';
   display: block;
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 9px;
   background: url(https://casiocdn.com/babyg/resource/img/assets/shadow_full-width.png) top center; }
 
 .box-toggle {
   width: 18px;
   height: 18px;
   display: inline-block;
   background: url(https://casiocdn.com/babyg/resource/img/assets/box-toggle.png);
   background-position: top center;
   margin-right: 10px;
   /*&:after{
     content:'Read More';
     display:inline-block;
     margin-left:30px;
     width:150px;
     position:absolute;
     top:2px;
   }*/
   /*&.ambassador-bio{
     &:after{
       content:'Athlete Bio';
     }
     &.active{
       &:after{
         content:'Close';
       }
   }*/ }
   .box-toggle.active {
     background-position: bottom center; }
     .box-toggle.active ~ .text {
       display: none; }
     .box-toggle.active:after {
       content: 'Close';
       position: relative;
       margin-left: 30px;
       top: -1px; }
 
 .uppercase {
   text-transform: uppercase; }
 
 .bg-cover {
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover; }
 
 .bg-contain {
   -webkit-background-size: contain;
   -moz-background-size: contain;
   -o-background-size: contain;
   background-size: contain; }
 
 .marquee {
   display: block;
   position: relative;
   width: 100%;
   height: 510px;
   background-repeat: no-repeat;
   background-position: center center; }
   .marquee.collection-tech {
     background-image: url(https://casiocdn.com/babyg/resource/img/assets/marquee-tech.jpg); }
 .collection-marque {
   width: 100%;
   height: 510px;
   background-color: #e1e8f2;
   background-image: url(https://casiocdn.com/babyg/resource/img/assets/supportBanner.jpg);
   background-position: 57% 0;
   background-repeat: no-repeat; }
    .collection-marque.faq_bg{
      background-image: url(https://casiocdn.com/babyg/resource/img/assets/marque01.jpg); }
    .collection-marque.privacy_bg{
      background-image: url(https://casiocdn.com/babyg/resource/img/assets/marquee-watertower.jpg); }
   .collection-marque.watertower {
     background-image: url(https://casiocdn.com/babyg/resource/img/assets/marquee-watertower.jpg); }
   .collection-marque.flightclub {
     background-image: url(https://casiocdn.com/babyg/resource/img/assets/marquee-flightclub.jpg); }
   .collection-marque.history {
     background-image: url(https://casiocdn.com/babyg/resource/img/assets/marquee-history.jpg); }
 
   .collection-marque .image {
     background: #e1e8f2 url(https://casiocdn.com/babyg/resource/img/assets/marque01.jpg) no-repeat center center;
     width: 100%;
     height: 510px;
     opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 3; }
   .collection-marque .inner {
     z-index: 12;
     padding-top: 7em; }
     .collection-marque .inner h1 {
       text-align: left;
       font-size: 3.5em;
       margin-bottom: 0.2em; }
     .collection-marque .inner p {
       font: normal 16px/15px "futura-bold";
       color: #333;
       text-transform: uppercase;
       display: inline-block;
       float: left;
       margin-top: 1.7em;
       margin-right: 0.5em; }
     .collection-marque .inner .marque-collection {
       width: 58px;
       height: 58px;
       background-image: url("../img/assets/product-nav-R.png");
       display: inline-block;
       float: left;
       opacity: 1;
       -ms-filter: alpha(opacity=100);
       filter: alpha(opacity=100);
       -khtml-opacity: 1;
       -moz-opacity: 1;
       -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
       -ms-transition: all 0.5s ease;
       -webkit-transition: all 0.5s ease;
       transition: all 0.5s ease; }
       .collection-marque .inner .marque-collection:hover {
         opacity: .9;
         -ms-filter: alpha(opacity=90);
         filter: alpha(opacity=90);
         -khtml-opacity: .9;
         -moz-opacity: .9; }
   .collection-marque .banner-product {
     width: 209px;
     height: 280px;
     position: absolute;
     left: 40%;
     bottom: -50px;
     z-index: 55;
     background: transparent url(https://casiocdn.com/babyg/resource/img/marque-watch-sml.png) no-repeat center center; }
   .collection-marque .banner-social {
     position: absolute;
     right: 0;
     bottom: -25px;
     width: 120px;
     height: 25px;
     background-color: #ccc; }
 
 #team {
   margin-bottom: 4em;
   margin-top: -320px; }
   #team ul {
     padding: 0;
     list-style-type: none;
     overflow: auto;
     text-align: center; }
     #team ul li {
       margin: 20px 0.5em 0;
       text-align: center;
       display: inline-block; }
       #team ul li h4 {
         color: #000;
         text-transform: uppercase;
         font: bold 15px/18px "futura-bold", sans-serif;
         margin-top: 0!important;
         margin-bottom: 5px; }
       #team ul li p {
         color: #808080;
         font: normal 12px/18px "proxima-nova", sans-serif; }
       #team ul li .portrait {
         width: 125px;
         height: 335px;
         overflow: hidden;
         position: relative;
         padding: 0 0 20px;
         text-align: center;
         display: inline-block;
         background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.85) 100%);
         /* FF3.6+ */
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0.85)));
         /* Chrome,Safari4+ */
         background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.85) 100%);
         /* Chrome10+,Safari5.1+ */
         background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.85) 100%);
         /* Opera 11.10+ */
         background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.85) 100%);
         /* IE10+ */
         background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.85) 100%);
         /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#d9000000',GradientType=0 );
         /* IE6-9 */ }
         #team ul li .portrait img {
           display: inline-block;
           height: 100%;
           width: 100%; }
       #team ul li .portrait:after {
         position: absolute;
         bottom: 0px;
         right: 0;
         left: 50%;
         margin-left: -65px;
         height: 20px;
         background: transparent url(https://casiocdn.com/babyg/resource/img/assets/portrait-sdw.jpg) no-repeat center center;
         width: 130px;
         content: ''; }
 
 #team.team-bottom {
   margin-top: 0!important; }
 
 #virtual {
   height: 345px;
   margin-bottom: 60px;
   background: transparent url(https://casiocdn.com/babyg/resource/img/assets/radial-grad.gif) no-repeat center bottom; }
   #virtual .overlay {
     height: 440px;
     width: 330px;
     position: absolute;
     top: -80px;
     left: 150px;
     background: transparent url(https://casiocdn.com/babyg/resource/img/assets/iphone-arm.png) no-repeat center center; }
   #virtual .overlay-content h2 {
     margin-bottom: 0.5em; }
   #virtual .overlay-content h3 {
     text-align: center;
     text-transform: uppercase;
     color: #333333;
     font: bold 18px/18px "futura-bold";
     margin-top: 1.5em;
     margin-bottom: 0.6em; }
   #virtual .overlay-content p {
     text-align: center;
     color: #828282;
     font: normal 12px/15px "proxima-nova", sans-serif;
     width: 75%;
     margin: 0 auto 1.5em auto; }
 
 .small-screen {
   width: 161px;
   height: 98px;
   margin: 1em auto;
   background-color: #eee;
   display: block;
   -moz-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0 6px 8px 2px rgba(0, 0, 0, 0.3);
   background-position: center center;
   background-repeat: no-repeat; }
   .small-screen img {
     margin: 4px 0 0 3px;
     width: 150px;
     height: 90px;
     overflow: hidden; }
 
 .small-screen:after {
   content: '';
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: transparent url(https://casiocdn.com/babyg/resource/img/assets/play-icon.png) no-repeat center center; }
 
 .small-screen:hover {
   opacity: 0.9; }
 
 .full-product-list {
   margin-bottom: 80px; }
   .full-product-list .title-container {
     width: 631px;
     margin: 0 auto 0 auto; }
   .full-product-list h4 {
     color: #a1a2a4;
     font-size: 12px;
     font-family: futura-bold;
     text-transform: uppercase;
     margin-left: 15px; }
 
 .collection-toggle {
   height: 50px;
   width: 650px;
   /*was 520*/
   background-color: #ecebeb;
   margin: 0 auto 5em auto;
   -moz-border-radius: 25px;
   -webkit-border-radius: 25px;
   border-radius: 25px;
   box-shadow: inset 0px 1px 3px rgba(38, 38, 38, 0.2);
   background: #e5e5e5;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top, #e5e5e5 0%, #f1f0f0 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #f1f0f0));
   background: -webkit-linear-gradient(top, #e5e5e5 0%, #f1f0f0 100%);
   background: -o-linear-gradient(top, #e5e5e5 0%, #f1f0f0 100%);
   background: -ms-linear-gradient(top, #e5e5e5 0%, #f1f0f0 100%);
   background: linear-gradient(to bottom, #e5e5e5 0%, #f1f0f0 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#f1f0f0',GradientType=0 ); }
   .collection-toggle .links {
     list-style-type: none;
     font: normal 14px/15px "futura-bold";
     display: block;
     margin: 0 0.5em;
     text-align: center;
     margin-top: 5px; }
     .collection-toggle .links a {
       padding: 12px 16px;
       margin: 5px 0 0;
       display: inline-block;
       width: 120px;
       -webkit-transition: color 0.4s cubic-bezier(0.23, 0.3, 0.32, 1);
       -moz-transition: color 0.4s cubic-bezier(0.23, 0.3, 0.32, 1);
       -ms-transition: color 0.4s cubic-bezier(0.23, 0.3, 0.32, 1);
       -o-transition: color 0.4s cubic-bezier(0.23, 0.3, 0.32, 1);
       transition: color 0.4s cubic-bezier(0.23, 0.3, 0.32, 1); }
       .collection-toggle .links a.selected {
         color: #fff; }
 
 .feature-tabs {
   position: absolute;
   bottom: 0;
   left: 0; }
   .feature-tabs a {
     width: 125px;
     height: 30px;
     margin-right: 8px;
     background-color: #e0e1e4;
     float: left;
     color: #333;
     text-align: center;
     font: normal 10px/30px "futura-bold";
     text-transform: uppercase;
     -webkit-border-top-left-radius: 3px;
     -webkit-border-top-right-radius: 3px;
     -moz-border-radius-topleft: 3px;
     -moz-border-radius-topright: 3px;
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
     background: #e5e5e5;
     /* Old browsers */
     /* IE9 SVG, needs conditional override of 'filter' to 'none' */
     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
     background: -moz-linear-gradient(top, #e5e5e5 0%, #f8f8f8 100%);
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #f8f8f8));
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, #e5e5e5 0%, #f8f8f8 100%);
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, #e5e5e5 0%, #f8f8f8 100%);
     /* Opera 11.10+ */
     background: -ms-linear-gradient(top, #e5e5e5 0%, #f8f8f8 100%);
     /* IE10+ */
     background: linear-gradient(to bottom, #e5e5e5 0%, #f8f8f8 100%);
     /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#f8f8f8',GradientType=0 );
     /* IE6-8 */
     box-shadow: inset 0 1px 0 white;
     text-align: left;
     padding-left: 20px; }
   .feature-tabs a.selected {
     background: none;
     background-color: #fff!important; }
 
 #happenings-slideshow {
   margin: 0 auto;
   list-style-type: none;
   padding-left: 0;
   width: 100%!important; }
   #happenings-slideshow li {
     position: relative!important; }
 
 .specs {
   font: normal 12px/16px "proxima-nova", sans-serif;
   color: #828282;
   margin-top: 2.2em;
   width: 500px;
   height: 220px;
   margin-left: 15px; }
 
 .tech-specs {
   font: normal 12px/16px "proxima-nova", sans-serif;
   color: #828282;
   margin-top: 2.2em;
   width: 500px;
   height: 220px;
   display: none;
   overflow: scroll;
   overflow-x: hidden;
   margin-left: 15px; }
 .a-button{background: rgb(2, 249, 201);}
 .b-button{background: rgb(56,56,56);}
 .a-button, .b-button {
   color: #fff;
   text-align: center;
   width: 129px;
   padding: 18px 14px 18px 13px;
   margin-right: 5px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   font: normal 12px/15px "proxima-nova", sans-serif;
   -moz-box-shadow: inset 0 1px 2px #eeeeee, inset 0 -1px 2px black;
   -webkit-box-shadow: inset 0 1px 2px #eeeeee, inset 0 -1px 2px black;
   box-shadow: inset 0 1px 2px #eeeeee, inset 0 -1px 2px black;
   /*text-shadow:0 -2px 1px #000;*/
   text-transform: uppercase;
   border: 0;
   z-index: 200;
   -moz-transition: all 0.1s ease;
   -o-transition: all 0.1s ease;
   -ms-transition: all 0.1s ease;
   -webkit-transition: all 0.1s ease;
   transition: all 0.1s ease; }
   .a-button:hover,  .b-button:hover{
     background: #5c5b5b;
     /*text-shadow:0 -1px 1px #0b0b0b;*/
     /*background:red;*/ }
   .a-button:active, .b-button:active {
     /*text-shadow:0 -1px 1px #0b0b0b;*/
     background: #cc0000; }
 
 .collection-button {
   width: auto!important; }
 
 .cycle-nav {
   display: block;
   position: absolute;
   top: 50%;
   margin-top: -100px;
   width: 53px;
   height: 53px;
   background: url(https://casiocdn.com/babyg/resource/img/assets/arr_slideshow-arrows-sprite.png);
   -webkit-transition: all 0.9s cubic-bezier(0.23, 0.3, 0.32, 1);
   -moz-transition: all 0.9s cubic-bezier(0.23, 0.3, 0.32, 1);
   -ms-transition: all 0.9s cubic-bezier(0.23, 0.3, 0.32, 1);
   -o-transition: all 0.9s cubic-bezier(0.23, 0.3, 0.32, 1);
   transition: all 0.9s cubic-bezier(0.23, 0.3, 0.32, 1); }
   .cycle-nav.previous {
     background-position: top left;
     left: -60px; }
   .cycle-nav.next {
     background-position: top right;
     right: -60px; }
   .cycle-nav:hover {
     opacity: .8; }
 
 .full-height {
   height: 500px; }
   .full-height .cycle-nav {
     margin-top: -30px; }
 
 #timeline-cycle {
   margin: 60px 0 80px; }
 
 .slide {
   display: block;
   width: 100%;
   text-align: center; }
   .slide > a {
     display: block; }
   .slide span.image {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     margin-right: 20px; }
   .slide span.copy {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     text-align: center;
     margin-left: 20px; }
     .slide span.copy h2 {
       margin: 0;
       color: #e70e2c;
       font: normal 72px/1.1 "futura-bold", sans-serif;
       text-align: center; }
     .slide span.copy h3 {
       text-align: center; }
     .slide span.copy h4 {
       margin: 0;
       font: normal 18px/1.4 "futura-bold", sans-serif;
       text-align: center;
       text-transform: uppercase; }
     .slide span.copy p {
       font: normal 12px/1.4 "proxima-nova", sans-serif;
       color: #828282;
       text-align: center; }
 
 .content {
   display: block;
   width: 100%;
   text-align: center; }
   .content > a {
     display: block; }
   .content span.image {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     margin-right: 20px; }
   .content span.copy {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     margin-left: 20px; }
     .content span.copy h2 {
       margin: 0;
       color: #e70e2c;
       font: normal 72px/1.1 "futura-bold", sans-serif; }
     .content span.copy h3 {
       text-align: center; }
     .content span.copy h4 {
       margin: 0;
       font: normal 18px/1.4 "futura-bold", sans-serif;
       text-transform: uppercase; }
     .content span.copy p {
       font: normal 12px/1.4 "proxima-nova", sans-serif;
       color: #828282; }
 
 .destroy .cycle-nav {
   display: none; }
 
 .content span.copy {
   width: 650px;
   /*was 385 */
   text-align: left; }
 
 .content span.small {
   width: 300px!important; }
 
 .col-50 {
   position: relative;
   display: inline-block;
   vertical-align: top;
   text-align: left;
   width: 49%; }
   .col-50 h2 {
     margin: 0;
     color: #e70e2c;
     font: normal 72px/1.1 "futura-bold", sans-serif;
     text-align: center; }
   .col-50 h3 {
     text-align: center; }
   .col-50 h4 {
     margin: 0;
     font: normal 18px/1.4 "futura-bold", sans-serif;
     text-align: center; }
   .col-50 p {
     font: normal 12px/1.4 "proxima-nova", sans-serif;
     color: #828282;
     text-align: left;
     margin: 1em; }
   .col-50.first {
     margin-left: 0%; }
 
 .archive {
   float: right;
   margin-top: -50px;
   font-family: 'museo-slab';
   text-transform: uppercase;
   font-size: 14px;
   color: #323234; }
 
 h4 {
   text-transform: uppercase;
   font: normal 14px/30px "futura-bold";
   color: #a1a3a5;
   font-style: normal;
   font-weight: 700;
   letter-spacing: 0.07em; }
 
 .product-overview {
   padding-top: 4em;
   padding-left: 20px;
   /*    a{
           color: #333333;
           font-size: 11px;
           display: block;
           margin: 0.45em 0;
       }*/ }
   .product-overview p {
     text-transform: uppercase;
     font: normal 14px/30px "futura-bold";
     color: #a1a3a5;
     font-style: normal;
     font-weight: 700;
     letter-spacing: 0.07em; }
   .product-overview h2 {
     color: #333333;
     margin: 0;
     text-align: left;
     font-size: 56px; }
   .product-overview .ratings {
     width: 180px;
     height: 22px;
     display: none; }
     .product-overview .ratings .star {
       float: left;
       width: 20px;
       height: 20px;
       margin-right: 5px;
       background-color: #d0d0d0;
       border-radius: 2px;
       background-position: center center;
       background-repeat: no-repeat;
       background-image: url(https://casiocdn.com/babyg/resource/img/assets/rating-star.png); }
     .product-overview .ratings .star.rated {
       background-color: #f00; }
     .product-overview .ratings .results {
       height: 21px;
       background-color: #414142;
       border-radius: 1px;
       display: inline-block;
       float: left;
       color: #fff;
       padding: 0 7px;
       font-size: 10px;
       line-height: 22px; }
   .product-overview h3 {
     color: #333333;
     margin: 0.15em 0 0.35em 0;
     font: normal 36px/46px "museo-slab"; }
 
 .arrow-productLeft, .arrow-productRight {
   width: 40px;
   height: 60px;
   top: 40%;
   position: absolute;
   z-index: 1100;
   display: none;
   background: transparent url(https://casiocdn.com/babyg/resource/img/nav/arr_medium-gray-sprite.png) no-repeat 4px center; }
 
 .arrow-productRight {
   right: 5px;
   background-position: -255px center; }
 
 .product-points {
   font: normal 12px/16px "proxima-nova", sans-serif;
   color: #828282; }
 
 .product-social {
   width: 90px;
   height: 120px;
   position: absolute;
   right: 0;
   bottom: -115px;
   z-index: 1000; }
   .product-social a {
     margin-left: 5px; }
   .product-social a:hover {
     opacity: 0.8;
     -ms-filter: alpha(opacity=80);
     filter: alpha(opacity=80);
     -khtml-opacity: 0.8;
     -moz-opacity: 0.8; }
   .product-social h4 {
     color: rgba(0, 0, 0, 0.5);
     margin-bottom: 0em;
     font: normal 11px/12px "futura-bold";
     text-transform: uppercase; }
 
 .product-detail-marque {
 /*  padding-top: 70px;*/
   text-align: left; }
   .product-detail-marque .overview {
     height: 500px;
     /* was 480 */ }
 
 .model-variations {
   z-index: 350; }
   .model-variations p {
     margin-bottom: 0; }
   .model-variations a {
     height: 85px;
     width: 75px;
     float: left;
     margin-right: 20px;
     display: none; }
   .model-variations span {
     font: normal 11px/1.4 "proxima-nova", sans-serif;
     color: #828282; }
 
 .where-button {
   display: block;
   background-color: #383838; }
 
 .tab-panel {
   display: none; }
 
 .tab-panel-1 {
   display: block; }
 
 #product-videos {
   margin-top: 80px; }
 
 .product-full {
   position: absolute;
   width: 450px;
   margin-right: -30px;
   top: 30px;
   right: 0;
   z-index: 6; }
   .product-full img {
     width: 80%; }
 
 .bg {
   width: 100%;
   background: #cbd3df url(https://casiocdn.com/babyg/resource/img/assets/product-marques.jpg) no-repeat center center; }
 
 .quote {
   width: 100%;
   margin-bottom: 7em;
   background: transparent url(https://casiocdn.com/babyg/resource/img/assets/radial-grad.gif) no-repeat center bottom; }
   .quote .inner {
     height: 197px; }
     .quote .inner .quote-content {
       position: absolute;
       z-index: 20;
       bottom: 0;
       left: 310px;
       width: 340px;
       height: 210px;
       text-align: center; }
       .quote .inner .quote-content p {
         margin-top: -0.4em;
         font-family: "times";
         font-style: italic;
         font-size: 22px;
         margin-bottom: 0.3em; }
       .quote .inner .quote-content h4 {
         font: normal 12px/16px "futura-bold", sans-serif;
         color: #333;
         text-transform: uppercase;
         margin-top: 0.5em; }
     .quote .inner .person {
       position: absolute;
       z-index: 25;
       bottom: 0;
       right: 20px;
       width: 364px;
       height: 261px;
       background: transparent url(https://casiocdn.com/babyg/resource/img/assets/kazu-quote.png) no-repeat center bottom; }
 
 .collection-nav .left-toggle, .collection-nav .right-toggle {
   width: 75px;
   cursor: pointer;
   height: 100%;
   position: absolute;
   top: 0;
   z-index: 65;
   background-position: center center;
   background-repeat: no-repeat;
   opacity: 1;
   -ms-filter: alpha(opacity=100);
   filter: alpha(opacity=100);
   -khtml-opacity: 1;
   -moz-opacity: 1; }
   .collection-nav .left-toggle:hover, .collection-nav .right-toggle:hover {
     opacity: 0.8;
     -ms-filter: alpha(opacity=80);
     filter: alpha(opacity=80);
     -khtml-opacity: 0.8;
     -moz-opacity: 0.8; }
 .collection-nav .right-toggle {
   right: 0;
   background-image: url("../img/assets/product-nav-R.png");
   -webkit-transition: all 0.9s cubic-bezier(0.23, 0.3, 0.32, 1);
   -moz-transition: all 0.9s cubic-bezier(0.23, 0.3, 0.32, 1);
   -ms-transition: all 0.9s cubic-bezier(0.23, 0.3, 0.32, 1);
   -o-transition: all 0.9s cubic-bezier(0.23, 0.3, 0.32, 1);
   transition: all 0.9s cubic-bezier(0.23, 0.3, 0.32, 1); }
 .collection-nav .left-toggle {
   -webkit-transition: all 0.9s cubic-bezier(0.23, 0.3, 0.32, 1);
   -moz-transition: all 0.9s cubic-bezier(0.23, 0.3, 0.32, 1);
   -ms-transition: all 0.9s cubic-bezier(0.23, 0.3, 0.32, 1);
   -o-transition: all 0.9s cubic-bezier(0.23, 0.3, 0.32, 1);
   transition: all 0.9s cubic-bezier(0.23, 0.3, 0.32, 1);
   left: 0;
   background-image: url("../img/assets/product-nav-L.png"); }
 .collection-nav .products {
   height: 110px;
   width: 810px;
   margin: 0 auto; }
   .collection-nav .products ul {
     list-style-type: none;
     padding: 0;
     text-align: center; }
     .collection-nav .products ul li {
       display: inline-block;
       width: 90px; }
       .collection-nav .products ul li span {
         display: block;
         font-size: 12px;
         font-family: 'museo-slab';
         color: #333333;
         margin-top: 5px; }
       .collection-nav .products ul li div {
         width: 90px;
         height: 110px;
 /*        background-color: #333;*/
         margin: 0 0.2em;
         float: left;
 /*        background: transparent url(https://casiocdn.com/babyg/resource/img/watch-xxs.png) no-repeat center center;*/
         border-radius: 5px;
         border: dotted 1px #eeeeee; }
       .collection-nav .products ul li div.selected {
         background-color: #eee; }
 
 .add-case {
   font: normal 11px/16px "futura-bold";
   color: #333;
   text-transform: uppercase;
   margin-top: 1.6em!important; }
 
 .colorFilter li {
   display: inline-block; }
   .colorFilter li .filterSwatch {
     display: inline-block;
     width: 30px!important;
     height: 15px;
     border: solid 2px rgba(0, 0, 0, 0.1);
     -webkit-transition: all 0.3s cubic-bezier(0.23, 0.3, 0.32, 1);
     -moz-transition: all 0.3s cubic-bezier(0.23, 0.3, 0.32, 1);
     -ms-transition: all 0.3s cubic-bezier(0.23, 0.3, 0.32, 1);
     -o-transition: all 0.3s cubic-bezier(0.23, 0.3, 0.32, 1);
     transition: all 0.3s cubic-bezier(0.23, 0.3, 0.32, 1); }
 
 .colorFilter li:hover .filterSwatch {
   border: solid 2px rgba(0, 0, 0, 0.4); }
 
 .tester {
   width: 550px;
   list-style-type: none; }
   .tester li {
     float: left;
     width: 45px;
     height: 45px;
     background-color: #333;
     margin: 1em; }
 
 .current-marker {
   width: 120px;
   background-color: #f00;
   position: absolute;
   top: 5px;
   left: 7px;
   background-color: #26282b;
   height: 40px;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   border-radius: 20px;
   background: #414449;
   color: #fff;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNDQ0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjBiMGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top, #414449 0%, #0b0b0c 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #414449), color-stop(100%, #0b0b0c));
   background: -webkit-linear-gradient(top, #414449 0%, #0b0b0c 100%);
   background: -o-linear-gradient(top, #414449 0%, #0b0b0c 100%);
   background: -ms-linear-gradient(top, #414449 0%, #0b0b0c 100%);
   background: linear-gradient(to bottom, #414449 0%, #0b0b0c 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#414449', endColorstr='#0b0b0c',GradientType=0 ); }
 
 .current-marker:after {
   content: '';
   width: 0;
   height: 0;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-top: solid 12px #0b0b0c;
   position: absolute;
   bottom: -9px;
   margin-left: -10px;
   left: 50%;
   z-index: 50; }
 
 .message {
   display: none;
   position: relative;
   top: -80px;
   text-align: center; }
 
 input[type="checkbox"], input[type="radio"] {
   margin-right: 7px; }
 
 input[type="checkbox"], input[type="radio"] {
   display: none; }
 
 input[type="checkbox"] + label, input[type="radio"] + label {
   display: inline-block;
   width: 12px;
   height: 12px;
   background-color: #eee;
   border-radius: 1px;
   margin-right: 7px;
   box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.3);
   float: left;
   position: relative; }
 
 input[type="checkbox"]:checked + label, input[type="radio"]:checked + label {
   box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.4); }
 
 input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before {
   position: absolute;
   display: block;
   /*width:20px;
   height:20px;*/
   /*left:70px;
   top:70px;*/
   content: "\2713";
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
   font-size: 19px;
   color: #333;
   text-align: center;
   line-height: 12px;
   zoom: 1; }
 
 .lt-ie9 .filter-set label {
   display: none; }
 .lt-ie9 input[type="checkbox"], .lt-ie9 input[type="radio"] {
   display: inline-block; }
 
 .isotope, .isotope .isotope-item {
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   -ms-transition-duration: 0.8s;
   -o-transition-duration: 0.8s;
   transition-duration: 0.8s; }
 
 .isotope .isotope-item {
   -webkit-transition-property: opacity;
   -moz-transition-property: opacity;
   -ms-transition-property: opacity;
   -o-transition-property: opacity;
   transition-property: opacity; }
 
 .isotope-hidden {
   border-top: 20px solid red;
   opacity: 0;
   -ms-filter: alpha(opacity=0);
   filter: alpha(opacity=0);
   -khtml-opacity: 0;
   -moz-opacity: 0; }
 
 .lt-ie9 .isotope-hidden {
   display: none !important; }
 
 /* section build up */
 .marque-scl {
   overflow: hidden;
   padding: 20px 0 20px; }
 
 .rad-grad {
   background: transparent url(https://casiocdn.com/babyg/resource/img/assets/radial-grad.gif) no-repeat center bottom; }
 
 .rad-grad-inverted {
   background: transparent url(https://casiocdn.com/babyg/resource/img/assets/radial-grad2.gif) no-repeat top center; }
 
 /*.gg{
     //background: #e1e8f2 url(https://casiocdn.com/babyg/resource/img/assets/marque01.jpg) no-repeat center center;
     height:100%;width:100%;margin:0 auto;position:absolute; top:0;left:0;
 }*/
 .frontcenter {
   width: 250px;
   height: 350px;
   position: absolute;
   bottom: -55px;
   margin-left: 50%;
   left: -125px; }
   .frontcenter img {
     bottom: 0;
     left: 0;
     position: absolute; }
 
 .product-page {
   overflow: auto;
   padding-top: 70px; }
 
 .tooltip {
   z-index: 1201;
   opacity: 0;
   -ms-filter: alpha(opacity=0);
   filter: alpha(opacity=0);
   -khtml-opacity: 0;
   -moz-opacity: 0;
   position: absolute;
   padding: 5px 10px;
   z-index: 800;
   line-height: 1.4;
   color: #777;
   width: 100px;
   text-align: center;
   text-transform: uppercase;
   top: 40px;
   border: none;
   margin-left: -34px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
   font-size: 12px;
   text-indent: 0;
   pointer-events: none;
   cursor: default;
   text-shadow: none;
   background: #fefefe;
   /* Old browsers */
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   -ms-transition: all 0.15s ease;
   -webkit-transition: all 0.15s ease;
   transition: all 0.15s ease; }
   .tooltip:before {
     content: '';
     display: block;
     position: absolute;
     top: -8px;
     left: 50%;
     margin-left: -8px;
     width: 0;
     height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-bottom: 8px solid #fefefe;
     z-index: 901; }
 
 a:hover .tooltip {
   opacity: 1;
   -ms-filter: alpha(opacity=100);
   filter: alpha(opacity=100);
   -khtml-opacity: 1;
   -moz-opacity: 1;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   -ms-transition: all 0.15s ease;
   -webkit-transition: all 0.15s ease;
   transition: all 0.15s ease; }
 
 .tooltip.last {
   left: auto;
   right: -12px;
   margin-left: auto; }
   .tooltip.last::before {
     left: auto;
     right: 19px; }
 
 /*
 
 AMBASSADORS
 
 */
 .columns aside, .columns article {
   display: inline-block;
   position: relative;
   height: auto;
   vertical-align: top;
   text-align: left; }
 .columns h1, .columns h2, .columns h3, .columns h4, .columns h5 {
   text-align: left;
   margin: 30px 0 -10px; }
 .columns p {
   font: normal 13px/18px "proxima-nova", sans-serif;
   color: #828282; }
 .columns p:first-child {
   margin-top: 0; }
 .columns aside {
   width: 319px;
   float: left; }
 .columns aside + article {
   width: 615px; }
 
 .play {
   position: relative; }
   .play img {
     position: relative; }
   .play:after {
     content: '';
     display: block;
     position: absolute;
     left: 50%;
     top: 50%;
     width: 48px;
     height: 48px;
     margin: -24px 0 0 -24px;
     background: transparent url(https://casiocdn.com/babyg/resource/img/assets/btn_play.png);
     z-index: 20; }
 
 .lt-ie9 .play div.btn-play {
   display: block;
   position: absolute;
   left: 50%;
   top: 50%;
   width: 48px;
   height: 48px;
   margin: -24px 0 0 -24px;
   background: transparent url(https://casiocdn.com/babyg/resource/img/assets/btn_play.png);
   z-index: 20; }
 
 #searchForm {
   position: relative; }
   #searchForm input[type="submit"] {
     background: url(https://casiocdn.com/babyg/resource/img/assets/product-nav-R.png) no-repeat 50%;
     border: 0 none;
     box-shadow: none;
     padding: 22px;
     width: 53px;
     height: 53px;
     position: absolute;
     right: 10px;
     top: 50%;
     margin-top: -25px;
     display: inline-block;
     vertical-align: middle;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     border-radius: 0;
     -moz-background-clip: padding;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     opacity: 1;
     -ms-filter: alpha(opacity=100);
     filter: alpha(opacity=100);
     -khtml-opacity: 1;
     -moz-opacity: 1; }
     #searchForm input[type="submit"]:hover {
       opacity: .9;
       -ms-filter: alpha(opacity=90);
       filter: alpha(opacity=90);
       -khtml-opacity: .9;
       -moz-opacity: .9; }
 
 .big-search {
   font: 900 48px/1 "proxima-nova", sans-serif;
   position: relative;
   border: 0;
   border-bottom: 1px solid #eeeeee;
   width: 100%;
   margin: 20px 0 20px 0;
   padding: 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   border-radius: 10px 10px 10px 10px; }
   .big-search.mobilenav-search {
     width: 80%;
     margin: 0.5em auto; }
     .big-search.mobilenav-search ~ #searchSubmit {
       right: 100px; }
 
 .links-overlay {
   position: relative;
   margin-bottom: 100px; }
   .links-overlay a {
     display: inline-block;
     position: relative;
     margin: 0; }
     .links-overlay a:hover .copy {
       zoom: 1;
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
       opacity: 1; }
   .links-overlay .copy {
     background: url(https://casiocdn.com/babyg/resource/img/assets/bg_ie8-transBlack.png);
     color: #fff;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     text-align: left;
     zoom: 1;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -webkit-transition: all 0.2s ease;
     transition: all 0.2s ease; }
   .links-overlay h3 {
     margin: 10px 10px 0px;
     font: normal 18px/36px "futura-bold"; }
   .links-overlay p {
     font: normal 12px/1.4 "futura-bold";
     margin: 0 0 5px 0;
     padding-left: 10px;
     padding-right: 10px; }
 
 .lt-ie9 .links-overlay a .copy {
   display: none; }
 .lt-ie9 .links-overlay a:hover .copy {
   display: block; }
 
 .ly {
   display: none; }
 
 screen-on
 #main-nav {
   position: relative;
   z-index: 3; }
 
 .container.wheretobuy {
   border-bottom: 1px solid #f1f0f0;
   background-color: white;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, white));
   background-image: -webkit-linear-gradient(top, #eeeeee, white);
   background-image: -moz-linear-gradient(top, #eeeeee, white);
   background-image: -ms-linear-gradient(top, #eeeeee, white);
   background-image: -o-linear-gradient(top, #eeeeee, white);
   background-image: linear-gradient(top, bottom, #eeeeee, white);
   overflow: hidden;
   margin-top: 70px; }
   .container.wheretobuy #slides_cover {
     -moz-box-shadow: 2px 0 7px #777777;
     -webkit-box-shadow: 2px 0 7px #777777;
     box-shadow: 2px 0 7px #777777;
     height: 100%;
     min-height: 750px;
     overflow: hidden;
     position: absolute;
     width: 300px;
     z-index: 2; }
     .container.wheretobuy #slides_cover #slides {
       overflow: hidden;
       position: absolute;
       width: 600px; }
       .container.wheretobuy #slides_cover #slides .grid_4 {
         height: 100%;
         min-height: 750px;
         margin: 0;
         width: 300px;
         float: left; }
 
 /* 1 aside */
 .startbox {
   padding: 15px 40px 20px 40px; }
   .startbox h2 {
     border-bottom: 1px solid #777777;
     font-size: 18px;
     margin: 10px 0 31px;
     padding-bottom: 5px;
     width: 200px; }
   .startbox .mapsearch {
     padding-bottom: 30px; }
     .startbox .mapsearch input#zip {
       border: 1px solid #777777;
       font-size: 14px;
       padding: 2px 2px;
       width: 69%;
       height: 30px; }
     .startbox .mapsearch button.zip {
       background: url(https://casiocdn.com/babyg/resource/img/assets/product-nav-R.png) no-repeat 50%;
       border: 0 none;
       box-shadow: none;
       padding: 22px;
       position: relative;
       width: 53px;
       height: 53px;
       display: inline-block;
       vertical-align: middle;
       -moz-border-radius: 0;
       -webkit-border-radius: 0;
       border-radius: 0;
       -moz-background-clip: padding;
       -webkit-background-clip: padding-box;
       background-clip: padding-box;
       opacity: 1; }
       .startbox .mapsearch button.zip:hover {
         opacity: .9; }
     .startbox .mapsearch h5 {
       color: #9B9B9B;
       font: normal 12px "futura-bold";
       text-transform: inherit;
       margin: 10px 0 0; }
   .startbox .logos {
     width: 212px; }
     .startbox .logos a {
       background-color: #fff;
       -moz-box-shadow: 0 0 7px #c3c3c3;
       -webkit-box-shadow: 0 0 7px #c3c3c3;
       box-shadow: 0 0 7px #c3c3c3;
       float: left;
       margin: 0 13px 20px 1px; }
       .startbox .logos a:hover {
         -moz-box-shadow: 0 0 2px 1px;
         -webkit-box-shadow: 0 0 2px 1px;
         box-shadow: 0 0 2px 1px; }
 
 /* 2 aside */
 #resultbox {
   background: url(https://casiocdn.com/babyg/resource/img/map/backpage_bg.png) repeat-y left;
   padding: 70px 20px 20px 90px;
   overflow: auto;
   height: 600px!important; }
   #resultbox .backpage {
     left: 0;
     position: absolute;
     top: 70px;
     width: 70px; }
     #resultbox .backpage a {
       background: url(https://casiocdn.com/babyg/resource/img/map/ico_location_w.png) no-repeat 50% #222222;
       display: block;
       height: 89px;
       width: 70px;
       outline: none;
       -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
       -ms-transition: all 0.5s ease;
       -webkit-transition: all 0.5s ease;
       transition: all 0.5s ease; }
       #resultbox .backpage a:hover {
         background: url(https://casiocdn.com/babyg/resource/img/map/ico_location.png) no-repeat 50% #444444; }
   #resultbox #result_addresses {
     background-color: #f8f8f8;
     border-top: 1px solid #777777; }
     #resultbox #result_addresses div {
       border-bottom: 1px solid #777777; }
       #resultbox #result_addresses div a, #resultbox #result_addresses div a.open {
 /*        background: url(https://casiocdn.com/babyg/resource/img/map/+-.png) no-repeat 155px 16px;*/
         color: #222;
         display: block;
         font: bold 12px "proxima-nova";
         padding: 8px 40px 8px 5px;
         outline: none; }
         #resultbox #result_addresses div a span, #resultbox #result_addresses div a.open span {
           display: block;
           font: normal 14px "proxima-nova"; }
       #resultbox #result_addresses div .close {
         background-position: 155px -64px; }
       #resultbox #result_addresses div div {
         color: #9b9b9b;
         font-size: 14px;
         border-bottom: 0 none;
         padding: 8px 5px; }
       #resultbox #result_addresses div .info {
         border-top: 1px solid #777777;
         padding: 10px 0;
         text-align: left; }
         #resultbox #result_addresses div .info .phone {
           padding: 20px 5px; }
 
 /* google map box */
 #rightmap {
   height: 750px;
   margin: 0;
   width: auto !important;
   min-width: 100%; }
   #rightmap #push {
     float: left;
     height: 100%;
     width: 300px; }
   #rightmap #map {
     min-height: 100%; }
     #rightmap #map div {
       -moz-box-sizing: content-box;
       -webkit-box-sizing: content-box;
       box-sizing: content-box; }
 
 /*
 
 FLICKR
 
 */
 #flickr {
   list-style-type: none;
   margin: 25px 0 0 0;
   padding: 0;
   text-align: center;
   width: 300px; }
   #flickr li {
     display: inline-block;
     width: 75px;
     position: relative;
     margin: 0 10px 10px 0; }
   #flickr:after {
     position: absolute;
     display: block;
     width: 49px;
     height: 14px;
     bottom: -20px;
     right: 0; }
 
 /*#featured-related-videos {
   list-style-type: none;
   margin: 25px 0 0 0;
   padding: 0;
   text-align: center;
  display: block; width: 300px}
   #featured-related-videos li {
     display: inline-block;
     width: 75px;
     position: relative;
     margin: 0 22px 25px 0;
     background-color: #eee; }*/
   
   #featured-related-videos {
   margin: 25px 0 0 0;
   padding: 0;
   text-align: center;
  display: block; width: 400px}
   #featured-related-videos li {
     list-style: none;
     display: block;
     width: 75px;
     margin: 0 22px 25px 0;
     background-color: #eee; }
   
  .videoChanger {
   max-width:990px; 
   text-align:left; 
   margin:0 0 0 10px;
   }
   
   #featured-related-videos:after {
     position: absolute;
     display: block;
     width: 49px;
     height: 14px;
     bottom: -20px;
     right: 0; }
   #featured-related-videos li:hover {
     filter: alpha(opacity=70);
     opacity: 0.7; }
 
 .watch-buttons {
   text-align: left;
   margin-bottom: 2em;
   z-index: 1150; }
   .watch-buttons .a-button {
     display: inline-block; }
 
 .model-l, .model-r {
   background: transparent url(https://casiocdn.com/babyg/resource/img/nav/arr_medium-gray-sprite-var.png) no-repeat 4px center;
   height: 85px;
   width: 38px!important;
   float: left;
   margin-right: 0!important;
   display: inline-block!important; }
 
 .model-r {
   background-position: -152px center;
   margin-left: -20px; }
 
 .support-menu {
   border-left: 1px solid #cccccc;
   margin-left: 20px;
   /*    margin-top:-60px;*/
   width: 200px;
   padding: 0 20px 20px 20px;
   height: 370px;
   z-index: 30;
   float: right; }
 
 /*
 
 MOBILE MENU
 
 */
 #btn-mobilecart {
  display: none;
  position: fixed;
  top: .75em;
  right: 8.5em;
  padding: 1em 1em 1em 0.75em;
}

 #btn-mobilenav {
   display: none;
   position: fixed;
   top: .5em;
   right: .5em;
   padding: 1em 1em 1em 0.75em;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   -ms-transition: all 0.2s ease;
   -webkit-transition: all 0.2s ease;
   transition: all 0.2s ease;
   border: 1px solid #333333;
   color: #ccc;
   font: normal 1em/1 "futura-bold"; }
   #btn-mobilenav:active {
     background: #555;
     color: #fff; }
     #btn-mobilenav:active .bar {
       background: #000; }
       #btn-mobilenav:active .bar:before, #btn-mobilenav:active .bar:after {
         background: #000; }
   #btn-mobilenav .bar {
     top: -2px;
     position: relative;
     display: inline-block;
     width: 2em;
     height: .5em;
     background: #666;
     margin-left: 1em;
     -moz-border-radius: 3px 3px 3px 3px;
     -webkit-border-radius: 3px 3px 3px 3px;
     border-radius: 3px 3px 3px 3px; }
     #btn-mobilenav .bar:before {
       content: '';
       position: relative;
       display: block;
       width: 2em;
       height: .5em;
       background: #666;
       -moz-border-radius: 3px 3px 3px 3px;
       -webkit-border-radius: 3px 3px 3px 3px;
       border-radius: 3px 3px 3px 3px;
       top: -.95em; }
     #btn-mobilenav .bar:after {
       top: .35em;
       content: '';
       position: relative;
       display: block;
       width: 2em;
       height: .5em;
       background: #666;
       -moz-border-radius: 3px 3px 3px 3px;
       -webkit-border-radius: 3px 3px 3px 3px;
       border-radius: 3px 3px 3px 3px; }
 
 .mobile-menu {
   position: fixed;
   top: -100%;
   left: 0;
   right: 0;
   bottom: auto;
   filter: alpha(opacity=0);
   opacity: 0;
   z-index: -100;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   -ms-transition: all 0.2s ease;
   -webkit-transition: all 0.2s ease;
   transition: all 0.2s ease;
   background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.85) 100%);
   /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.85)), color-stop(100%, rgba(0, 0, 0, 0.85)));
   /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.85) 100%);
   /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.85) 100%);
   /* Opera 11.10+ */
   background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.85) 100%);
   /* IE10+ */
   background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.85) 100%);
   /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9000000', endColorstr='#d9000000',GradientType=1 );
   /* IE6-9 */ }
   .mobile-menu.active {
     z-index: 1200;
     top: 0%;
     bottom: 0%;
     filter: alpha(opacity=100);
     opacity: 1; }
   .mobile-menu ul {
     height: 100%;
     overflow: auto;
     margin: 4em 0 0 0;
     padding: 0; }
     .mobile-menu ul li {
       border-top: 1px solid #cccccc;
       text-align: center; }
       .mobile-menu ul li a {
         display: block;
         padding: 1em 0;
         color: #ccc;
         font: normal 2em/1.5em "futura-bold", sans-serif;
         background: none;
         -moz-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
         -ms-transition: all 0.2s ease;
         -webkit-transition: all 0.2s ease;
         transition: all 0.2s ease; }
         .mobile-menu ul li a:hover {
           background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 100%);
           /* FF3.6+ */
           background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0.65)));
           /* Chrome,Safari4+ */
           background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 100%);
           /* Chrome10+,Safari5.1+ */
           background: -o-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 100%);
           /* Opera 11.10+ */
           background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 100%);
           /* IE10+ */
           background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 100%);
           /* W3C */
           filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9000000', endColorstr='#d9000000',GradientType=1 );
           /* IE6-9 */ }
   .mobile-menu input[type="submit"] {
     display: inline-block;
     background-color: transparent;
     border: 0;
     width: 32px;
     margin-left: 11px;
     background-image: url(https://casiocdn.com/babyg/resource/img/nav/nav-search.png);
     background-repeat: no-repeat; }
 
 .lt-ie9 .mobile-menu {
   display: none; }
 
 .copy h1 {
   text-align: left; }
 
 .mobile-only {
   display: none; }
 
 /* =======
 
 BABY G HOME PAGE
 
 ======== */
 .babyg-logo-header {
   width: 280px;
   height: 62px;
   background: transparent url(https://casiocdn.com/babyg/resource/img/assets/babyg-logo-header.png) no-repeat left center;
   position: absolute; }
 /*
 .babyg-logo-screen
  {
   width: 90px;
   height: 62px;
   background: transparent url(https://casiocdn.com/babyg/resource/img/assets/babyg-logo-header.png) no-repeat left center;
   position: absolute; }
 */
 
 #babyg-site #gbl-hd li.active:after {
   border-bottom: solid 4px #02f9c9 !important; }
 
 #babyg-site #gbl-hd .nav-search {
   width: 32px;
   margin-left: 11px;
   background-image: url(https://casiocdn.com/babyg/resource/img/nav/babyg-nav-search.png) !important; }
 
 #babyg-site .gradient-reflective .center-block.active span {
   border-bottom: solid 4px #02f9c9 !important; }
 
 #babyg-site .big-red {
   color: #02f9c9; }
  /*
 .baby-lead-image {
   height: 100%;
   background-color: #eee;
   display: block;
   width: 100%;
   text-align: center;
   overflow: hidden; }
  .baby-lead-image img {
     position: relative;
     top: 0;
     left: 0;
     margin-top: -129px; }*/
 
 .baby-secondary-area {
   z-index: 1000;
   /* height:1300px; */
   display: block;
   width: 100%;
   text-align: center;
   padding: 0px 0 0 0;
   background: #fefefe;
   /* Old browsers */
   background: -moz-linear-gradient(top, #fefefe 0%, #cbcbcb 100%);
   /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #cbcbcb));
   /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #fefefe 0%, #cbcbcb 100%);
   /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #fefefe 0%, #cbcbcb 100%);
   /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #fefefe 0%, #cbcbcb 100%);
   /* IE10+ */
   background: linear-gradient(to bottom, #fefefe 0%, #cbcbcb 100%);
   /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#cbcbcb',GradientType=0 );
   /* IE6-9 */ }
 
 .baby-headline {
     position: absolute;
   color: #02f9c9;
   font-family: "proxima-nova", serif;
   font-size: 150px;
   font-weight: 700;
   text-align: center;
   top:20%;
   left: 20%;
   z-index: 999;
    }
 
 #baby-grid {
   width: 960px;
   margin: auto;
   overflow: hidden;
   z-index: 200; }
 
 .grid-label {
   background-color: transparent;
   width: 320px;
   height: 260px;
   float: left;
   display: table; }
 
 .grid-label .label-inner {
   width: 58%;
   height: 54%;
   border: solid 5px black;
   margin: 62px auto 0; }
 
 .grid-label .label-inner:after {
   top: 100%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-color: rgba(136, 183, 213, 0);
   border-top-color: rgba(0, 0, 0, 0.85);
   border-top-width: 14px;
   border-right-width: 10px;
   border-left-width: 10px;
   left: 50%;
   margin-left: -12px;
   margin-top: 15px; }
 
 .left-marker.label-inner:before {
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-color: rgba(136, 183, 213, 0);
   border-left-color: rgba(0, 0, 0, 0.85);
   border-left-width: 14px;
   border-top-width: 10px;
   border-bottom-width: 10px;
   top: 50%;
   margin-top: -7px;
   margin-left: 15px;
   left: 100%; }
 
 .right-marker.label-inner:before {
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-color: rgba(136, 183, 213, 0);
   border-right-color: rgba(0, 0, 0, 0.85);
   border-right-width: 14px;
   border-top-width: 10px;
   border-bottom-width: 10px;
   margin-top: -7px;
   top: 50%;
   margin-right: 15px;
   right: 100%; }
 
 .grid-label .label-inner p {
   color: #000;
   margin-top: 30px;
   font-size: 24px;
   text-align: center;
   text-transform: uppercase;
   font-family: "proxima-nova", serif;
   font-weight: 700; }
 
 .grid1-by-1, .grid1-by-2 {
   float: left;
   overflow: hidden; }
 
 .grid1-by-1 .grid-inner, .grid1-by-2 .grid-inner, .grid2-by-1 .grid-inner {
   display: none;
   background: rgba(0, 0, 0, 0.85) url(https://casiocdn.com/babyg/resource/img/assets/baby-grid-plus.png) no-repeat right bottom;
   position: absolute;
   z-index: 9999;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   font-family: "proxima-nova", serif; }
   .grid1-by-1 .grid-inner p, .grid1-by-2 .grid-inner p, .grid2-by-1 .grid-inner p {
     color: #fff;
     font-size: 18px;
     position: absolute;
     bottom: 20px;
     left: 30px;
     text-transform: uppercase;
     margin: 0;
     font-weight: 800;
     text-align: left; }
   .grid1-by-1 .grid-inner img, .grid1-by-2 .grid-inner img, .grid2-by-1 .grid-inner img {
     position: absolute; }
 
 .teal {
   color: #02f9c9; }
 
 .grid1-by-2 .grid-inner {
   height: 50%; }
 
 .grid1-by-2 .grid-inner:after {
   bottom: 100%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-color: rgba(136, 183, 213, 0);
   border-bottom-color: rgba(0, 0, 0, 0.85);
   border-width: 25px;
   left: 50%;
   margin-left: -25px; }
 
 .grid1-by-1:hover .grid-inner, .grid1-by-2:hover .grid-inner, .grid2-by-1:hover .grid-inner {
   display: block; }
 
 .grid1-by-1 {
   width: 320px;
   height: 260px; }
 
 .grid1-by-2 {
   width: 320px;
   height: 520px; }
 
 .grid2-by-1 {
   width: 640px;
   height: 260px; }
 
 .scroll-holder {
   width: 100%;
   position: fixed;
   bottom: 5%;
   left: 0; }
 
 .scroll-arrow {
   position: absolute;
   bottom: 2%;
   right: 4%;
   height: 114px;
   width: 114px;
   background: transparent url(https://casiocdn.com/babyg/resource/img/assets/scroll-icon.png) no-repeat center center; }
 
 .top-right-watch, .bottom-left-watch {
   position: absolute;
   z-index: 0; }
 
 .top-right-watch {
   top: 0;
   right: 0; }
 
 .bottom-left-watch {
   left: 0;
   bottom: 0; }
 
 .video-overlay:before {
   content: '';
   width: 100%;
   height: 100%;
   background: transparent url(https://casiocdn.com/babyg/resource/img/assets/baby-grid-play.png) no-repeat center center;
   z-index: 9999;
   position: absolute; }
 
 .news-nav {
   background-color: #f1f4f9;
   overflow: auto;
   padding: 0.5em 1em; }
   .news-nav p {
     font-family: 'museo-slab';
     text-transform: uppercase;
     font-size: 14px;
     color: #323234; }
     .news-nav p a {
       margin: 0 5px; }
 
 .news-nav:after {
   width: 100%;
   top: 0;
   content: '';
   -moz-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0 6px 8px 2px rgba(0, 0, 0, 0.3);
   border-bottom: solid black; }
 
 .nav-shadow {
   -moz-box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.05);
   box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.05);
   z-index: 10; }
 
 /* ==========================================================================
    Helper classes
    ========================================================================== */
 /*
  * Image replacement
  */
 .ir {
   background-color: transparent;
   border: 0;
   overflow: hidden;
   /* IE 6/7 fallback */
   *text-indent: -9999px; }
 
 .ir:before {
   content: "";
   display: block;
   width: 0;
   height: 150%; }
 
 /*
  * Hide from both screenreaders and browsers: h5bp.com/u
  */
 .hidden {
   display: none !important;
   visibility: hidden; }
 
 /*
  * Hide only visually, but have it available for screenreaders: h5bp.com/v
  */
 .visuallyhidden {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px; }
 
 /*
  * Extends the .visuallyhidden class to allow the element to be focusable
  * when navigated to via the keyboard: h5bp.com/p
  */
 .visuallyhidden.focusable:active,
 .visuallyhidden.focusable:focus {
   clip: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   position: static;
   width: auto; }
 
 /*
  * Hide visually and from screenreaders, but maintain layout
  */
 .invisible {
   visibility: hidden; }
 
 /*
  * Clearfix: contain floats
  *
  * For modern browsers
  * 1. The space content is one way to avoid an Opera bug when the
  *    `contenteditable` attribute is included anywhere else in the document.
  *    Otherwise it causes space to appear at the top and bottom of elements
  *    that receive the `clearfix` class.
  * 2. The use of `table` rather than `block` is only necessary if using
  *    `:before` to contain the top-margins of child elements.
  */
 .clearfix:before,
 .clearfix:after {
   content: " ";
   /* 1 */
   display: table;
   /* 2 */ }
 
 .clearfix:after {
   clear: both; }
 
 /*
  * For IE 6/7 only
  * Include this rule to trigger hasLayout and contain floats.
  */
 .clearfix {
   *zoom: 1; }
 
 /* ==========================================================================
    EXAMPLE Media Queries for Responsive Design.
    Theses examples override the primary ('mobile first') styles.
    Modify as content requires.
    ========================================================================== */
 @media only screen and (min-width: 35em) {
     
   /* Style adjustments for viewports that meet the condition */ }
 @media only screen and (max-width: 959px) {
   .inner {
     width: auto; }
 
   #btn-mobilenav {
     display: block; }

  #btn-mobilecart {
  display: block; }
 
   #gbl-nav {
     display: none; }
   
   #open{display: none; opacity: 0;}
   #promo{display: none;}
   #gbl-hd {top: 0; position: fixed}
   #contact {margin-top: 70px;}
     
 
   #virtual .overlay {
     left: 50%;
     margin-left: -360px; }
 
   .cycle {
     height: auto!important; }
 
   .slide {
     position: relative!important;
     display: block!important;
     opacity: 1!important;
     width: 100%!important;
     height: auto!important;
     margin-bottom: 40px!important; }
 
   .cycle-nav {
    display: none; }
 
   /* .content{
      width:95%;
      margin-left:auto;
      margin-right:auto;
    }*/
   .content span.copy, .content span.image,
   .slide span.copy, .slide span.image {
     display: block;
     width: 75%;
     margin-left: auto!important;
     margin-right: auto!important; }
 
   /*.content .copy{
     margin-bottom:40px!important;
   }*/none
   .content h4 {
     margin-top: 20px!important; }
 
   #filter-price, #filter-sort {
     display: none; }
 
   .filter-group {
     display: block;
     width: 44%; }
 
   .container.wheretobuy #slides_cover {
     position: relative;
     margin: 0 auto;
     overflow: hidden; }
 
   iframe {
     width: 100%; }
 
   .happenings .margin-left40 {
     margin-left: 0!important; }
   .happenings #flickr {
     width: 400px;
     margin: 0 auto; }
   .happenings .copy {
     width: 100%!important; }
 
   #rightmap {
     display: none; }
 
   .top-right-watch, .bottom-left-watch {
     display: none;
     visibility: hidden; }
 
   #baby-grid {
     width: 640px; }
 
     .right-marker.label-inner:before,.right-marker.label-inner:after {
       content: none;
     }
 
     .left-marker.label-inner:before,.left-marker.label-inner:after {
       content: none;
     }
 
   .grid1-by-1 {
     width: 50%; }
 
   .grid1-by-2 {
     width: 50%; }
 
   .grid2-by-1 {
     width: 100%; }
 
   .scroll-holder {
     display: none; } }
 @media only screen and (max-width: 959px) and (max-width: 768px) {
   .collection-nav .products {
     height: auto;
     width: 580px; }
 
 
       #baby-grid {
     width: 640px; }
      }
 @media only screen and (max-width: 680px) {
   .mobile-only {
     display: block; }
   #open{display: none;}
 
 
   h1 {
     font-size: 36px; }
 
   .marquee {
     height: 320px; }
 
   #team {
     margin-top: -250px; }
 
   .happenings #flickr {
     display: none;
     width: 300px;
     margin: 15px; }
 
   .happenings p {
     width: 95%;
     margin: 0 auto; }none
 
   .happenings .follow {
     text-align: left;
     display: block;
     margin-left: 10px;
     margin-top: 35px; }
 
   .happenings h4, .happenings h1 {
     margin-left: 5px!important; }
 
   #featured-related-videos {
     margin-left: 10px;
     margin-top: -5px; }
 
   .filters h3 {
     margin: 0.25em 0 2em 0; }
 
   .product-count {
     font-size: 45px; }
 
   .content span.copy h4 {
     line-height: 1.9; }
 
   #gbl-hd .logo-hdr .babyg-logo-header {
     background-image: transparent url(https://casiocdn.com/babyg/resource/img/assets/babyg-logo.png) no-repeat top left;
     background-repeat: no-repeat; 
     background-position: 50% 50%;
     margin-left:12px; 
      
     width:120px;
     height: 72px;
     -webkit-background-size: contain;
     -moz-background-size: contain;
     -o-background-size: contain;
     background-size: contain; }
 
   #gbl-hd .logo-hdr .logo {
     background: transparent url(https://casiocdn.com/babyg/resource/img/assets/g-logo.png) no-repeat top left;
     height: 72px;
     -webkit-background-size: contain;
     -moz-background-size: contain;
     -o-background-size: contain;
     background-size: contain; }
   
   .collection-marque {
     height: 320px;
     /* was 410 */ }
 
   .collection-marque .inner h1 {
     font-size: 2.5em; }
 
   .mobile-menu ul li a, .big-search {
     font-size: 1.5em; }
 
   img.responsive {
     width: 100%; }
 
   .frontcenter {
     display: none; }
 
   #virtual .overlay {
     margin-left: -400px;
     opacity: 0.35; }
 
   #virtual .overlay-content {
     display: inline-block;
     top: 0;
     float: none;
     margin-right: auto; }
 
   .content span.copy, .content span.image,
   .slide span.copy, .slide span.image {
     width: 100%;
     display: block;
     margin-left: 0!important;
     margin-right: 0!important; }
 
   span.copy {
     margin-bottom: 40px; }
 
   .watch-buttons {
     top: 260px;
     text-align: center; }
 
   .arrow-productLeft, .arrow-productRight {
     display: block; }
 
   .screen-only {
     display: none; }
 
   .mobile-only {
     display: block; }
 
   #product-landing .sortable-products a {
     width: 46%;
     margin-left: 1%;
     margin-right: 1%;
     margin-top: 40px; }
   #product-landing .swatch {
     display: none; }
 
   .product-full {
     position: absolute;
     width: 280px;
     top: auto;
     bottom: 30px;
     z-index: 6;
     text-align: center; }
 
   .product-overview h2 {
     font-size: 2.5em; }
 
   .happenings iframe {
     height: 300px;
     margin-top: 70px!important; }
   .happenings .blur-mountains {
     height: 270px;
     /* was 330*/ }
 
   #product-videos {
     margin-top: 0px; }
 
   .happenings h2.small-center {
     text-align: center!important; }
 
   .baby-headline {
     color: #02f9c9;
     font-family: "proxima-nova", serif;
     font-size: 80px;
     font-weight: 700;
     text-align: center;
     top: 20%; }
 
   .grid-label {
     display: none;
     visibility: hidden; }
 
   .grid1-by-1 .grid-inner, .grid1-by-2 .grid-inner, .grid2-by-1 .grid-inner {
     background-color: rgba(0, 0, 0, 0.55);
     background-image: none;
     display: block; }
 
   .grid1-by-2 .grid-inner:after {
     border-bottom-color: rgba(0, 0, 0, 0.55); }
 
   .baby-lead-image {
     background-attachment: scroll;
     display: none; }
 
   .baby-secondary-area {
     margin-top: 70px; }
 
   .video-overlay:before {
     content: none; }
 
   .product-detail-marque {
     padding-top: 70px;
     text-align: left; }
     .product-detail-marque .overview {
       height: 480px;
       /* was 480 */ }
 
   .product-overview {
     padding-top: 0.5em; }
 
   #gbl-hd .logo-hdr {
     height: 70px; }
 
   .product-overview h2 {
     font-size: 2.1em; }
 
   .product-overview h3 {
     font: normal 25px/29px "museo-slab"; }
 
   .product-detail-marque .bg {
     background-image: none;
     background-color: transparent; }
 
   .product-detail-marque .overview {
     height: 695px; }
 
   .product-full {
     left: 23%;
     top: 146px; }
     .product-full img {
       width: 70%;
       left:-30px;
       /* was 84% */ }
 
   .product-overview .a-button {
     position: relative;
     top: 58px;
     right: 6px;
     width: 80px;
     font-size:9px;
     padding: 10px; }
 
 
   .model-variations {
     top: 330px;
     margin-left: 10px; }
 
   .feature-tabs {
     margin-left: 8px; }
     .feature-tabs a {
       width: 95px;
       height: 35px;
       border: solid 1px #d2dae6;
       border-bottom: none; }
 
   .product-detail-marque .product-social {
     bottom: -86px;
     right: 12px; }
     .product-detail-marque .product-social h4 {
       display: none; }
     .product-detail-marque .product-social a {
       margin: 0 3px; }
 
   .specs, .tech-specs {
     height: auto;
     width: 100%;
     padding: 0 15px;
     margin-left: 0; }
 
   .tech-specs {
     overflow: auto; }
 
   .a-button {
     margin: 29px auto 0 auto;
     width: 115px;
     padding: 13px;
     text-shadow: none; }
 
   .a-button.mobile-only {
     z-index: 200;
     position: absolute;
     top: 29px;
     
     right: 5px; }
 
   .where-button {
     position: relative!important; }
 
   .center-block {
     width: 100%; }
 
   .archive {
     margin-top: 0;
     text-align: center;
     display: block;
     text-align: center;
     float: none; }
 
   .news-nav p {
     float: none;
     margin: 5px 0; }
 
   #secondary-nav {
     display: none; }
 
   /* fixes */
   .mobile-overflow-hidden {
     overflow: hidden; }
 
   .featured-content .col1-3 { 
     width: auto; }
 
   .ambassador-bio-toggle.active .columns {
     width: 95%; }
 
   .columns aside + article {
     width: 100%; }
 
   .ambassador-bio-toggle.active h2 {
     font-size: 24px; }
 
   .ambassador-bio-toggle.active aside, .ambassador-bio-toggle.active article {
     float: left;
     margin-left: 10px; }
 
   .support-menu {
     float: none;
     height: 170px;
     margin-top: 2em; }
 
           #baby-grid {
     width: 100%; margin-top:-50px; }
   
      }
 
 @media only screen and (max-width: 380px) {
   
   .mobile_iframe  {top:-55px;}
      .cycle-slideshow img {
     max-width: 100% !important; }
      
   .grid1-by-1 {
     width: 100%; }
 
   .grid1-by-2 {
     width: 100%; }
 
   .grid2-by-1 {
     width: 100%; }
 
   .product-overview {
     padding-left: 5px; }
 
   /* .specs {
        width: 300px;+' screen-only'
    }*/
   .product-full {
     left: auto; }
 
   .product-overview h2 {
     font-size: 1.8em; }
 
   .product-overview h3 {
     font: normal 22px/25px "museo-slab"; }
 
   .marquee {
     height: 250px; }
 
   .model-l, .model-r {
     width: 27px!important; }
 
   .model-l {
     background-position: 1px center; }
 
   .model-r {
     margin-left: -5px!important;
     background-position: -163px center; }
 
   .product-detail-marque .product-social {
     display: none; }
 
   .model-variations a {
     width: 67px;
     margin-right: 10px; }
   #gbl-hd{
       position: fixed;
       top: 0;
       
   }
   #open{display: none;}
 
   .model-variations p {
     text-align: center; } }
 @media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
   /* Style adjustments for high resolution devices */ }
 /* ==========================================================================
    Print styles.
    Inlined to avoid required HTTP connection: h5bp.com/r
    ========================================================================== */
 @media print {
   * {
     background: transparent !important;
     color: black !important;
     /* Black prints faster: h5bp.com/s */
     box-shadow: none !important;
     text-shadow: none !important; }
 
   a,
   a:visited {
     text-decoration: underline; }
 
   a[href]:after {
     content: " (" attr(href) ")"; }
 
   abbr[title]:after {
     content: " (" attr(title) ")"; }
 
   /*
    * Don't show links for images, or javascript/internal links
    */
   .ir a:after,
   a[href^="javascript:"]:after,
   a[href^="#"]:after {
     content: ""; }
 
   pre,
   blockquote {
     border: 1px solid #999999;
     page-break-inside: avoid; }
 
   thead {
     display: table-header-group;
     /* h5bp.com/t */ }
 
   tr,
   img {
     page-break-inside: avoid; }
 
   img {
     max-width: 100% !important; }
 
   @page {
     margin: 0.5cm; }
 
   p,
   h2,
   h3 {
     orphans: 3;
     widows: 3; }
 
   h2,
   h3 {
     page-break-after: avoid; } }
 
     
 #email { height:22px; }
  .button {background:url(https://casiocdn.com/babyg/resource/img/assets/button.png); background-repeat: no-repeat; width:32px; height:32px; top:2px;}
   .my_title{display: none;}
   
   
 #promo {
   background: #000000;
 }
 
 .mobile-banner{
   position:relative;
   width:100%;	
   margin-top: 70px;
 }
 .mobile-banner img{
   width:100%;	
 }
 
 
 @media only screen and (min-width: 1024px){
   #promo {display: show;}
   #open {display:block;}
   #emailsubmit{display: block;
 }
 
 footer h4:FIRST-CHILD {
   float: left;
 }
 
 footer h4:nth-child(2) {
   float: right;
 
 }
 
 .event_nav_left{
     width:150px;
     height:50px;
     position: absolute;
     z-index:0;
     top:60%;
     left:5%; 
 }
 
 .event_nav_right {
     width:150px;
     height:50px;
     position: absolute;
     z-index:0;
     top:60%;
     right:5%;
 }
 
 
 .life_nav_left{
     width:150px;
     height:50px;
     position: absolute;
     z-index:0;
     top:200px;
     left:5%; 
 }
 
 .life_nav_right {
     width:150px;
     height:50px;
     position: absolute;
     z-index:0;
     top:200px;
     right:5%;
 }
 
 
     .loading {
         display: none;
     }
 
     .navstatus .active {
         border-bottom: 4px solid #02f9c9;
     }
 
     #error_dialog h2{
         color: red;
     }
 
     #error_dialog p {
         font-size: 16px; font-weight: bold; text-align: center;
     }
     
    
     
     .cycle-pager-active {color:rgb(2, 249, 201);}
      #pager span:hover{cursor:pointer}
     .banner img {width:100%; }
 
 #pager {position:relative;z-index:600;top:-30px; color:silver;text-align:center; font-size:60px;line-height:0px;}
 
 .topLeft_subBanner {
   position: absolute;
   z-index: 0; 
   top: 0px;
   left: 0;
   }
 
 .topRight_subBanner {
   position: absolute;
   z-index: 0; 
   top: 0px;
   right: 0;
   }
 
 .bottomLeft_subBanner {
   position: absolute;
   z-index: 0; 
   bottom: 0px;
   left: 0;
   }
   
 .bottomRight_subBanner {
   position: absolute;
   z-index: 0; 
   bottom: 0px;
   right: 0;
   }
 
   .wtb:hover{cursor: pointer;}
 
 }
 
 .bg-gray, .bg-grey {
   background-color: rgba(170, 170, 170, .9)
 }
 
 .bg-darkgray, .bg-darkgrey {
   background-color: rgba(51, 51, 51, .9)
 }
 
 .bg-white {
   background-color: rgba(255, 255, 255, .9)
 }
 
 .bg-burgundy {
   background-color: rgba(156, 105, 105, .9)
 }
 
 .bg-brown {
   background-color: rgba(179, 101, 57, .9)
 }
 
 .bg-gold {
   background-color: rgba(203, 143, 43, .9)
 }
 
 .bg-red {
   background-color: rgba(255, 65, 54, .9)
 }
 
 .bg-orange {
   background-color: rgba(255, 133, 27, .9)
 }
 
 .bg-black {
   background-color: rgba(17, 17, 17, .9)
 }
 
 .bg-yellow {
   background-color: rgba(255, 220, 0, .9)
 }
 
 .bg-silver {
   background-color: rgba(221, 221, 221, .9)
 }
 
 .bg-green {
   background-color: rgba(46, 204, 64, .9)
 }
 
 .bg-olive {
   background-color: rgba(61, 153, 112, .9)
 }
 
 .bg-lime {
   background-color: rgba(1, 255, 112, .9)
 }
 
 .bg-teal {
   background-color: rgba(57, 204, 204, .9)
 }
 
 .bg-aqua {
   background-color: rgba(127, 219, 255, .9)
 }
 
 .bg-blue {
   background-color: rgba(0, 116, 217, .9)
 }
 
 .bg-midnightblue {
   background-color: rgba(25, 25, 112, .9)
 }
 
 .bg-navy {
   background-color: rgba(0, 0, 128, .9)
 }
 
 .bg-purple {
   background-color: rgba(177, 13, 201, .9)
 }
 
 .bg-maroon {
   background-color: rgba(133, 20, 75, .9)
 }
 
 .bg-fuchsia {
   background-color: rgba(240, 18, 190, .9)
 }
 
 .bg-pink {
   background-color: rgba(250, 93, 145, .9)
 }
 
 .bg-hotpink {
   background-color: rgba(255, 105, 180, .9)
 }
 
 .bg-military {
   background-color: rgba(157, 157, 118, .9)
 }
 
 .bg-camouflage {
   background-color: rgba(221, 203, 163, .9)
 }
 
 
 
 
 .color-main {
   color: rgb(0, 0, 0)
 }
 
 .color-burgundy {
   color: rgb(156, 105, 105)
 }
 
 .color-brown {
   color: rgb(179, 101, 57)
 }
 
 .color-gold {
   color: rgb(203, 143, 43)
 }
 
 .color-gray, .color-grey {
   color: rgb(170, 170, 170)
 }
 
 .color-darkgray, .color-darkgrey {
   color: rgb(51, 51, 51)
 }
 
 .color-white {
   color: rgb(255, 255, 255)
 }
 
 .color-red {
   color: rgb(255, 65, 54)
 }
 
 
 .color-black {
   color: rgb(17, 17, 17)
 }
 
 .color-orange {
   color: rgb(255, 133, 27)
 }
 
 .color-yellow {
   color: rgb(255, 220, 0)
 }
 
 .color-silver {
   color: rgb(221, 221, 221)
 }
 
 .color-green {
   color: rgb(46, 204, 64)
 }
 
 .color-olive {
   color: rgb(61, 153, 112)
 }
 
 .color-lime {
   color: rgb(1, 255, 112)
 }
 
 .color-teal {
   color: rgb(57, 204, 204)
 }
 
 .color-aqua {
   color: rgb(127, 219, 255)
 }
 
 .color-blue {
   color: rgb(0, 116, 217)
 }
 
 .color-midnightblue {
   color: rgb(25, 25, 112)
 }
 
 .color-navy {
   color: rgb(0, 0, 128)
 }
 
 .color-purple {
   color: rgb(177, 13, 201)
 }
 
 .color-maroon {
   color: rgb(133, 20, 75)
 }
 
 .color-fuchsia {
   color: rgb(240, 18, 190)
 }
 
 .color-pink {
   color: rgb(250, 93, 145)
 }
 
 .color-hotpink {
   color: rgb(255, 105, 180)
 }
 
 .banner-content{
   display:inline-block;
   text-align: center;
   width: 100%;
 }
 .banner-caption {
   display:inline-block;
   font-size:1em;
   color:#fff;
 }
 #custom-banner {
   padding: 2px;
   margin-top: 70px;
 }
 
 .cta-top{
   font-weight: 700;
 }
 .cta-link{
   font-weight: 700;
   text-decoration: underline;
 }
 
 @media screen and (max-width:768px) and (min-width:0) {
   .banner-caption {
     text-align: center;
     width: 100%;
     font-size:.8em;
     font-style:normal;
     font-weight:bold;
     float:none;
     padding: 0 5px;
   }
 }

.icon {
  display: inline-block;
  background-size: contain;
}

.icon.i-cart {
  background-image: url("//casiocdn.com/babyg/resource/images/cart_icon.svg");
  background-repeat:no-repeat;
  height: 18px;
  width:22px;
  margin-top: -3px;
  margin-left: 6px;
  background-size: contain;
}

.icon.i-cart.is-empty {
  background-image: url("//casiocdn.com/babyg/resource/images/cart-empty_icon.svg");
}

.cart-quantity.count {
  position: relative;
  top: -5px;
  color: #eeeeee;
  padding-left: 0px;
  margin-left: -16px;
  height: 15px;
  opacity: 0.7;
  display: inline-block;
  font-size: small;
  z-index: 99;
}