@import url(//fonts.googleapis.com/earlyaccess/cwtexhei.css);
@import url(//fonts.googleapis.com/earlyaccess/cwtexyen.css);
h1,
h2 {
    font-size: 32px
}
h2,
h3 {
    color: #085498
}
h3,
h4 {
    font-style: normal;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 10px
}
p,
ul {
    line-height: 18px
}
button,
sup {
    position: relative;
    vertical-align: baseline
}
body,
button,
p:last-child {
    margin: 0
}
#content,
#content-column,
.content-column {
    width: 100%
}
#logo img,
table tbody,
tbody {
    border: none
}
#header,
.page-header,
button,
p,
sup {
    position: relative
}
#home a,
.page-header h1#page-title,
.page-tabs ul.primary li a,
.toolbar-wrapper .toolbar-item a,
button,
h2 {
    text-transform: uppercase
}
.content-inner {
    min-height: 1px
}
.clearfix:after {
    content: "";
    display: table;
    clear: both
}
footer,
h4,
header,
nav,
section {
    display: block
}
.clearfix {
    zoom: 1
}
* {
    outline: 0!important
}
html {
    font-size: 100%;
    line-height: 1.5;
    overflow-y: scroll
}
body {
    font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', verdana, Arial;
    font-weight: 400;
    font-style: normal;
    min-height: 100%;
    padding: 0;
    font-size: 13pt;
    color: #555b60
}
.chinese-body-font {
    font-family: cwTeXHei
}
.chinese-headline-font {
    font-family: cwTeXYen!important
}
.gotham-font {
    font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', verdana, Arial!important
}
a:focus {
    outline: dotted thin
}
.modal,
a,
a:active,
a:hover {
    outline: 0
}
h1 {
    font-weight: 300;
    font-style: normal;
    margin: .67em 0
}
h2 {
    margin: 0 0 10px;
    line-height: normal;
    font-weight: 600
}
h4 {
    color: #00519B;
    line-height: 15pt
}
#close-tab a,
#home a,
button,
strong {
    font-weight: 700
}
#close-tab .sprite,
#home span.icon,
button {
    display: inline-block
}
p {
    margin: 0 0 15px;
    font-size: 13px
}
ul {
    font-size: 10pt;
    margin: 1em 0;
    padding: 0 0 0 40px
}
sup {
    font-family: 'Gotham SSm 3r', 'Gotham SSm A', 'Gotham SSm B', verdana, Arial;
    font-size: 75%;
    line-height: 0;
    top: -.5em
}
#home a,
button,
ul.menu li a {
    font-size: 12px
}
nav ul {
    list-style: none
}
button {
    background-color: #9CC2E4;
    border: 0;
    color: #FFF;
    cursor: pointer;
    line-height: normal;
    padding: 4px 13px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px
}
button:hover {
    background-color: #00529b;
    color: #FFF
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
.block-inner,
.branding-elements {
    margin-left: 0;
    margin-right: 0
}
#footer .block-inner {
    margin-left: 0
}
img {
    height: auto;
    -ms-interpolation-mode: bicubic;
    max-width: 100%
}
.content-inner,
.region-footer,
header[role=banner] {
    overflow: visible;
    word-wrap: break-word
}
.sprite {
    background: url(images/sprite.png)no-repeat
}
html {
    background: #fff
}
#page .container {
    margin-left: auto;
    margin-right: auto
}
#page .step1 .container {
    max-width: 100%;
    width: 100%
}
#header {
    background: #FFF;
    background: -moz-linear-gradient(top, #FFF 0, #F8F8F8 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #FFF), color-stop(100%, #F8F8F8));
    background: -webkit-linear-gradient(top, #FFF 0, #F8F8F8 100%);
    background: -o-linear-gradient(top, #FFF 0, #F8F8F8 100%);
    background: -ms-linear-gradient(top, #FFF 0, #F8F8F8 100%);
    background: linear-gradient(to bottom, #FFF 0, #F8F8F8 100%);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
    z-index: 15
}
.block.block-footer-views-footer-text {
    margin: 0
}
#branding {
    float: left;
    width: 24%;
    margin: 13px 0 6px;
    text-align: left
}
#logo img {
    vertical-align: bottom
}
#close-tab,
#home {
    float: right;
    margin-top: 29px
}
#home a {
    color: #002376;
    font-style: normal
}
#home .active {
    color: #C8C8C8
}
#home span.icon {
    background-position: 0 -1052px;
    margin-left: 4px;
    width: 5px;
    height: 8px
}
#close-tab .sprite {
    background-position: 0 -1078px;
    margin-left: 5px;
    height: 16px;
    width: 16px;
    background-image: url(images/define-sprite.png);
    background-size: auto auto
}
#page-title {
    margin: 0
}
#bottom-content .region {
    float: left;
    margin-left: 5%;
    width: 47.5%
}
#bottom-one .region {
    margin: 0
}
.bottom-mobile-bottom {
    float: right;
    width: 58%
}
.bottom-mobile-top {
    float: left;
    width: 42%
}
a[href] {
    text-decoration: none;
    color: #00529b;
    cursor: pointer
}
div#footer-links ul.nice-menu li a:hover,
div#form-section a[href] {
    text-decoration: underline
}
a[href]:focus,
a[href]:hover {
    color: #83B3DD
}
ul.menu {
    padding-left: 15px
}
ul li.leaf,
ul.menu li {
    list-style: none!important;
    margin-left: 1em
}
ul.menu li a {
    color: #00519B;
    display: block;
    line-height: normal
}
ul.menu li a:focus,
ul.menu li a:hover {
    color: #83B3DD
}
.page-tabs ul.primary {
    border-bottom: 3px solid #7FB2E6;
    margin: 30px 0 0;
    padding: 0;
    white-space: normal
}
.block-title,
td {
    margin: 0
}
.page-tabs ul.primary li {
    text-align: center;
    display: block;
    float: left;
    height: 64px;
    width: 20%
}
.page-tabs ul.primary li a {
    background-color: #F6F6F6;
    border-color: #FFF;
    border-width: 0 1px;
    display: table-cell;
    height: 64px;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    width: 1%;
    word-wrap: break-word
}
.page-tabs ul.primary li a:focus,
.page-tabs ul.primary li a:hover {
    background-color: #7FB2E6;
    border-color: #FFF;
    color: #FFF
}
.block-content ul {
    padding: 0 0 0 15px
}
.block-content li,
.block-content li.leaf {
    margin: 0;
    padding: 0
}
table {
    border-collapse: collapse;
    margin: 10px 0;
    padding: 0;
    width: 100%
}
table,
tbody,
td,
tr {
    border-color: #555B60
}
table,
td {
    vertical-align: middle
}
td {
    text-align: left;
    border-bottom: 0;
    padding: 5px 7px
}
.model-select,
.model-select div:first-child {
    border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    -ms-border-radiuss: 0 4px 0 0
}
.model-select,
.model-select div:last-child {
    border-radius: 0 0 4px;
    -webkit-border-radius: 0 0 4px;
    -moz-border-radius: 0 0 4px;
    -ms-border-radiuss: 0 0 4px 0
}
.node-type-model-gallery #block-jnj-acuvue-toolbar-section2-block {
    clear: both;
    margin: 0 3% 20px;
    border-top: 1px solid #E0E0E0
}
.toolbar-wrapper .toolbar-item {
    background: url(images/background-svg2.svg);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 60%, rgba(251, 251, 251, 1) 65%, rgba(252, 252, 252, 1) 68%, rgba(236, 236, 236, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(60%, rgba(255, 255, 255, 1)), color-stop(65%, rgba(251, 251, 251, 1)), color-stop(68%, rgba(252, 252, 252, 1)), color-stop(100%, rgba(236, 236, 236, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 60%, rgba(251, 251, 251, 1) 65%, rgba(252, 252, 252, 1) 68%, rgba(236, 236, 236, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 60%, rgba(251, 251, 251, 1) 65%, rgba(252, 252, 252, 1) 68%, rgba(236, 236, 236, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 60%, rgba(251, 251, 251, 1) 65%, rgba(252, 252, 252, 1) 68%, rgba(236, 236, 236, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 60%, rgba(251, 251, 251, 1) 65%, rgba(252, 252, 252, 1) 68%, rgba(236, 236, 236, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
    float: left;
    height: 100%
}
.toolbar-wrapper .toolbar-inner-wrapper {
    width: 100%;
    overflow: hidden
}
.toolbar-wrapper.cols-1 .toolbar-item {
    width: 100%
}
.toolbar-wrapper .toolbar-item a {
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto;
    padding: 0 5%;
    text-align: center
}
.toolbar-wrapper .toolbar-item a span.toolbar-text {
    display: table-cell;
    height: 85px;
    line-height: 22px;
    padding: 0 0 0 55px;
    text-align: left;
    vertical-align: middle
}
.toolbar-wrapper .toolbar-item a span.icon-free-trial {
    background-position: left -245px
}
.toolbar-wrapper .toolbar-item a:hover span.icon-free-trial {
    background-position: left -327px
}
#main-content-header .page-header {
    margin: 30px 0 0
}
.page-header h1#page-title {
    color: #085498;
    font-size: 24px;
    font-weight: 600;
    line-height: normal
}
.page-node #main-content-header .page-header.has-teaser.has-image {
    margin: 0;
    display: block;
    overflow: hidden
}
#main-content-header .step3.page-header {
    overflow: hidden
}
.page-header.has-teaser.has-image .teaser-text {
    bottom: 0;
    position: absolute
}
.page-header.has-teaser.has-image .teaser-text h1#page-title {
    color: #FFF;
    font-style: normal;
    font-weight: 300;
    font-size: 46px;
    text-transform: uppercase
}
.page-header.has-teaser.has-image .teaser-text h1#page-title span.bigger {
    display: block;
    font-size: 45px;
    font-style: normal;
    font-weight: 800;
    position: initial;
    line-height: 48px
}
.page-header.has-teaser.has-image h1#page-title {
    padding: 0
}
.page-header.has-teaser.has-image .teaser-text p,
div#find-near-you p,
div#form-section p,
div#get-effect p {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: normal;
    margin: 15px 0 0;
    padding: 0;
}

.page-header.has-teaser.has-image .teaser-text p {
    font-size: 16px;
    line-height: 21px
}
.page-node #main-content-header .page-header.has-teaser {
    position: relative;
    display: table;
    margin: 30px 0 0;
    z-index: 11;
    width: 100%
}
.page-header.has-teaser h1#page-title {
    color: #FFF;
    font-size: 32px;
    font-weight: 300;
    line-height: normal;
    padding: 15px 8%;
    text-transform: none
}
#find-near-you #see-list a,
.community-container .col a,
.community-container .footer-paragraph,
.header-btn a,
.see-details-box h4,
div#form-section h4,
div.section-bottom h3 {
    text-transform: uppercase
}
.page-header.has-teaser .teaser-text {
    background-color: #E5F1F5;
    display: table-cell;
    vertical-align: middle;
    width: auto
}
.page-header.has-teaser .teaser-text p {
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    line-height: normal;
    margin: 0;
    padding: 15px 8%
}
.page-header.has-teaser .teaser-text a.page-start-button {
    border: 2px solid #e93f78;
    color: #FFF;
    float: right;
    margin-top: 25px
}
.page-header.has-teaser .teaser-text a.page-start-button span {
    background: #e93f78;
    background: -moz-linear-gradient(top, #f08da6 0, #e93f78 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #f08da6), color-stop(100%, #e93f78));
    background: -webkit-linear-gradient(top, #f08da6 0, #e93f78 100%);
    background: -o-linear-gradient(top, #f08da6 0, #e93f78 100%);
    background: -ms-linear-gradient(top, #f08da6 0, #e93f78 100%);
    background: linear-gradient(to bottom, #f08da6 0, #e93f78 100%);
    display: block;
    font-style: normal;
    font-size: 16px;
    font-weight: 700;
    height: 30px;
    margin: 13px;
    padding: 6px 0;
    text-align: center;
    text-transform: uppercase;
    width: 410px
}
.page-header.has-teaser .teaser-text a.page-start-button:hover span {
    background: #f08da6;
    background: -moz-linear-gradient(top, #e93f78 0, #f08da6 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #e93f78), color-stop(100%, #f08da6));
    background: -webkit-linear-gradient(top, #e93f78 0, #f08da6 100%);
    background: -o-linear-gradient(top, #e93f78 0, #f08da6 100%);
    background: -ms-linear-gradient(top, #e93f78 0, #f08da6 100%);
    background: linear-gradient(to bottom, #e93f78 0, #f08da6 100%)
}
.page-node .page-tabs {
    padding: 0;
    margin: 0
}
.image-and-text {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0!important
}
#myModalForgot,
.modal {
    display: none
}
.image-and-text .left+.text {
    padding: 0 0 0 4%
}
.modal {
    overflow: hidden;
    z-index: 1040
}
.modal .modal-dialog {
    top: 50%;
    position: fixed
}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}
.modal-dialog {
    margin-left: -485px;
    margin-right: auto;
    z-index: 1050;
    right: auto;
    left: 50%;
    width: 970px
}
.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #D2E5F5;
    background-clip: padding-box;
    outline: 0
}
.modal-header {
    min-height: 16.43px;
    padding: 3% 3% 2%
}
.modal-header .close {
    position: absolute;
    right: 3%;
    background-position: -14px -1654px;
    height: 13px;
    width: 13px;
    padding: 0;
    text-indent: -99px;
    overflow: hidden
}
.modal-header button.close:hover {
    background-color: transparent
}
.modal-body {
    position: relative;
    margin: 0 2%;
    overflow-y: auto;
    padding: 0 1%
}
#remove-account-modal .modal-dialog {
    width: 570px
}
.find-near-font .sprite,
.see-details-link .sprite,
.sprite.define {
    background-image: url(images/define-sprite.png)
}
.find-near-font .sprite,
.link-define:hover .sprite {
    background-position: -15px -791px
}
.link-with-border:hover {
    color: #00529B!important
}
.rainbow {
    background: 0 0;
    display: block;
    position: relative;
    height: 1px;
    overflow: hidden;
    z-index: 4
}
.rainbow span {
    position: absolute;
    display: block;
    xwhite-space: nowrap
}
.page-node .gradient-text {
    background-image: none!important;
    -webkit-background-clip: initial!important;
    -webkit-text-fill-color: initial!important
}
.container {
    width: 100%;
    max-width: 970px
}
#content-column,
.content-column {
    float: left;
    clear: none
}
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 40px 0 35px
}
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
div#behinde-lens,
div#find-near-you,
div#form-section,
div#get-effect,
div#see-details,
div#your-community {
    clear: both;
    padding: 30px 3% 25px
}
div#behinde-lens,
div#degrade-section,
div#get-effect,
div#your-community {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(246, 246, 246, 1) 0, rgba(252, 252, 252, 1) 17%, rgba(255, 255, 255, 1) 52%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(246, 246, 246, 1)), color-stop(17%, rgba(252, 252, 252, 1)), color-stop(52%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(246, 246, 246, 1) 0, rgba(252, 252, 252, 1) 17%, rgba(255, 255, 255, 1) 52%);
    background: -o-linear-gradient(top, rgba(246, 246, 246, 1) 0, rgba(252, 252, 252, 1) 17%, rgba(255, 255, 255, 1) 52%);
    background: -ms-linear-gradient(top, rgba(246, 246, 246, 1) 0, rgba(252, 252, 252, 1) 17%, rgba(255, 255, 255, 1) 52%);
    background: linear-gradient(to bottom, rgba(246, 246, 246, 1) 0, rgba(252, 252, 252, 1) 17%, rgba(255, 255, 255, 1) 52%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0)
}
#find-near-you {
    padding-top: 60px
}
#find-near-you .container {
    border-bottom: 1px solid #c0c1c5;
    margin-bottom: 40px
}
#form-section .container {
    padding-bottom: 40px
}
div.section-bottom h3 {
    font-size: 32px;
    line-height: 40px
}
div#image-get-effect {
    clear: both;
    margin-top: 50px;
    min-height: 400px;
    text-align: center
}
.slider-box {
    display: none;
    height: 100px;
    box-sizing: border-box;
    letter-spacing: -1px;
    border: 1px solid #c0c1c5;
    position: absolute;
    right: -300px;
    bottom: 50px;
    z-index: 9999;
    background: #f6f9fd;
    background: -moz-linear-gradient(top, #f6f9fd 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6f9fd), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #f6f9fd 0, #fff 100%);
    background: -o-linear-gradient(top, #f6f9fd 0, #fff 100%);
    background: -ms-linear-gradient(top, #f6f9fd 0, #fff 100%);
    background: linear-gradient(to bottom, #f6f9fd 0, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6f9fd', endColorstr='#ffffff', GradientType=0)
}
.slider-box .close-box {
    background: url(../images/model-gallery/close.png)center center no-repeat #302782;
    display: block;
    float: left;
    width: 31px;
    height: 98px;
    text-indent: -9999px;
    cursor: pointer
}
.slider-box a {
    background: url(../images/model-gallery/link-arrow.png)center right no-repeat;
    color: #302782;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 19px;
    margin: 20px 13px 0 17px;
    padding-right: 23px;
    width: 175px
}
body.ca-fr .slider-box a {
    margin-right: 10px;
    width: 210px
}
.slider-box a .product-name {
    white-space: nowrap
}
body.ca .slider-box a,
body.ca-fr .slider-box a {
    margin-top: 11px
}
.light-blue-border {
    height: auto;
    padding: 10px;
    border: 1px solid #c6d1e6
}
.light-blue-box {
    overflow: hidden;
    padding: 50px 14px 0;
    background: #ecf1f6;
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) -1%, rgba(255, 255, 255, 1) 0, rgba(236, 241, 246, 1) 55%, rgba(236, 241, 246, 1) 55%, rgba(236, 241, 246, 1) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(-1%, rgba(255, 255, 255, 1)), color-stop(0, rgba(255, 255, 255, 1)), color-stop(55%, rgba(236, 241, 246, 1)), color-stop(55%, rgba(236, 241, 246, 1)), color-stop(100%, rgba(236, 241, 246, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) -1%, rgba(255, 255, 255, 1) 0, rgba(236, 241, 246, 1) 55%, rgba(236, 241, 246, 1) 55%, rgba(236, 241, 246, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) -1%, rgba(255, 255, 255, 1) 0, rgba(236, 241, 246, 1) 55%, rgba(236, 241, 246, 1) 55%, rgba(236, 241, 246, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) -1%, rgba(255, 255, 255, 1) 0, rgba(236, 241, 246, 1) 55%, rgba(236, 241, 246, 1) 55%, rgba(236, 241, 246, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) -1%, rgba(255, 255, 255, 1) 0, rgba(236, 241, 246, 1) 55%, rgba(236, 241, 246, 1) 55%, rgba(236, 241, 246, 1) 100%)
}
.light-blue-box p {
    font-weight: 400;
    font-style: normal
}
.see-details-box {
    float: left;
    width: 50%;
    margin-bottom: 35px;
    min-height: 87px
}
.see-details-box .see-details-link {
    color: #302782;
    display: table;
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
    padding: 10px 0
}
.see-details-box .see-details-content,
.see-details-box img {
    float: left
}
.see-details-box img {
    margin-right: 30px
}
.see-details-box .see-details-content {
    width: 70%
}
#see-details h3 {
    margin-bottom: 30px
}
.see-details-box h4 {
    font-weight: 700
}
.find-near-font .sprite,
.see-details-box .see-details-link .sprite {
    background-position: 0 -1061px;
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    position: relative;
    right: -7px;
    top: 0;
    width: 9px
}
div#form-section {
    padding: 10px 3% 0;
    overflow: hidden
}
div#form-section h4 {
    color: #3b3d4c;
    font-size: 18px
}
div#form-section form>div {
    float: left;
    margin-right: 2%
}
div#form-section div#accept {
    float: none;
    margin: 40px 0;
    position: relative
}
label.accept input {
    margin-right: 15px;
    position: relative;
    z-index: 0
}
label.accept span {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    left: 0;
    display: inline-block;
    background: url(../images/content/sprite-checkbox.png)no-repeat;
    z-index: 10
}
label.accept input:checked+span,
label.accept span.checked {
    background-position: 0 -20px;
    margin-right: 15px
}
div#form-section p {
    margin: 40px 0
}
div#form-section a[href] {
    font-weight: 700;
    color: #302782!important
}
div#form-section input[type=text] {
    font-size: 18px;
    padding: 22px 0 22px 10px;
    border: 1px solid #e5e5e7;
    background-color: #f6f6f7;
    width: 96%
}
div#form-section div#email input {
    width: 101%
}
div#form-section input[type=text]:focus {
    border-color: #4266ad
}
div#form-section input[type=text].error {
    border: 1px solid red
}
.placeholder {
    color: #a9a9a9
}
div#form-section div#email {
    width: 46%
}
div#form-section div#zip-code {
    width: 24%
}
div#form-section #submit {
    float: right;
    max-width: 237px;
    width: 25%;
    height: 70px;
    cursor: pointer;
    text-indent: -99999px;
    border: none;
    background: url(../images/content/btn-submit-active.png)bottom left no-repeat
}
div#footer div.footer-social-media div,
div#footer div.footer-social-media div.advMed p.c1,
div#footer div.footer-social-media div.advMed p.c2 {
    float: left
}
div#form-section #submit[disabled] {
    cursor: initial;
    max-width: 238px;
    background: url(../images/content/btn-submit-disable.png)bottom left no-repeat
}
.header-btn,
ul#lens-tabs-list li.lens-tabs-item:hover {
    cursor: pointer
}
div#form-section #submit.active:hover {
    max-width: 238px;
    background: url(../images/content/btn-submit-hover.png)bottom left no-repeat
}
div#form-section #submit,
div#form-section #submit.active:hover,
div#form-section #submit[disabled] {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%
}
div#form-section #loader {
    display: none;
    padding-top: 25px;
    margin-left: 0;
    width: 24%
}
#form-section form {
    position: relative
}
div#form-section #loader img {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 20px;
    right: 125px
}
body.ca div#form-section #loader img,
body.ca-fr div#form-section #loader img {
    top: 85px
}
div.error {
    color: red;
    font-size: 14px;
    margin: 5px 10px 0
}
div#thank-you {
    display: none;
    clear: both;
    margin: 65px 0 30px
}
div#thank-you h4 {
    font-size: 30px
}
div#thank-you p {
    font-size: 20px
}
div#footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    position: relative;
    clear: both;
    padding: 5px 0 30px;
    margin-top: 40px;
    color: #666;
    background: url(../images/bg-footer.png)repeat-x #f9f9f9
}
div#footer-links {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}
div#footer-links div.block {
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #FFF;
    display: inline-block;
    padding: 0;
    width: 100%
}
div#footer-links ul.nice-menu {
    border: none;
    list-style: none;
    margin: 0 auto;
    position: static;
    width: 92%
}
div#footer-links ul.nice-menu li,
div#footer-links-mobile li {
    background: 0 0;
    border: none;
    list-style: none;
    float: left;
    margin: 3px;
    width: auto
}
#footer-last-modified,
#footer-text {
    max-width: 760px;
    margin: 0 auto
}
div#footer-links ul.nice-menu li a,
div#footer-links-mobile li a {
    font-size: 10px;
    font-weight: 700;
    display: block;
    padding: 2px;
    color: #00539b
}
div#footer div#footer-links ul.nice-menu {
    position: static;
    width: 92%;
    max-width: 797px;
    margin: 0 auto;
    list-style: none;
    text-align: center;
    border: none
}
div#footer div#footer-social-media {
    clear: both;
    border-bottom: 1px solid #fff;
    overflow: auto;
    padding: 9px 0 0
}
div#footer div#footer-social-media img {
    border: none
}
div#footer-social-media div.footer-social-media {
    margin: 0 auto;
    width: 559px
}
div#footer div.footer-social-media a {
    font-size: 11px;
    line-height: 13px;
    display: block;
    margin: 0 5px;
    color: #666
}
#disclaimer,
div#footer-links-mobile li {
    display: none
}
div#footer div.footer-social-media div.advMed p.c1 {
    width: 55px
}
div#footer div.footer-social-media div.advMed p.c2 {
    width: 166px
}
div#footer-text {
    font-size: 9px;
    clear: both
}
div#footer-last-modified p,
div#footer-text p {
    margin-top: 15px;
    font-size: 10px;
    line-height: 12px
}
div#footer-last-modified p {
    margin-top: 10px
}
div#footer div#footer-last-modified {
    margin: 5px auto
}
#disclaimer {
    position: absolute;
    width: 260px;
    height: 60px;
    opacity: 0;
    z-index: 999
}
#disclaimer .text {
    font-size: 11px;
    line-height: 1.2em;
    padding: 10px;
    border: 2px solid #7a8fbb;
    border-radius: 15px;
    background: #ced9ed
}
div#find-near-you .container {
    overflow: auto
}
div#find-near-you .container #packshot-image {
    float: right
}
#find-near-you #see-list {
    margin-top: 45px;
    margin-bottom: 20px
}
.container .find-near-font a {
    color: #302782;
    font-style: normal;
    font-weight: 400;
    padding: 10px 0 0;
    display: table;
    margin: 0 auto;
    line-height: normal;
    width: 100%
}
.container .find-near-font a:hover {
    color: #83B3DD
}
.find-near-font .sprite {
    top: 3px;
    left: 10px
}
h3.gradient-text.gradient-text-light-dark span {
    z-index: 1;
    width: 100%
}
#list-state {
    display: inline-block;
    width: 46%
}
.selecter {
    max-width: 98%!important
}
.selecter .selecter-selected {
    padding: 21px 10px 23px 15px!important;
    background: url(../images/content/arrow-select-list.png)right center no-repeat #f6f6f7!important
}
.selecter .selecter-item,
.selecter .selecter-selected {
    color: #3b3d4c;
    font-size: 17px!important
}
.selecter .selecter-item {
    border-bottom: none!important
}
.selecter .selecter-options {
    width: 99%!important;
    max-height: 800px!important
}
.selecter .selecter-item.selected,
.selecter .selecter-item:hover {
    background-color: #b7b3d3!important
}
.selecter .selecter-item:first-child {
    background-color: #FFF!important
}
#doctor-container {
    padding: 35px 3% 25px
}
p.desktop-tooltip {
    display: none
}
body.ca-fr div#form-section #submit {
    background: url(../images/content/btn-submit-active-fr.png)bottom left no-repeat
}
body.ca-fr div#form-section #submit[disabled] {
    background: url(../images/content/btn-submit-disable-fr.png)bottom left no-repeat
}
body.ca-fr div#form-section #submit.active:hover {
    background: url(../images/content/btn-submit-hover-fr.png)bottom left no-repeat
}
body.ca-fr div#form-section #submit,
body.ca-fr div#form-section #submit.active:hover,
body.ca-fr div#form-section #submit[disabled] {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%
}
body.ca-fr .see-details-box .see-details-content {
    width: 68%
}
body.ca-fr .lens-filter-color-label.mobile {
    margin-top: 28px
}
body.ca-fr div.error {
    font-size: .8em;
    margin: 5px 0 0
}
body.ca div#footer div#footer-links ul.nice-menu {
    max-width: 600px
}
ul#lens-tabs-list {
    clear: both;
    display: table;
    list-style: none;
    margin-top: 20px;
    padding: 0
}
ul#lens-tabs-list li.lens-tabs-item {
    background: #e9e8f1;
    background: -moz-linear-gradient(top, #fcfcfc 0, #e9e8f1 100%);
    background: -webkit-linear-gradient(top, #fcfcfc 0, #e9e8f1 100%);
    background: -o-linear-gradient(top, #fcfcfc 0, #e9e8f1 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0, #e9e8f1 100%);
    background: linear-gradient(to bottom, #fcfcfc 0, #e9e8f1 100%);
    border: 1px solid #bdbad6;
    float: left;
    padding: 8px 1%;
    width: 31%
}
ul#lens-tabs-list li.inactive {
    padding-bottom: 5px;
    display: none
}
ul#lens-tabs-list li.lens-tabs-item:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-bottom-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -moz-bottom-left-radius: 4px;
    border-left-width: 1px;
    border-right-width: 0;
    border-top-width: 1px
}
ul#lens-tabs-list li.lens-tabs-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-bottom-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -moz-bottom-right-radius: 4px;
    border-left-width: 0;
    border-right-width: 1px;
    border-top-width: 1px
}
ul#lens-tabs-list li.selected,
ul#lens-tabs-list li.selected:first-child,
ul#lens-tabs-list li.selected:last-child {
    box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, .35);
    -webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, .35);
    -moz-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, .35)
}
ul#lens-tabs-list li.selected {
    background: #d7d4e7;
    border-bottom: 8px #302782 solid;
    padding-bottom: 1px
}
.lens-tabs-image-pack {
    text-align: center;
    margin: 50px 0 20px;
    display: none
}
ul#lens-tabs-list li.selected .lens-tabs-image-pack {
    display: block
}
ul#lens-tabs-list li.vivid-style {
    border-bottom: 5px #892289 solid
}
ul#lens-tabs-list li.natural-shine {
    border-bottom: 5px #cd6845 solid
}
ul#lens-tabs-list li.accent-style {
    border-bottom: 5px #302782 solid
}
ul#lens-tabs-list li.lens-tabs-item:active {
    padding-bottom: 0;
    border-bottom: 5px #302782 solid
}
ul#lens-tabs-list li.lens-tabs-item.vivid-style:active {
    border-bottom: 5px #892289 solid
}
ul#lens-tabs-list li.lens-tabs-item.natural-shine:active {
    border-bottom: 5px #cd6845 solid
}
li.lens-tabs-item div.lens-tabs-image {
    margin: auto;
    text-align: center;
    width: 100px
}
li.lens-tabs-item div.lens-tabs-image img {
    filter: alpha(opacity=50);
    opacity: .5
}
li.lens-tabs-item.selected div.lens-tabs-image img {
    filter: alpha(opacity=100);
    opacity: 1
}
.lens-tabs-font {
    color: #2C2D83;
    font-weight: 800;
    font-style: normal
}
.product-item {
    clear: both
}
.product-item .product-item-title {
    color: #3a3d4c;
    font-weight: 800;
    font-style: normal;
    font-size: 24px;
    line-height: 30px
}
.product-item .product-item-content {
    float: left;
    margin-top: 40px;
    text-align: left;
    width: 300px
}
.product-item .product-item-image {
    float: right;
    text-align: right;
    max-width: 588px;
    width: auto
}
.product-item-content .product-content-paragraph {
    padding: 10px 0
}
#image-get-effect .product-item-content .product-content-paragraph p {
    margin: 0;
    line-height: 25px
}
.product-item-content .product-content-paragraph .product-item-font {
    color: #2C2D83
}
body.ca-fr .model-select a {
    font-size: 17px
}
.show-fr-ca {
    display: none
}
#home .last-link {
    margin-right: 20px
}
.header-btn {
    background-image: url(../images/header-button-bg.png);
    background-repeat: no-repeat;
    width: 445px;
    height: 65px;
    padding-left: 10px;
    padding-top: 1px
}
.header-btn.left {
    float: left
}
.header-btn.right {
    float: right
}
.header-btn a {
    color: #fff;
    font-size: .83em;
    font-weight: 700;
    line-height: 50px
}
.header-btn p {
    margin: 0!important;
    color: #fff!important;
    float: left!important;
    font-size: .53em!important
}
.product-item .footer-paragraph {
    font-weight: 500!important;
    float: left;
    width: 100%;
    margin: 20px 0!important
}

.product-item .free_trial{
    font-weight: 400 !important;
	font-size: 12px !important;
    float: left;
    width: 100%;
	 margin: 10px 0!important;
}
#lens-tab-bottom ul {
    width: 100%
}
#lens-tab-bottom ul .natural-sparkle {
    margin-left: 16%;
    border-bottom: 5px solid #2C2D83!important
}
#lens-tab-bottom ul .natural-shimmer {
    border-left: 1px solid #bdbad6!important;
    border-bottom: 5px solid #ee2c74!important
}
.community-container {
    clear: both;
    min-height: 250px;
    margin-top: 40px;
    overflow: hidden
}
.community-container .col {
    width: 50%;
    float: left;
    margin-bottom: 30px
}
.community-container .col a {
    background-image: url(../images/your-community-title-arrow.png);
    background-repeat: no-repeat;
    padding-left: 21px;
    background-position-y: 3px;
    font-size: .87em;
    display: inline-block
}
.community-container .col img {
    margin-top: 20px
}
.community-container .footer-paragraph {
    text-align: center;
    color: #00529b;
    float: left;
    width: 100%;
    font-size: .9em
}
.page.cn .mobile-adaptive-text {
    position: absolute;
    top: -20px
}
.page.cn .lens-tabs-item p {
    margin-top: 30px!important;
    display: inline-block;
    position: relative;
    width: 60%
}
.page.cn .lens-tabs-item.natural-shimmer,
.page.cn .lens-tabs-item.natural-sparkle {
    width: 34%!important
}
.page.cn .lens-tabs-item.natural-sparkle p {
    margin-top: 40px!important;
    font-size: 15px!important;
    width: 60%!important
}
.page.cn .lens-tabs-item.natural-shimmer p {
    margin-top: 45px!important;
    font-size: 15px!important;
    width: 60%!important
}
.page.cn .header-btn.right {
    text-align: center;
    font-size: 22px!important
}
@media only screen and (max-width: 320px) {
    .container {
        width: 100%
    }
    div#content-column,
    div.content-inner,
    div.region .block {
        float: none;
        clear: both;
        display: block;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}
@media only screen and (min-width: 321px)and (max-width: 480px) {
    .container {
        width: 100%
    }
    .selecter {
        min-width: 300px
    }
}
@media only screen and (max-width: 1024px) {
    div#footer {
        border-top: 1px solid #ddd;
        padding: 5px 0 30px
    }
    div#footer-links {
        border: 0;
        clear: none;
        float: left;
        margin-left: 4.5%;
        width: 45.4%
    }
    div#footer-links div.block {
        border: 0;
        padding-bottom: 25px
    }
    div#footer div#footer-links ul.nice-menu {
        display: table;
        margin: 0;
        padding: 0
    }
    div#footer div#footer-links ul.nice-menu li {
        width: 40%;
        margin: 10px 5%;
        text-align: left
    }
    div#footer-links ul.nice-menu li a {
        font-size: 110%
    }
    div#footer div#footer-social-media {
        border: 0;
        clear: none;
        float: left;
        margin-right: 4.5%;
        min-height: 225px;
        padding: 0;
        width: 45.5%
    }
    div#footer div#footer-social-media div.footer-social-media {
        width: 100%
    }
    div#footer-social-media div.footer-social-media div {
        margin: 25px 0;
        width: 50%
    }
    div#footer div.footer-social-media div.advMed p.c1 {
        max-width: 55px;
        width: 18%
    }
    div#footer div.footer-social-media div.advMed p.c2 {
        margin-left: 2%;
        width: 80%
    }
    body.ca div#footer div.footer-social-media div.advMed p.c2,
    body.ca-fr div#footer div.footer-social-media div.advMed p.c2 {
        max-width: 166px
    }
    div#footer-social-media div.footer-social-media a {
        display: table;
        margin: auto
    }
    div#footer-text {
        border-top: 1px solid #FFF;
        padding: 30px 4.5% 0;
        width: 91%
    }
    body.ca div#footer-social-media div.footer-social-media div.advMed,
    body.ca-fr div#footer-social-media div.footer-social-media div.advMed {
        display: table;
        float: none;
        margin: 25px auto;
        width: auto
    }
    body.ca-fr div#footer div#footer-links ul.nice-menu li {
        margin: 10px 5% 0;
        min-height: 40px
    }
    body.ca-fr .page-header.has-teaser.has-image .teaser-text h1#page-title {
        font-size: 38px
    }
    body.ca-fr .page-header.has-teaser .teaser-text a.page-start-button span {
        height: 30px;
        padding: 10px;
        width: 284px
    }
}
@media only screen and (min-width: 769px)and (max-width: 1024px) {
    .container {
        width: 100%
    }
    #content-column,
    .content-column {
        float: left;
        clear: none
    }
    div#email {
        width: 40%
    }
    .see-details-box {
        min-height: 115px
    }
}
@media only screen and (max-width: 767px) {
    h3,
    h4 {
        font-size: 14px
    }
    .comunity-container {
        min-height: 500px
    }
    .comunity-container .col {
        text-align: center;
        width: 100%;
        float: left;
        margin-bottom: 30px
    }
    h1 {
        font-size: 36px;
        -webkit-text-stroke: 0
    }
    h2 {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 6px
    }
    h3 {
        line-height: 18px
    }
    .sprite {
        background: url(images/sprite-mobile.png)no-repeat
    }
    .visible-phone {
        display: inherit!important
    }
    .hidden-phone {
        display: none!important
    }
    #bottom-content .region {
        width: auto;
        float: none!important;
        margin-left: 0
    }
    div#branding {
        margin: 5px;
        width: 85px
    }
    #home .last-link {
        margin-right: 5px
    }
    #home,
    #home a {
        font-size: 10px
    }
    #logo {
        margin: 0
    }
    #close-tab,
    #home {
        margin: 12px 4.5% 0 0
    }
    #main {
        transition: padding .25s
    }
    .toolbar-wrapper .toolbar-inner-wrapper .toolbar-item {
        float: none;
        width: 100%;
        border-bottom: 1px solid #E0E0E0
    }
    .toolbar-wrapper .toolbar-item a {
        font-size: 16px;
        margin: 0;
        padding: 0 5% 0 6%;
        text-align: left;
        width: 89%
    }
    .toolbar-wrapper .toolbar-item a span.toolbar-text {
        display: inline-block;
        height: auto;
        line-height: 16pt;
        padding: 15px 5px 15px 50px;
        text-align: left;
        max-height: 55px
    }
    .toolbar-wrapper .toolbar-item a span.icon-free-trial {
        background-position: left -262px
    }
    .toolbar-wrapper .toolbar-item a:hover span.icon-free-trial {
        background-position: left -344px
    }
    .bottom-mobile-bottom,
    .bottom-mobile-top {
        float: none;
        width: 100%
    }
    .footer {
        padding: 12px 6%
    }
    .bottom-mobile-top,
    .footer {
        background-color: #013E88;
        overflow: hidden
    }
    .bottom-mobile-top .block {
        margin: 0
    }
    #footer .bottom-mobile-top h2.block-title {
        color: #FFF;
        text-transform: uppercase;
        margin: 15px 6% 0;
        border-bottom: 1px solid #93C0E6;
        padding-bottom: 10px;
        cursor: pointer;
        font-size: 14px
    }
    #footer .bottom-mobile-top ul,
    #footer .bottom-mobile-top ul.menu li {
        margin: 0;
        padding: 0
    }
    .bottom-mobile-top .block-content,
    .bottom-mobile-top .change-country .block-content .block-content {
        display: none
    }
    .bottom-mobile-top .change-country .block-content {
        display: block
    }
    .bottom-mobile-top .block-inner {
        margin: 0
    }
    #footer .bottom-mobile-top ul.menu li {
        background-color: #1B70B1;
        overflow: hidden;
        padding: 0 5%;
        margin: 0
    }
    .bottom-mobile-top ul.menu li a {
        color: #FFF;
        line-height: normal;
        border-top: 1px solid #93C0E6;
        padding: 10px 0;
        display: block;
        font-size: 13px
    }
    .bottom-mobile-top ul.menu li:first-child a {
        border: none
    }
    #footer #bottom-two .last h2 {
        border-bottom: none
    }
    .block-region-footer p,
    .footer-last-update {
        font-size: 11px;
        line-height: normal
    }
    #footer {
        padding: 0
    }
    header#header {
        height: 45px
    }
    #header .container {
        border: none;
        overflow: hidden
    }
    .gradient-bottom {
        display: none
    }
    .node-type-model-gallery #block-jnj-acuvue-toolbar-section2-block {
        margin: 0
    }
    .page-node #main-content-header .page-header {
        margin: 20px 6% 0;
        padding-top: 25px
    }
    .page-node #main-content-header .page-header.has-teaser {
        background-color: #005399;
        display: block;
        margin: 0;
        padding: 0
    }
    .page-node #main-content-header .header-btn.right {
        float: left;
        margin-top: 20px
    }
    .page-header.has-teaser h1#page-title {
        font-size: 20px;
        line-height: 26px;
        margin: 0;
        padding: 0
    }
    .page-header.has-teaser .teaser-text .teaser-text-content {
        padding: 0;
        width: auto
    }
    .page-header.has-teaser .teaser-text {
        background-color: #E5F1F5;
        display: block;
        font-size: 13pt;
        height: auto;
        line-height: normal;
        padding: 25px 6%;
        width: 88%
    }
    .page-header.has-teaser .teaser-text p {
        font-size: 14px;
        line-height: 18px;
        padding: 0
    }
    .page-header.has-teaser.has-image .container .teaser-text {
        padding: 25px 0 25px 50px;
        width: 100%
    }
    .page-header.has-teaser.has-image .teaser-text h1#page-title {
        font-size: 25px;
        line-height: 24px;
        margin-bottom: 15px
    }
    .page-header.has-teaser.has-image .teaser-text h1#page-title span.bigger {
        font-size: 32px;
        line-height: 30px
    }
    .page-header.has-teaser.has-image .teaser-text p {
        font-size: 12px;
        line-height: 16px;
        margin: 17px 0 0
    }
    .modal-dialog {
        width: 90%
    }
    .modal-body {
        max-height: 120px
    }
    .modal-header .close {
        background-position: 0 -2055px;
        right: 0;
        top: 0
    }
    .image-and-text .image,
    .image-and-text .text {
        max-width: 100%!important
    }
    .image-and-text .left+.text {
        padding: 2% 0 0
    }
    .image-and-text .image {
        width: 100%;
        text-align: center
    }
    .image-and-text img {
        float: none
    }
    #page-title {
        color: #085498;
        font-size: 22px;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 15px;
        text-transform: uppercase
    }
    .see-details-box {
        width: 100%;
        min-height: 100px
    }
    .link-with-border,
    .see-details-box h4,
    .see-details-content p,
    div#find-near-you p,
    div#get-effect p {
        font-size: 14px
    }
    div.section-bottom h3 {
        font-size: 18px;
        line-height: 22px
    }
    .see-details-box .see-details-content {
        width: 72%
    }
    .see-details-box img {
        margin-right: 10px;
        width: 16%
    }
    .find-near-font a .sprite,
    .see-details-box .link-with-border .sprite {
        background-position: 0 -1061px;
        background-size: auto auto
    }
    div#form-section form>div {
        display: inline-block;
        width: 100%;
        margin-bottom: 30px
    }
    div#form-section div#email input,
    div#form-section input[type=text] {
        width: 95%
    }
    div#form-section div#email,
    div#form-section div#zip-code {
        width: 100%
    }
    div#form-section div#accept {
        margin-top: 0
    }
    div#form-section #submit {
        float: none;
        margin: 0 auto;
        width: 100%;
        max-width: 581px;
        background: url(../images/content/btn-submit-active-mobile.png)bottom left no-repeat;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%
    }
    div#form-section #submit[disabled] {
        width: 100%;
        max-width: 581px;
        background: url(../images/content/btn-submit-disable-mobile.png)bottom left no-repeat;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%
    }
    div#form-section #submit.active:hover {
        width: 100%;
        max-width: 581px;
        background: url(../images/content/btn-submit-hover-mobile.png)bottom left no-repeat;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%
    }
    body.ca-fr div#form-section #submit {
        background: url(../images/content/btn-submit-active-mobile-fr.png)bottom left no-repeat
    }
    body.ca-fr div#form-section #submit[disabled] {
        background: url(../images/content/btn-submit-disable-mobile-fr.png)bottom left no-repeat
    }
    body.ca-fr div#form-section #submit.active:hover {
        background: url(../images/content/btn-submit-hover-mobile-fr.png)bottom left no-repeat
    }
    body.ca-fr div#form-section #submit,
    body.ca-fr div#form-section #submit.active:hover,
    body.ca-fr div#form-section #submit[disabled] {
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
        height: 70px
    }
    div#form-section #loader {
        width: 100%;
        max-width: 581px
    }
    div#footer {
        background: url(../images/bg-footer-mobile.png)repeat-x #e7e7e7;
        border-top: 1px solid #c0c1c5;
        margin-top: 0;
        padding-top: 25px
    }
    div#footer div#footer-links ul.nice-menu {
        margin: 0 4.5%;
        width: 91%
    }
    div#footer div#footer-social-media div.footer-social-media {
        display: table;
        width: 90%
    }
    div#footer-links-mobile li {
        display: block
    }
    div#footer div#footer-social-media {
        border-top: 1px solid #ddd;
        min-height: 102px;
        padding: 10px 4.5% 0;
        width: 91%
    }
    div#footer-links-mobile {
        clear: both;
        overflow: auto;
        border-top: 1px solid #d0d0d0
    }
    div#footer-social-media div.footer-social-media div {
        margin-bottom: 15px
    }
    body.us div#footer-social-media div.footer-social-media div.advMed {
        width: 100%
    }
    div#footer-social-media div.footer-social-media div.fb,
    div#footer-social-media div.footer-social-media div.yt {
        width: 25%
    }
    div#footer-links {
        margin: 0 4.5%;
        width: 91%
    }
    div#footer-last-modified,
    div#footer-links-mobile ul,
    div#footer-text {
        padding: 25px 4.5% 0
    }
    div#footer-links-mobile li a {
        color: #302782;
        font-size: 110%;
        margin-right: 12px
    }
    #disclaimer {
        width: 200px;
        height: 80px
    }
    div#find-near-you .container #list-state,
    div#find-near-you .container #packshot-image {
        margin: 10px auto 0
    }
    div#find-near-you .container #list-state {
        width: 100%;
        margin-bottom: 60px
    }
    div#find-near-you .container #packshot-image {
        display: block;
        float: none;
        margin-top: 40px
    }
    div#find-near-you .container .description p,
    div#find-near-you p {
        text-align: left
    }
    .selecter .selecter-selected {
        padding: 22px 13px!important;
        background: url(../images/content/arrow-select-list-mobile.png)right center no-repeat #f6f6f7!important
    }
    #find-near-you #see-list {
        margin-bottom: 50px;
        margin-top: 0
    }
    .see-details-box {
        margin-bottom: 25px
    }
    .light-blue-box {
        padding: 40px 14px 0
    }
    body.ca div#footer div#footer-social-media div.footer-social-media,
    body.ca div#footer div.footer-social-media div.ecp,
    body.ca-fr div#footer div#footer-social-media div.footer-social-media,
    body.ca-fr div#footer div.footer-social-media div.ecp {
        width: 100%
    }
    body.ca-fr .selecter .selecter-item,
    body.ca-fr .selecter .selecter-selected {
        font-size: 15px!important
    }
    body.ca-fr .lens-filter-color-label,
    body.ca-fr .lens-filter-model-label {
        font-size: 10px
    }
    body.ca-fr .page-header.has-teaser.has-image .teaser-text h1#page-title {
        font-size: 25px
    }
    body.ca-fr .page-header.has-teaser .teaser-text a.page-start-button span {
        height: initial;
        padding: 10px;
        width: initial
    }
    body.ca-fr ul#lens-tabs-list li.lens-tabs-item {
        padding: 7px 2% 14px;
        width: 28.85%
    }
    body.ca-fr ul#lens-tabs-list li.lens-tabs-item.selected {
        padding-bottom: 7px
    }
    body.ca-fr ul#lens-tabs-list li.lens-tabs-item span {
        width: 87px
    }
    .show-fr-ca {
        display: inline-block
    }
}
@media only screen and (max-width: 500px) {
    .page-header.has-teaser.has-image .container .teaser-text {
        padding: 15px 0 15px 10px
    }
    .page-header.has-teaser.has-image .container .header-btn {
        background-image: url(../images/header-button-bg-mobile.png);
        background-repeat: no-repeat;
        width: 280px;
        height: 65px;
        padding-left: 10px;
        padding-top: 1px
    }
    .page-header.has-teaser.has-image .container .header-btn a {
        font-size: 9px
    }
    .header-btn p {
        font-size: .35em!important
    }
}
@media only screen and (min-width: 768px) {
    #bottom-content,
    .footer {
        padding: 0 3%
    }
    .change-country {
        margin: 10px 0
    }
    #footer .change-country h2.block-title {
        color: #000;
        font-size: 13px;
        line-height: 15px;
        text-transform: none
    }
    #footer .change-country ul {
        margin: 0
    }
    #footer .change-country ul li:first-child {
        margin-top: 0
    }
    #footer .region .block-content {
        display: block!important
    }
    .page-content-wrapper {
        overflow: hidden;
        position: relative;
        z-index: 10
    }
    .page-header .header-image {
        width: 100%;
        position: relative
    }
    .page-header .header-image img {
        display: block;
        margin: auto
    }
    .image-and-text .image img {
        float: left
    }
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .container {
        max-width: none
    }
    #your-community .col {
        width: 100%;
        text-align: center
    }
    .product-item .footer-paragraph {
        margin: 20px!important;
        text-align: left
    }
    .hidden-tablet,
    .visible-phone {
        display: none!important
    }
    #branding {
        width: 140px
    }
    #close-tab,
    #home {
        margin: 20px 3.25% 0 0
    }
    .toolbar-wrapper .toolbar-item a {
        font-size: 16px
    }
    .page-header .header-image {
        height: 265px
    }
    .page-header img {
        display: block;
        width: auto;
        max-width: none;
        top: 0;
        right: 0
    }
    .page-header.has-teaser.has-image .teaser-text {
        padding: 10px!important;
        width: 43%
    }
    .page-header.has-teaser h1#page-title,
    .page-header.has-teaser.has-image .teaser-text h1#page-title {
        margin: 0 20% 0 3.25%
    }
    .page-header.has-teaser .teaser-text p,
    .page-header.has-teaser.has-image .teaser-text p {
        font-size: 14px
    }
    .modal-dialog {
        width: 94%
    }
    body.ca-fr ul#lens-tabs-list li.lens-tabs-item {
        height: 200px
    }
    .see-details-box {
        min-height: 105px
    }
    .page.cn .lens-tabs-item.natural-sparkle {
        padding-bottom: 19px!important
    }
    .page.cn .lens-tabs-item.natural-shine {
        padding-bottom: 5px!important
    }
    .page.cn #lens-tab-bottom ul .natural-sparkle {
        margin-left: 10%!important
    }
}
@media only screen and (max-width: 930px)and (min-width: 905px) {
    .page-node #main-content-header .header-btn.right {
        float: left;
        margin-top: 10px
    }
    .page-header.has-teaser.has-image .teaser-text-content {
        padding-left: 70px;
        padding-top: 10px
    }
    .page-node #main-content-header .header-btn {
        height: 70px
    }
}
@media only screen and (max-width: 904px)and (min-width: 768px) {
    #your-community .col,
    .comunity-container .col {
        text-align: center;
        width: 100%
    }
    .page-node #main-content-header .header-btn.right {
        float: left;
        margin-top: 21px
    }
    .page-header.has-teaser.has-image .teaser-text-content {
        padding-left: 70px;
        padding-top: 0
    }
    .page-node #main-content-header .header-btn {
        height: 51px
    }
    .comunity-container {
        min-height: 470px
    }
    .comunity-container .col {
        float: left;
        margin-bottom: 30px
    }
}
@media only screen and (min-width: 1024px) {
    .hidden-desktop,
    .visible-phone {
        display: none!important
    }
    #page .container {
        width: 94%
    }
    #branding {
        width: 190px
    }
    div.tooltipster-default div.tooltipster-content {
        font-size: 16px;
        line-height: 24px;
        text-align: left
    }
    .tooltipster-base {
        width: 50%!important;
        max-width: 115px!important;
        padding: 0 10px!important;
        height: 93px
    }
    body.ca-fr .tooltipster-base {
        max-width: 155px!important;
        padding: 0 5px!important;
        width: 60%!important
    }
    li.lens-tabs-item div.lens-tabs-image {
        float: left;
        margin-right: 9px
    }
    ul#lens-tabs-list li.lens-tabs-item p {
        margin-top: 25px
    }
    body.ca-fr .page-header.has-teaser.has-image .teaser-text h1#page-title {
        font-size: 42px
    }
    body.ca-fr .page-header.has-teaser .teaser-text a.page-start-button span {
        height: 45px;
        padding: 6px 15px;
        width: 380px
    }
    body.ca-fr li.lens-tabs-item div.lens-tabs-image {
        margin-right: 5px
    }
    body.ca-fr ul#lens-tabs-list li.lens-tabs-item p {
        margin-top: 10px
    }
    body.ca div#footer-social-media div.footer-social-media,
    body.ca-fr div#footer-social-media div.footer-social-media {
        width: 200px
    }
}
@media only screen and (max-width: 319px) {
    .toolbar-wrapper .toolbar-item a {
        font-size: 11pt
    }
}
@media only screen and (max-width: 250px) {
    .toolbar-wrapper .toolbar-item a {
        font-size: 10pt
    }
}
@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2) {
    .sprite {
        background: url(images/sprite@2x.png)no-repeat;
        background-size: 50px auto
    }
    .sprite.define {
        background-image: url(images/define-sprite@2x.png)
    }
    .link-with-border .sprite {
        background-position: -11px -913px
    }
}
@media only screen and (min-device-width: 320px)and (max-device-width: 767px)and (-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2) {
    .sprite {
        background: url(images/sprite-mobile@2x.png)no-repeat;
        background-size: 36px auto
    }
    .sprite.define {
        background-image: url(images/define-sprite-mobile@2x.png);
        background-size: 36px auto
    }
    .see-details-box .sprite {
        background-size: 50px auto
    }
    #home span.icon {
        background-position: 0 -2102px;
        background-size: 72px auto;
        height: 8px;
        width: 5px
    }
    .link-with-border .sprite {
        background-position: -9px -536px
    }
    body .model-gallery-filter .lens-color-select-wrapper .lens-color-select-arrow .sprite {
        background-position: -9px -995px
    }
    body .lens-compare-link .link-with-border .sprite {
        background-position: -9px -913px
    }
}
@media only screen and (max-width: 480px) {
    html {
        font-size: 112.5%
    }
    .product-item .product-item-title {
        width: 220px
    }
}
@media only screen and (min-width: 300px)and (max-width: 768px) {
    #your-community .col {
        width: 100%;
        text-align: center
    }
    html {
        font-size: 81.3%
    }
}
@media only screen and (min-width: 315px)and (max-width: 470px) {
    .header-btn {
        width: 285px;
        background-position-x: -140px;
        padding-right: 10px
    }
    .header-btn a {
        font-size: 10px
    }
    #your-community .col {
        width: 100%;
        text-align: center
    }
    html {
        font-size: 81.3%
    }
}
@media only screen and (max-width: 855px) {
    .mobile-adaptive-text {
        position: absolute;
        top: -30px
    }
}
@media only screen and (max-width: 1023px) {
    .page.cn ul#lens-tabs-list li.lens-tabs-item span {
        margin-top: 0!important
    }
    .page.cn .lens-tabs-item p,
    .page.cn .lens-tabs-item.natural-shimmer p,
    .page.cn .lens-tabs-item.natural-sparkle p {
        width: 100%!important
    }
}
header#main-content-header {
    position: relative;
    overflow: hidden;
    margin: 0 auto
}
,
.page-header p,
.step2,
.tooltipster-base p {
    font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', verdana, Arial;
    font-weight: 400;
    font-style: normal
}
.model-gallery-loading {
    width: 100%;
    position: absolute;
    z-index: 999;
    background: url(../images/plugins/model-gallery.gif)right center no-repeat;
    right: 15%;
    display: none;
    bottom: 0;
    top: 0;
    height: initial
}
#main-content-header {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.content-bar {
    z-index: 10;
    position: relative;
    background: #fff
}
.node-type-model-gallery .bg-fix-lt-ie9 {
    display: none
}
.model-gallery-logo img {
    margin-bottom: 5px;
    margin-top: 10px
}
.page-header.has-teaser.has-image .teaser-text {
    background: -moz-linear-gradient(top, rgba(42, 110, 166, .8) 0, rgba(11, 55, 97, .8) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(42, 110, 166, .8)), color-stop(100%, rgba(11, 55, 97, .8)));
    background: -webkit-linear-gradient(top, rgba(42, 110, 166, .8) 0, rgba(11, 55, 97, .8) 100%);
    background: -o-linear-gradient(top, rgba(42, 110, 166, .8) 0, rgba(11, 55, 97, .8) 100%);
    background: -ms-linear-gradient(top, rgba(42, 110, 166, .8) 0, rgba(11, 55, 97, .8) 100%);
    background: linear-gradient(to bottom, rgba(42, 110, 166, .8) 0, rgba(11, 55, 97, .8) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#2A6EA6, endColorstr=#0B3761)";
    color: initial;
    display: block;
    padding: 15px 0 10px;
    width: 100%
}
.header-image-bottom-text,
.page-header.has-teaser.has-image .teaser-text {
    background: #4248ad;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2A6EA6', endColorstr='#0B3761', GradientType=1)
}
.header-image-bottom-text {
    position: absolute;
    bottom: 0;
    z-index: 999;
    float: left;
    background: -moz-linear-gradient(top, rgba(42, 110, 166, .8) 0, rgba(11, 55, 97, .8) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(42, 110, 166, .8)), color-stop(100%, rgba(11, 55, 97, .8)));
    background: -webkit-linear-gradient(top, rgba(42, 110, 166, .8) 0, rgba(11, 55, 97, .8) 100%);
    background: -o-linear-gradient(top, rgba(42, 110, 166, .8) 0, rgba(11, 55, 97, .8) 100%);
    background: -ms-linear-gradient(top, rgba(42, 110, 166, .8) 0, rgba(11, 55, 97, .8) 100%);
    background: linear-gradient(to bottom, rgba(42, 110, 166, .8) 0, rgba(11, 55, 97, .8) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#2A6EA6, endColorstr=#0B3761)";
    color: initial;
    display: block;
    padding: 10px;
    width: 99%
}
.page-header.has-teaser.has-image .teaser-text-content {
    margin: auto;
    max-width: 970px
}
.model-gallery-info table {
    width: 80%
}
.page-header.has-teaser.has-image .teaser-text p {
   margin: 20px 0;
}
.page-header.has-teaser.has-image .teaser-text p.page-introduction {
    color: #FFF;
    float: left;
    width: 95%;
}
.model-gallery-info,
.step2 h3 {
    color: #3b3d4c
}
.page-header.has-teaser.has-image .teaser-text .spacer {
    height: 1px;
    background: #C4C4C9;
    margin: 8px 0
}
.step3 .banner-wrapper-content {
    left: 0;
    margin: 31px 0;
    right: 0;
    top: 0
}
.banner-wrapper-content table tr {
    border-top: 1px solid #c4c4c9
}
.banner-wrapper-content table tr:first-child {
    border-top: none
}
.model-gallery-info table td {
    padding: 0
}
.step2 {
    display: none
}
.step2 .step-title {
    color: #3b3d4c;
    font-size: 24px;
    font-weight: 400
}
.step2 h3 {
    font-size: 18px
}
.model-select {
    margin-bottom: 20px
}
.model-select .model-select-color {
    background: #ebeaf3;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .1) 0, rgba(48, 38, 130, .1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, .1)), color-stop(100%, rgba(48, 38, 130, .1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .1) 0, rgba(48, 38, 130, .1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, .1) 0, rgba(48, 38, 130, .1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, .1) 0, rgba(48, 38, 130, .1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .1) 0, rgba(48, 38, 130, .1) 100%);
    border: 1px solid #b7b4d3;
    display: table;
    max-width: 970px;
    position: relative;
    width: 100%
}
.model-select.only-shine .model-select-color {
    display: none
}
.model-select.only-shine .model-select-color.has-shine {
    display: table
}
.model-select .model-select-color::before {
    content: " ";
    width: 5px;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0
}
.model-select .model-select-color.bleus::before,
.model-select .model-select-color.blue::before {
    background-color: #3e6683
}
.model-select .model-select-color.green::before,
.model-select .model-select-color.verts::before {
    background-color: #166c1a
}
.model-select .model-select-color.light-brown::before,
.model-select .model-select-color.marron-clair::before {
    background-color: #8e4e10
}
.model-select .model-select-color.marron::before,
.model-select .model-select-color.medium-brown::before {
    background-color: #653609
}
.model-select .model-select-color.dark-brown::before,
.model-select .model-select-color.marron-fonce::before {
    background-color: #3f2305
}
.model-select h4 {
    float: left;
    margin: 42px 0 0 20px;
    width: 250px;
    font-weight: 500
}
.model-select .model-select-color.bleus h4,
.model-select .model-select-color.blue h4 {
    color: #3e6683
}
.model-select .model-select-color.green h4,
.model-select .model-select-color.verts h4 {
    color: #166c1a
}
.model-select .model-select-color.light-brown h4,
.model-select .model-select-color.marron-clair h4 {
    color: #8e4e10
}
.model-select .model-select-color.marron h4,
.model-select .model-select-color.medium-brown h4 {
    color: #653609
}
.model-select .model-select-color.dark-brown h4,
.model-select .model-select-color.marron-fonce h4 {
    color: #3f2305
}
.model-select ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}
.model-select li {
    float: left
}
.model-select a {
    display: block;
    font-size: 18px;
    margin: 6px 40px 6px 0;
    max-width: 205px;
    color: #3b3d4c;
    width: 200px
}
.model-select li:last-child a {
    margin-right: 0
}
.model-select.only-shine li {
    display: none
}
.model-select.only-shine li.has-shine {
    display: block
}
.model-select li img {
    border: 0;
    margin-right: 17px;
    vertical-align: middle
}
.model-select li a:hover img {
    border: 3px solid #302782;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    margin: -3px 14px -3px -3px
}
.model-select-previous {
    display: none;
    margin-bottom: 20px;
    padding-left: 30px;
    text-transform: uppercase
}
.sprite.back-icon {
    background-position: -37px -1057px;
    display: inline-block;
    margin-right: 10px;
    width: 11px;
    height: 20px;
    vertical-align: top
}
.model-gallery-header.step3 p {
    color: #3b3d4c;
    font-size: 14px;
    height: 40px;
    margin: 0
}
#main-content-header .step3.page-header {
    margin-top: 0
}
.step3 .header-image img {
    margin-right: -12%
}
.model-gallery-header.step3 {
    display: none
}
.lens-filter .lens-toggle-image img {
    border: 3px solid transparent;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    display: block;
    margin: 0 auto;
    opacity: .5
}
.lens-filter.active .lens-toggle-image img {
    border: 3px solid #302782;
    border-radius: 85px;
    -moz-border-radius: 85px;
    -webkit-border-radius: 85px;
    -ms-border-radius: 85px;
    opacity: 1
}
.lens-filter .lens-toggle-image .lens-shine-link {
    color: #302782;
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    margin: 10px auto;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}
.lens-filter .lens-toggle-image .lens-status {
    background-image: url(../images/lens-status-sprite.png);
    background-position: -1px 0;
    display: block;
    margin: 10px auto;
    width: 80px;
    height: 30px;
    text-indent: -9999px
}
body.ca-fr .lens-filter .lens-toggle-image .lens-status {
    background-image: url(../images/lens-status-sprite-fr.png);
    background-size: 100%;
    height: 30px;
    width: 93px
}
.lens-filter.active .lens-toggle-image .lens-status {
    background-position: 0 -32px
}
body.ca-fr .lens-filter.active .lens-toggle-image .lens-status {
    background-position: 0 -31px
}
.model-gallery-header.step3 .lens-select {
    display: table;
    width: 100%
}
.model-gallery-header.step3 .lens-select .lens-tab {
    width: 25%;
    margin: 0 4%;
    float: left;
    text-align: center
}
.model-gallery-header.step3 .lens-select .lens-tab h3 {
    color: #3b3d4c;
    line-height: 14px;
    font-size: 14px
}
.model-gallery-header.step3 .lens-filter-wrapper {
    display: table;
    width: 100%
}
.model-gallery-header.step3 .lens-filter-wrapper .lens-filter {
    cursor: pointer;
    float: left;
    padding: 0 3%;
    width: 27%
}
.model-gallery-header.step3 .lens-filter-wrapper .lens-filter h3 {
    color: #3B3D4C;
    font-size: 12px;
    margin: auto;
    text-align: center;
    width: 81%
}
.model-gallery-header.step3 .lens-filter-wrapper .lens-filter.has-shine .lens-shine-link,
.model-gallery-header.step3 .lens-filter-wrapper .lens-filter.no-shine .lens-status {
    display: none
}
.model-gallery-header.step3 .model-gallery-filter-content {
    background: #f6f9fd;
    background: -moz-linear-gradient(top, rgba(232, 240, 249, 1) 0, rgba(255, 255, 255, 1) 75%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(232, 240, 249, 1)), color-stop(75%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(232, 240, 249, 1) 0, rgba(255, 255, 255, 1) 75%);
    background: -o-linear-gradient(top, rgba(232, 240, 249, 1) 0, rgba(255, 255, 255, 1) 75%);
    background: -ms-linear-gradient(top, rgba(232, 240, 249, 1) 0, rgba(255, 255, 255, 1) 75%);
    background: linear-gradient(to bottom, rgba(232, 240, 249, 1) 0, rgba(255, 255, 255, 1) 75%);
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, .25);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .25);
    border: 1px solid #c0c1c5;
    padding: 20px;
    width: 440px
}
.model-gallery-filter-teaser .model-gallery-legend span {
    text-transform: uppercase
}
.model-gallery-filter-teaser h2 {
    border-bottom: 1px solid #c0c1c5;
    margin-bottom: 15px;
    padding-bottom: 15px
}
#filter-lens {
    margin-top: 18px
}
.model-gallery-filter .lens-select .lens-tab {
    float: left;
    margin: 0 4%;
    width: 25%;
    text-align: center
}
.model-gallery-filter .lens-select .lens-tab.active .lens-tab-border {
    border: none
}
.model-gallery-filter .lens-select .lens-tab h3 {
    color: #3B3D4C;
    font-size: 12px
}
.model-gallery-filter .lens-toggle img {
    opacity: .5
}
.model-gallery-filter .lens-toggle .active img {
    opacity: 1;
    padding: 6px;
    border: 4px solid #9e9da5
}
.model-gallery-filter .lens-color-select-wrapper.expanded .lens-color-item {
    display: block;
    margin-bottom: 5px
}
.model-gallery-filter .lens-color-select-wrapper.expanded .lens-color-select-arrow .sprite {
    background-position: -11px -1035px
}
.lens-tab.active .sprite {
    background: url(../images/content/arrow-model-galery.png)bottom center no-repeat;
    display: block;
    width: 100%;
    height: 16px;
    margin-top: 7px
}
.lens-tab.active h2 {
    margin-bottom: 4px
}
.model-gallery-filter-bottom a.lens-compare-link {
    border: 2px solid #4266ad;
    color: #FFF;
    cursor: default;
    display: table;
    margin: 25px auto 0;
    width: 98%
}
.model-gallery-filter-bottom a.lens-compare-link.close {
    display: none
}
.model-gallery-filter-bottom a.lens-compare-link.active {
    cursor: pointer
}
.model-gallery-filter-bottom a.lens-compare-link span {
    background: #5592ce;
    background: -moz-linear-gradient(top, #5592ce 0, #2b2d84 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #5592ce), color-stop(100%, #2b2d84));
    background: -webkit-linear-gradient(top, #5592ce 0, #2b2d84 100%);
    background: -o-linear-gradient(top, #5592ce 0, #2b2d84 100%);
    background: -ms-linear-gradient(top, #5592ce 0, #2b2d84 100%);
    background: linear-gradient(to bottom, #5592ce 0, #2b2d84 100%);
    display: block;
    font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', Arial;
    font-style: normal;
    font-size: 16px;
    font-weight: 700;
    height: 26px;
    margin: 12px;
    opacity: .5;
    padding: 7px 0;
    text-align: center;
    text-transform: uppercase
}
.model-gallery-filter-bottom a.lens-compare-link.active span {
    background: #5592ce;
    background: -moz-linear-gradient(top, #5592ce 0, #2b2d84 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #5592ce), color-stop(100%, #2b2d84));
    background: -webkit-linear-gradient(top, #5592ce 0, #2b2d84 100%);
    background: -o-linear-gradient(top, #5592ce 0, #2b2d84 100%);
    background: -ms-linear-gradient(top, #5592ce 0, #2b2d84 100%);
    background: linear-gradient(to bottom, #5592ce 0, #2b2d84 100%);
    opacity: 1
}
.model-gallery-filter-bottom a.lens-compare-link.active:hover span {
    background: #2b2d84;
    background: -moz-linear-gradient(top, #2b2d84 0, #5592ce 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #2b2d84), color-stop(100%, #5592ce));
    background: -webkit-linear-gradient(top, #2b2d84 0, #5592ce 100%);
    background: -o-linear-gradient(top, #2b2d84 0, #5592ce 100%);
    background: -ms-linear-gradient(top, #2b2d84 0, #5592ce 100%);
    background: linear-gradient(to bottom, #2b2d84 0, #5592ce 100%)
}
.model-gallery-filter-bottom a.lens-compare-link.active .close {
    font-style: normal;
    font-weight: 400;
    margin-left: 7px
}
.model-gallery-filter-bottom a.lens-compare-link.active.close span.close {
    display: block
}
.model-gallery-filter-bottom a.lens-choose-another {
    border-top: 1px solid #c0c1c5;
    color: #302782;
    display: block;
    margin-top: 40px;
    padding-top: 17px;
    text-align: center;
    text-transform: uppercase
}
.image-and-text .image,
.image-and-text .text {
    width: 50%;
    max-width: none;
    margin: 0!important;
    display: table-cell;
    float: none;
    vertical-align: middle
}
.image-and-text .image {
    text-align: center
}
.image-and-text .image img {
    float: none
}
.image-and-text .text {
    height: inherit
}
@media only screen and (min-width: 1220px) {
    .step3 .header-image img {
        margin-right: 0
    }
}
@media only screen and (max-width: 1023px) {
    .page-header .header-image img,
    .page-header img {
        position: relative;
        max-width: 100%
    }
    .banner-wrapper-content,
    .page-header img {
        position: relative
    }
    .lens-toggle-info,
    li.lens-tabs-item .lens-tabs-font {
        text-align: center
    }
    #branding {
        margin: 12px 0 17px 3.25%;
        width: 120px
    }
    #main-content {
        overflow: hidden
    }
    #header {
        background: #FFF;
        height: 70px
    }
    .page-header .header-image {
        height: auto;
        width: 100%
    }
    .page-header .header-image img {
        display: block;
        min-height: initial;
        width: 100%
    }
    .page-header.has-teaser.has-image .teaser-text {
        padding: 20px 0 45px;
        display: block
    }
    .page-node #main-content-header .page-header.has-teaser {
        background-color: #fff
    }
    .banner-wrapper-content table {
        margin: 0;
        width: 100%
    }
    .page-header.has-teaser.has-image .teaser-text p.page-introduction {
        float: none;
        margin: 30px 3.25% 0;
        width: 85%;
    }
    .page-header.has-teaser .teaser-text a.page-start-button {
        display: block;
        float: none;
        margin: 35px auto 0;
        width: auto;
        max-width: 322px
    }
    .page-header.has-teaser .teaser-text a.page-start-button span {
        font-size: 12px;
        height: 20px;
        margin: 9px;
        padding: 7px 0;
        width: 304px
    }
    .model-gallery-info table td {
        padding: 4% 0
    }
    .slider-box {
        height: 53px;
        letter-spacing: -.5px;
        right: -480px;
        top: 10px
    }
    .slider-box .close-box {
        width: 31px;
        height: 51px
    }
    .slider-box a {
        font-size: 15px;
        line-height: 17px;
        margin-top: 9px;
        padding-right: 25px;
        width: 310px
    }
    body.ca .slider-box a {
        margin-left: 10px;
        padding-right: 11px;
        width: 345px
    }
    body.ca-fr .slider-box a {
        margin: 8px 10px;
        padding-right: 15px;
        width: 410px
    }
    #main-content-header .step3.page-header {
        height: 100%;
        overflow: hidden;
        margin: 0
    }
    .model-gallery-filter-content-border {
        border: 1px solid #fff;
        padding: 1%;
        width: 90%
    }
    .model-gallery-header.step3 .model-gallery-filter-content {
        padding: 3.15%;
        margin: auto;
        width: 83.7%
    }
    .model-gallery-header.step3 .lens-filter-wrapper .lens-filter h3 {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 15px
    }
    .model-gallery-filter .lens-filter-model .lens-model-thumbnail {
        width: 50px
    }
    .model-gallery-filter .lens-filter-model .lens-model-thumbnail img {
        width: 80%
    }
    .model-gallery-info p {
        margin-bottom: 15px
    }
    .model-gallery-info h3 {
        margin-bottom: 14px;
        font-weight: 600
    }
    .model-select .model-select-color {
        border-right: 1px solid #b7b4d3;
        border-left: 1px solid #b7b4d3;
        border-top: 0;
        border-bottom: 0
    }
    .lens-filter-color,
    .lens-filter-model-label,
    .lens-toggle-info {
        font-size: 12px
    }
    .lens-compare {
        padding-bottom: 10px
    }
    .lens-content {
        margin: 10px 0 0;
        padding: 2% 2% 0
    }
    .lens-toggle-info {
        position: absolute;
        top: 0;
        right: 5%;
        width: 32%
    }
    .lens-toggle-info-wrapper {
        display: none;
        vertical-align: middle;
        height: 67px;
        max-height: 100%
    }
    .step-title {
        font-size: 32px!important;
        line-height: 32px;
        margin-bottom: 17px
    }
    .model-select h4,
    .model-select li {
        margin: 0;
        border-bottom: 1px solid #b7b4d3;
        border-top: 1px solid #b7b4d3;
        box-sizing: border-box
    }
    .model-select,
    .model-select div:first-child,
    .model-select div:last-child {
        border-radius: 0
    }
    .model-select h4,
    .model-select li,
    .model-select li a {
        width: 100%;
        height: 58px
    }
    .model-select a,
    .model-select h4 {
        line-height: 58px;
        font-size: 18px
    }
    .model-select ul {
        display: none
    }
    .model-select h4 {
        cursor: pointer;
        padding: 0 0 0 17px;
        font-weight: 600;
        font-size: 18px
    }
    .model-select h4::after {
        content: "";
        width: 13px;
        height: 13px;
        top: 24px;
        right: 34px;
        position: absolute;
        background-image: url(../images/model-gallery/plus.png)
    }
    .model-select h4.open::after {
        background-image: url(../images/model-gallery/minus.png)
    }
    .model-select h4.open {
        display: block
    }
    .model-select li {
        padding: 0 0 0 20px;
        position: relative
    }
    .model-select li img {
        width: 36px;
        height: 36px;
        margin-right: 5px
    }
    .model-select li a:hover img {
        border: 0;
        margin: 0 5px 0 0
    }
    .page-node #main-content-header .page-header {
        margin: 0
    }
    .step3 .header-image img {
        margin: auto
    }
    .model-select a,
    .model-select a:hover {
        margin: 0;
        color: #3b3d4c
    }
    .model-select a {
        max-width: 100%;
        width: 100%
    }
    .model-select .model-select-color::before {
        height: 58px
    }
    .step2 {
        padding: 35px 3% 25px
    }
    body .model-gallery-loading {
        left: 0;
        right: 0;
        top: 25%;
        background-position: center top
    }
    #filter-model {
        padding-top: 0;
        padding-bottom: 0
    }
    .model-gallery-filter .lens-filter-color {
        float: left
    }
    .lens-tab.active .sprite {
        margin: 0 auto
    }
    span.status-lens {
        right: 30%;
        width: 86px
    }
    span.status-lens.start {
        right: 26%;
        top: 8px;
        width: 128px
    }
    ul#lens-tabs-list {
        margin-bottom: 0;
        margin-top: 30px;
        width: 100%
    }
    ul#lens-tabs-list li.lens-tabs-item {
        padding: 7px 3% 14px;
        width: 26.85%
    }
    ul#lens-tabs-list li.lens-tabs-item p,
    ul#lens-tabs-list li.lens-tabs-item span {
        margin-bottom: 5px;
        margin-top: 8px
    }
    ul#lens-tabs-list li.lens-tabs-item span {
        font-size: 16px
    }
    .product-item .product-item-content {
        width: 43%
    }
    .product-item .product-item-image {
        margin-left: 3.8%;
        width: 52%
    }
}
@media only screen and (max-width: 767px) {
    .page-header.has-teaser.has-image .teaser-text .spacer {
        height: 1px;
        background: #C4C4C9;
        margin: 0
    }
    .model-select li img {
        width: 44px;
        height: 44px
    }
    .model-select-previous {
        font-size: 14px;
        padding-left: 0
    }
    .step-title {
        font-size: 24px!important;
        line-height: 24px
    }
    .model-gallery-info h3 {
        font-size: 15px
    }
    .page-header.has-teaser.has-image .teaser-text p {
        font-size: 14px
    }
    .page-header.has-teaser.has-image .teaser-text h1#page-title {
        margin: 0 4.5%
    }
    .page-header.has-teaser.has-image .teaser-text p.page-introduction {
        margin: 16px 4.5% 0
    }
    .page-header.has-teaser .teaser-text a.page-start-button {
        margin: 25px 4.5% 0;
        max-width: 100%;
        width: 91%
    }
    .page-header.has-teaser .teaser-text a.page-start-button span {
        height: 19px;
        margin: 8px 2.1%;
        width: 95.8%
    }
    .page-header.step3 .header-image {
        top: -19%
    }
    .model-gallery-header.step3 .lens-filter-wrapper .lens-filter {
        margin: 0 1.5%;
        padding: 0;
        width: 30%
    }
    .model-gallery-header.step3 .lens-filter-wrapper .lens-filter h3 {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 5px;
        width: 100%
    }
    body.ca-fr .model-gallery-header.step3 .lens-filter-wrapper .lens-filter h3 {
        max-width: 120px
    }
    .lens-filter .lens-toggle-image img {
        max-width: 80%
    }
    #filter-lens {
        margin-top: 23px
    }
    .model-gallery-header.step3 .lens-select .lens-tab {
        margin: 0 1.5%;
        width: 30%
    }
    .model-gallery-header.step3 .lens-select .lens-tab h3 {
        font-size: 14px;
        line-height: 14px
    }
    .lens-select {
        overflow: hidden
    }
    .lens-filter .lens-toggle-image .lens-status {
        background-size: 50px;
        height: 19px;
        width: 50px
    }
    .lens-filter .lens-toggle-image .lens-shine-link {
        width: 100%
    }
    body.ca-fr .lens-filter .lens-toggle-image .lens-shine-link {
        font-size: 10px
    }
    .lens-filter.active .lens-toggle-image .lens-status {
        background-position: 0 -19px
    }
    .model-gallery-filter-bottom a.lens-compare-link {
        margin-top: 10px
    }
    .model-gallery-filter-bottom a.lens-compare-link span {
        font-size: 12px;
        height: 22px;
        margin: 4px;
        padding: 3px 0
    }
    .model-gallery-filter-bottom a.lens-choose-another {
        font-size: 14px;
        margin-top: 23px;
        padding-top: 11px
    }
    body.ca-fr .lens-filter .lens-toggle-image .lens-status {
        height: 25px;
        width: 80px
    }
    body.ca-fr .lens-filter.active .lens-toggle-image .lens-status {
        background-position: 0 -27px
    }
    .sprite.define.back-icon {
        background: url(images/define-sprite@2x.png)-13px -1053px;
        background-size: 50px;
        width: 9px
    }
    .teaser-text-content {
        padding-top: 32%
    }
    .model-select a,
    .model-select h4 {
        font-size: 15px
    }
    .model-gallery-filter-teaser {
        margin-top: 0
    }
    .model-gallery-filter-teaser h2 {
        margin-bottom: 5px;
        padding-bottom: 10px
    }
    .model-gallery-filter .lens-color-select-wrapper .lens-color-options {
        padding: 0 5px
    }
    .model-gallery-filter .lens-filter-model .lens-model-thumbnail.active img {
        border-width: 3px
    }
    .slider-box {
        height: 34px;
        right: -320px
    }
    .slider-box .close-box {
        height: 32px;
        width: 20px;
        background-size: 40%
    }
    .slider-box a {
        background-size: auto 10px;
        font-size: 11px;
        line-height: 13px;
        margin-left: 6px;
        margin-top: 4px;
        padding-right: 10px;
        width: 235px
    }
    body.ca .slider-box a {
        margin-right: 10px;
        margin-top: 4px;
        width: 245px
    }
    body.ca-fr .slider-box a {
        background-image: none;
        margin: 4px 0 0 5px;
        padding-right: 7px;
        width: 285px
    }
    .light-blue-box .white-border {
        border: none!important;
        padding: 0!important;
        background-color: transparent
    }
    .light-blue-box .white-box {
        background-color: transparent!important;
        padding: 0!important
    }
    .image-and-text .image,
    .image-and-text .text {
        width: auto;
        display: block
    }
    .model-gallery-filter .lens-filter-color {
        float: left;
        width: 27%;
        height: 100px;
        padding-right: 3%;
        border-right: 1px solid #c4c4c9
    }
    .model-gallery-filter .lens-color-select-wrapper .lens-color-select-arrow .sprite {
        height: 20px;
        width: 20px;
        display: block;
        margin: 0 auto;
        background-position: -11px -995px
    }
    .model-gallery-filter .lens-color-select-wrapper .lens-color-options {
        float: left;
        width: 72px;
        position: absolute;
        bottom: 0;
        z-index: 11
    }
    .model-gallery-filter .lens-color-select-wrapper {
        width: 100px;
        margin: 0;
        cursor: pointer
    }
    .model-gallery-header.step3 .lens-color-options .lens-color-item {
        display: none;
        border: 2px solid #c4c4c9
    }
    .model-gallery-filter .lens-color-select-wrapper .lens-color-item.active {
        display: inline-block
    }
    .model-gallery-filter .lens-color-select-wrapper.expanded .lens-color-item {
        display: block;
        margin-bottom: 5px
    }
    .model-gallery-filter .lens-filter-model {
        padding: 0 0 0 4%
    }
    .lens-tab.active .sprite {
        display: block;
        width: 20px;
        height: 20px;
        margin: 0 auto;
        background: url(images/define-sprite.png)-12px -1035px
    }
    .lens-filter-color-label,
    .lens-filter-model-label {
        display: none;
        font-size: 11px
    }
    .lens-filter-model-label.mobile {
        display: block
    }
    .lens-filter-color-label.mobile {
        display: block;
        margin-top: 36px
    }
    .model-gallery-filter .lens-color-select-wrapper .lens-color-select-arrow {
        top: 0;
        margin-left: 54px
    }
    .model-gallery-filter .lens-filter-model .lens-model-options {
        margin: 0;
        overflow: hidden
    }
    .model-gallery-filter .lens-filter-model .lens-model-thumbnail img {
        width: 90%
    }
    .model-gallery-filter .lens-filter-color .lens-color-item {
        width: 35px;
        height: 35px
    }
    span.status-lens {
        right: 4%;
        font-size: 15px
    }
    span.status-lens.start {
        right: 2%;
        top: 3px;
        width: 100px
    }
    body.ca-fr span.status-lens {
        right: 1%
    }
    body.ca-fr span.status-lens.start {
        font-size: 12px;
        right: 1%;
        top: 0!important;
        width: 100px
    }
    .lens-content {
        padding: 0 2%;
        margin: 0 0 20px
    }
    .lens-compare-link .link-with-border {
        font-size: 13px;
        padding: 3px 0
    }
    .rtecenter {
        margin: 5px 0 15px
    }
    ul#lens-tabs-list li.lens-tabs-item .lens-tabs-image {
        width: 57%
    }
    ul#lens-tabs-list li.lens-tabs-item p {
        display: none
    }
    ul#lens-tabs-list li.lens-tabs-item span {
        display: block;
        font-size: 13px;
        font-weight: 400;
        line-height: 14px;
        margin: 5px auto 0;
        width: 80px
    }
    div#image-get-effect {
        margin-top: 40px
    }
    .product-item .product-item-content {
        float: none;
        width: auto;
        margin-bottom: 8px
    }
    .product-item .product-item-title {
        font-size: 15px;
        line-height: 17px
    }
    .product-item .product-item-image {
        float: none;
        width: auto;
        margin-left: -3%;
        text-align: left
    }
}
@media only screen and (max-width: 370px) {
    .page-header.step3 .header-image {
        top: -14.5%
    }
}
@media only screen and (max-width: 481px) {
    .teaser-text-content {
        padding-top: 23%
    }
}
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .page-header img {
        display: inline-block
    }
    .tooltipster-base {
        width: 40%!important
    }
    .model-gallery-filter .lens-filter-model .lens-model-thumbnail {
        width: 17%
    }
    .model-gallery-filter .lens-color-select-wrapper .lens-color-select-arrow {
        display: none
    }
    .model-gallery-filter .lens-color-select-wrapper .lens-color-options {
        position: relative;
        width: auto
    }
    .model-gallery-filter .lens-color-select-wrapper.expanded .lens-color-item {
        display: inline-block;
        margin-bottom: 0
    }
    .model-gallery-filter .lens-color-select-wrapper .lens-color-item {
        display: inline-block
    }
    .model-gallery-filter .lens-color-select-wrapper {
        width: 100%;
        margin-bottom: 18px
    }
    .model-gallery-filter .lens-filter-color {
        width: 50%;
        height: auto
    }
    .model-gallery-filter .lens-filter-model {
        width: 42%
    }
    .model-gallery-filter .lens-filter-color .lens-color-item {
        width: 30px;
        height: 30px;
        padding: 0;
        margin-right: 10px;
        border: 4px solid #d4cbc4
    }
    .model-gallery-filter .lens-color-select-wrapper.expanded .lens-color-options {
        background: 0 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
    body.ca-fr .lens-filter .lens-toggle-image .lens-status {
        height: 30px;
        width: 93px
    }
    body.ca-fr .lens-filter.active .lens-toggle-image .lens-status {
        background-position: 0 -31px
    }
    .lens-tab h2 {
        margin-top: 3%;
        margin-bottom: 3%
    }
    .lens-compare-link .link-with-border {
        padding: 8px 0;
        font-size: 18px
    }
    .lens-compare-link .link-with-border .sprite {
        top: 0
    }
    .model-gallery-header.step3 .teaser-text-content {
        padding-top: 35%
    }
    .model-gallery-filter-content-border {
        margin: 0 auto
    }
    .model-gallery-filter .lens-select {
        padding: 2%
    }
    #filter-model {
        padding-top: 2%;
        padding-bottom: 0
    }
    .model-upon .model-gallery-filter .lens-select {
        padding-top: 0
    }
    .selecter .selecter-item,
    .selecter .selecter-selected {
        font-size: 15px!important
    }
    #list-state {
        width: 44%
    }
    body.ca-fr span.status-lens {
        right: 23%;
        top: 0!important;
        width: 118px
    }
    body.ca-fr span.status-lens.start {
        right: 15%;
        width: 157px
    }
}
@media only screen and (min-width: 1024px) {
    body.ca-fr .model-gallery-header.step3 .teaser-text-content {
        width: 45%
    }
    .lens-tab h2 {
        color: #302782;
        font: 700 15px Gotham, 'Gotham 3r', 'Gotham A', 'Gotham B', verdana, Arial
    }
    .model-gallery-filter .lens-color-select-wrapper.expanded .lens-color-options {
        bottom: 2px;
        padding-top: 5px
    }
    .step3 .banner-wrapper-content {
        position: absolute
    }
}
@media only screen and (max-width: 320px) {
    .lens-toggle-image span.status-lens {
        right: 3%
    }
    .lens-toggle-image span.status-lens.start {
        font-size: 14px;
        width: 100px
    }
}

/************* tab changes ***************/
div#get-effect{   clear: both;
    padding: 30px 0 25px;}
div#degrade-section{clear:both;}
.containerwrap ul#lens-tabs-list li.lens-tabs-item{width:17.8%;min-height:103px;}

.containerwrap ul#lens-tabs-list {
    margin-left:5px;
}
ul#lens-tabs-list li.natural-sparkle {
    border-bottom: 5px #0E89AD solid
}

ul#lens-tabs-list li.natural-shimmer {
    border-bottom: 5px #EE2973 solid
}
.containerwrap ul#lens-tabs-list li.lens-tabs-item p{
    margin-top:0px;margin-left:0;
}
.containerwrap li.lens-tabs-item div.lens-tabs-image{
    width:80px;
}
.containerwrap ul#lens-tabs-list li.lens-tabs-item.natural-sparkle:active {
    border-bottom: 5px #0E89AD solid
}
.containerwrap ul#lens-tabs-list li.lens-tabs-item.natural-shimmer:active {
    border-bottom: 5px #EE2973 solid
}
.containerwrap h3,div#get-effect .containerwrap p{margin-left:2%;}

div#degrade-section div.source{font-size: 12px; margin-bottom:15px; margin-left: auto;  margin-right: auto; width: 74%;}
/***************** image changes **********/

.eyeImg-tabs{
    width:100%;
    float: left;
	margin-top:20px;
}
.eyeImg-tabs .eyeImgBox {
    float:left;
    width:40%;
}
.eyeImg-tabs .eyeImgBox img{width:100%;min-height:122px;}
.eyeImg-tabs .eyeImgBox.second{
    width:20%;
}
.eyeImg-tabs .mobileImg, .eyeImg-tabs .tabletImg{display: none;}
.eyeImg-tabs .desktopImg{display:block;}

@media only screen and (max-width: 1024px){
    .containerwrap ul#lens-tabs-list li.lens-tabs-item{
        min-height:103px;
    }
    .containerwrap ul#lens-tabs-list li.lens-tabs-item p{
        font-size:13px;
    }
}
@media only screen and (max-width: 1023px){
   .containerwrap ul#lens-tabs-list li.lens-tabs-item {
    width: 13.5%;
    min-height: 195px;
    padding: 7px 3% 14px;
    }
    .containerwrap ul#lens-tabs-list li.lens-tabs-item p{
        min-height:66px;
        font-size:13px;
    }
}
@media only screen and (max-width: 767px) {
    .containerwrap ul#lens-tabs-list {
    margin-left:0px;
}

     .containerwrap ul#lens-tabs-list li.lens-tabs-item {
    width: 19.5%;
    min-height: 19px;
    padding: 7px 0% 14px;
    }
    .containerwrap ul#lens-tabs-list li.lens-tabs-item .lens-tabs-image{width:70%;}
    .containerwrap ul#lens-tabs-list li.lens-tabs-item span{
        width:62px;font-size:10px;
    }
	.eyeImg-tabs .mobileImg, .eyeImg-tabs .desktopImg{display: none;}
}
@media only screen and (min-width: 768px)and (max-width: 1023px){
    .eyeImg-tabs .mobileImg, .eyeImg-tabs .desktopImg{display: none;}
	.eyeImg-tabs .tabletImg{display: block;}
}

@media only screen and (min-width: 320px)and (max-width: 767px){
    .eyeImg-tabs .desktopImg, .eyeImg-tabs .tabletImg{display: none;}
	.eyeImg-tabs .mobileImg{display:block;}
}