/*reset styles*/
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    font-weight: inherit;
    font-style: inherit; /*   font-family: inherit; */
}

:focus {
    outline: 0;
}

ul {
    list-style: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block;
}

html, body {
    margin: 0px;
    border: 0px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
}

p, br {
    margin: 0px;
    padding: 0;
}

a {
    text-decoration: none;
}

ul, dl {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

b, strong {
    font-family: QuicksandBold;
    font-weight: normal;
}

i, em {
    font-family: inherit;
    font-style: italic;
}

/*font classes*/
.boldfont {
    font-family: 'QuicksandBold', Arial, sans-serif;
}

.lightfont {
    font-family: 'Quicksand' !important;
    font-style: normal;
    font-weight: 300;
}

.regularfont {
    font-family: 'quicksandregular', arial;
}

.italicfont {
    font-family: 'QuicksandBookOblique', arial;
}

.arialfont {
    font-family: sans-serif, 'Arial';
}

.bolderfont {
    font-weight: 900;
}

.orangecolor {
    color: #fbaf3f;
}

.helveticafont {
    font-family: 'Helvetica', Arial, sans-serif;
}

/*.darkblue{color: #092f87;}*/
.darkblue {
    color: #00529b;
}

.clr1 {
    color: #FFFFFF;
}

.clr2 {
    color: #000000;
}

.clr3 {
    color: #00529b;
}

.clr4 {
    color: #00529b;
}

.clr5 {
    color: #50d5fc;
}

.uppercasefont {
    text-transform: uppercase;
}

.capitalizefont {
    text-transform: capitalize;
}

.lowercasefont {
    text-transform: lowercase;
}

ul.lensblock {
    margin-top: 40px;
    float: right;
    position: relative;
    margin-right: 10px;
}

ul.lensblock li {
    position: relative;
    z-index: 10;
    /* cursor: pointer; */

    width: 112px;
    display: inline-block;
    /* padding-bottom:8px; */
}

ul.lensblock li.disabled {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

ul.lensblock li.enabled {
    opacity: 1;
}

ul.lensblock li a {
    display: block;
    width: 69px;
    height: 69px;
    margin: 0 auto 10px auto;
    *float: left;
}

.free_tr {
    color: #a1a1a1;
    font-size: 14px;
    line-height: 24px;
    font-family: 'FuturaBT-Light';
}

/* ul.lensblock li:hover span{color:#cc9933;} */
/* ul.lensblock li.active a{
	width:75px;
	height:75px;
	margin-top:-23px;
	border-radius: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
} */
ul.lensblock li.active span { /* color:#cc9933; */
    height: 25px;
}

ul.lensblock li.disabled:hover span {
    border-bottom: none;
}

.scrollable .items > div ul.lensblock li a img {
    width: 100%;
    height: auto;
}

ul.lensblock li span {
    display: block;
    margin: 0 auto;
    font-size: 9px;
    color: #666666;
    text-transform: uppercase;
    font-family: quicksandbold;
    width: 108px;
    margin-left: -8px;
    *float: left;
    *clear: both;
}

#page8-content .references ul li {
    padding-bottom: 8px;
}

.faq-aqua dd {
    margin-left: 10px;
}

.productfooter {
    width: 930px;
    margin-left: -490px;
}

.boldfont i {
    font-family: 'QuicksandBold', Arial, sans-serif;
    font-style: italic;
}

.lens-filter {
    overflow: hidden;
    float: left;
    margin-top: 70px;
    margin-left: 100px;
}

.lens-filter li {
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-family: QuicksandBold;
    text-align: center;
    color: #cc9933;
    text-transform: uppercase;
    background: url("../images/lens-filter.png") no-repeat;
    cursor: pointer;
    display: inline-block;
}

.lens-filter li.lens-all {
    width: 54px;
    border-right: 1px solid #B4A472;
}

.lens-filter li.lens-subtle {
    width: 79px;
    background-position: center 0;
    border-right: 1px solid #B4A472;
}

.lens-filter li.lens-vibrant {
    width: 85px;
    background-position: right 0;
}

.lens-filter li.active {
    color: #FFF;
    text-shadow: 1px -1px 1px #998545;
}

.lens-filter li.lens-all.active {
    background-position: 0 -30px;
}

.lens-filter li.lens-subtle.active {
    background-position: center -30px;
}

.lens-filter li.lens-vibrant.active {
    background-position: right -30px;
}

ul.Mob_ref li,
ul.productdesc ul.Mob_ref li {
    padding-top: 13px;
    padding-right: 10px;
    font-size: 11px;
    line-height: 13px;
    color: #00529b;
}

ul.productdesc .productfooter {
    width: auto;
}

ul.productdesc .faq-ans a {
    display: inline;
    padding-left: 0;
}

.references .breat_ref li {
    padding-right: 5px;
}

/* .sup21{
	font-size: 21px;
	vertical-align: middle;
}
.sup10{
	font-size: 10px;
	vertical-align: middle;
} */
.suptop {
    top: -0.7em;
}

.supDAGfordektop {
    font-family: quicksandregular;
    font-size: 16px;
    top: -1.2em;
}

.supTRADEfordektop {
    top: -0.2em;
}

.numsup-new {
    top: -0.6em;
    font-size: 57.7%;
    font-size: 68% \0/ IE9;
    top: -0.6em \0/ IE9 !important;
}

/*CPN changes*/
#hdr-glblalc {
    display: block !important;
    position: fixed;
    width: 100% !important;
    z-index: 9999999 !important;
    top: 0;
}

#mob-hdr-glblalc {
    display: none !important;
}

/*general classes*/
.link-cur {
    cursor: pointer;
}

.clear {
    clear: both;
    line-height: 0px;
    height: 0px;
}

.for_imgs img {
    margin-top: 29% !important;
}

.colorlens_copy {
    color: #56B5E1;
    font-size: 26px;
    font-family: QuicksandBook;
    text-align: center;
}

.colorlens_copy span {
    color: #FBA03F;
}

.colorlens_copy1 {
    color: #56B5E1;
    font-size: 22px;
    font-family: QuicksandBook;
    text-align: center;
    text-transform: uppercase;
}

.paddt3 {
    padding-top: 3px;
}

.paddt5 {
    padding-top: 5px;
}

.paddt8 {
    padding-top: 8px;
}

.paddt9 {
    padding-top: 9px;
}

.paddt10 {
    padding-top: 10px;
}

.paddt12 {
    padding-top: 12px;
}

.paddt20-m {
    padding-top: 20px;
}

.paddt15 {
    padding-top: 15px;
}

.paddt18 {
    padding-top: 18px;
}

.paddt30 {
    padding-top: 30px;
}

.paddt120 {
    padding-top: 85px;
}

.paddt40 {
    padding-top: 40px;
}

.paddl3 {
    padding-left: 3px;
}

.paddl5 {
    padding-left: 5px;
}

.paddl10 {
    padding-left: 10px;
}

.paddl15 {
    padding-left: 15px;
}

.paddr3 {
    padding-right: 3px;
}

.paddr5 {
    padding-right: 5px;
}

.paddrl0 {
    padding-right: 10px;
}

.paddr15 {
    padding-right: 15px;
}

.paddb5 {
    padding-bottom: 5px;
}

.paddb10 {
    padding-bottom: 10px;
}

.paddb20 {
    padding-bottom: 20px;
}

.paddb45 {
    padding-bottom: 45px;
}

.paddtb5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.paddb7 {
    padding-bottom: 7px;
}

.paddlr5 {
    padding-left: 5px;
    padding-right: 5px;
}

.paddlr8 {
    padding-left: 8px;
    padding-right: 8px;
}

.paddlr10 {
    padding-left: 10px;
    padding-right: 10px;
}

.paddlr12 {
    padding-left: 12px;
    padding-right: 12px;
}

.paddlr15 {
    padding-left: 15px;
    padding-right: 15px;
}

.margt5 {
    margin-top: 5px;
}

.margt15 {
    margin-top: 15px;
}

.margt50 {
    margin-top: 50px;
}

.margt62 {
    margin-top: 62px;
}

.margl5 {
    margin-left: 5px;
}

.margl15 {
    margin-left: 15px;
}

.margl30 {
    margin-left: 30px;
}

.margl60 {
    margin-left: 60px;
}

.marglr10 {
    margin-left: 10px;
    margin-right: 10px;
}

.marglr15 {
    margin-left: 15px;
    margin-right: 15px;
}

.marglr20 {
    margin-left: 20px;
    margin-right: 20px;
}

.margr12 {
    margin-right: 12px;
}

.margr15 {
    margin-right: 15px;
}

.margr20 {
    margin-right: 20px;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.mauto {
    margin: 0px auto;
}

.width500 {
    width: 500px;
}

.font13 {
    font-size: 13px;
}

.font15 {
    font-size: 15px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.blueline {
    border-bottom: 1px solid #28c6f4;
}

.blueline-m {
    border-bottom: 1px solid #28c6f4;
}

.faq-blueline {
    border-bottom: 1px solid #E4EFF8;
    padding-top: 20px;
    padding-bottom: 20px;
}

body {
    font-family: Helvetica, sans-serif;
    font-family: 'quicksandregular', Arial;
    font-size: 15px;
    color: #363636;
}

.wrap {
    width: 980px;
    margin: 105px auto 0;
}

.header-shadow {
    height: 8px;
    background: url("../images/header-shadow.gif") repeat-x;
    opacity: 0.5;
}

.pro-img {
    cursor: pointer;
}

.pro-img-tab, .scroll-down-arrow {
    display: none;
}

.logo {
    position: absolute;
    z-index: 1000;
}

.logo img {
    width: 200px;
    height: auto;
}

/*.products-area .product-sec {overflow: hidden;}*/
.product-sec .pro .pro-img {
    position: absolute;
}

.product-sec .pro {
    width: 195px;
    height: 320px;
    float: left;
    position: relative;
}

.product-sec .p1 {
    width: 195px;
}

.product-sec img {
    height: auto;
    width: auto;
}

.prod-name {
    position: absolute;
    text-align: left;
    width: 200px;
    padding: 10px;
    margin: 167px 0 0 2px;
}

.prodname1 {
    width: 175px;
    margin-left: 19px;
}

.prodname2 {
    width: 170px;
    margin-left: 23px;
}

.prodname3 {
    width: 180px;
    margin-left: 22px;
}

.prodname4 {
    width: 200px;
    margin-left: 13px;
    letter-spacing: -1px;
}

.prod-name a { /*background:url("../images/arrow1.png") no-repeat right bottom;*/
    line-height: 24px;
    display: block;
    font-size: 15px;
    padding-right: 37px;
}

.prod-name a.threeline {
    padding-right: 27px;
    margin-left: -12px;
}

.prod-name a:active, .prod-name a:link, .prod-name a:visited {
    color: #00529b;
}

.prod-name a:hover {
    color: #28c6f4;
}

img.prod-arrow {
    height: 18px;
    width: 7px;
    position: absolute;
    margin: 3px 0 0 10px;
}

img.prod1-arrow {
    height: 18px;
    width: 7px;
    position: absolute;
    margin: 3px 0 0 10px;
}

img.prod2-arrow {
    height: 18px;
    width: 7px;
    position: absolute;
    margin: 3px 0 0 10px;
}

img.prod3-arrow {
    height: 18px;
    width: 7px;
    position: absolute;
    margin: 3px 0 0 5px;
}

img.prod4-arrow {
    height: 18px;
    width: 7px;
    position: absolute;
    margin: 3px 0 0 10px;
}

img.prod5-arrow {
    height: 18px;
    width: 7px !important;
    position: absolute;
    margin: 1px 0 0 4px;
}

.products-area {
    margin-bottom: 20px;
    margin-top: 43px; /*background:url("../images/product-bg-inst.png") no-repeat; background-size:980px;*/
}

.products-area .product-sec .clear, .notinDesktop, .only-mobile, .only-tab, .only-mobile3, .only-mobile2 {
    display: none;
}

.product {
    position: absolute;
    width: 258px;
    height: 315px;
    padding: 0 0px 22px;
}

.product .pro-item {
    padding-top: 90px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    cursor: pointor;
    height: 130px;
}

.product .pro-item img {
    width: 170px;
    height: auto;
}

.product .pro-title {
    font-size: 17px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.home-con {
    width: 946px;
    margin: 30px auto;
}

.home-con {
    margin-top: 35px;
}

.home-con h1 {
    font-size: 41px;
    line-height: 54px;
    font-weight: 300;
    text-align: center;
}

.home-con p {
    font-size: 18px;
    text-align: center;
}

.chat-icon {
    background: #f2ab3d url("../images/chat-icon.png") no-repeat scroll center;
    width: 34px;
    height: 34px;
    margin-left: 1px;
    cursor: pointer;
}

.transfer-icon {
    background: #f2ab3d url("../images/transfer-icon.png") no-repeat scroll center;
    width: 34px;
    height: 34px;
    margin-left: 1px;
    cursor: pointer;
}

.arrow-icon {
    background: #f2ab3d url("../images/arrow-btn.png") no-repeat scroll center;
    width: 34px;
    height: 34px;
    margin-left: 1px;
    cursor: pointer;
}

.lenses {
    margin: 0 auto;
    width: 512px;
    font-family: sans-serif, Arial;
}

/*anchor for these button should always be float left*/
.arrow-button {
    background: url("../images/imageSprite.png") no-repeat scroll right 0 #F09C1A;
    display: block;
    overflow: hidden;
    padding-right: 33px;
    width: auto;
}

.arrow-button .width {
    width: 100px;
}

.comp-button {
    background: url("../images/imageSprite.png") no-repeat scroll right -36px #F09C1A;
    display: block;
    width: auto;
    overflow: hidden;
    padding-right: 33px;
}

.free-trial-button {
    background: url("../images/imageSprite.png") no-repeat scroll right -73px #F09C1A;
    display: block;
    width: auto;
    overflow: hidden;
    padding-right: 33px;
}

.faq-button {
    background: url("../images/imageSprite.png") no-repeat scroll right -216px #F09C1A;
    display: block;
    width: auto;
    overflow: hidden;
    padding-right: 33px;
}

.get-lens {
    float: left;
    margin: 28px 0 20px 28px;
}

.get-lens .blue-bg {
}

.icon-link {
    color: #F2AB3D;
    font-size: 12px;
    padding-left: 20px;
    margin-left: 28px;
    text-transform: uppercase;
    color: #F93;
}

.blue-bg {
    background: none repeat scroll 0 0 #092F87;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: inline;
    line-height: 33px;
    text-align: center;
}

.arrow-button .blue-bg {
    padding: 10px 42px;
}

.comp-button .blue-bg {
    padding: 10px 20px;
}

.free-trial-button .blue-bg {
    padding: 10px 20px;
    padding-right: 20px;
}

.faq-button .blue-bg {
    padding: 10px 104px;
}

.prod-name a.saparatelineheight {
    line-height: 20px;
}

.lense-sug {
    width: 208px;
    background: #092f87;
    text-align: center;
    cursor: pointer;
}

.lense-sug a {
    line-height: 34px;
    font-family: sans-serif, Arial;
    color: #fff;
}

.footer-text {
    font-size: 11px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    line-height: 18px;
}

.faq-wrap .footer-text {
    padding-top: 10px;
    padding-bottom: 15px;
}

.faq-wrap .accordion {
    padding-bottom: 0px;
}

.bg1, .bg2, .bg3, .bg4, .bg5, .bg6, .bg7, .bg8 {
    position: fixed;
}

.bg1 {
    top: 0;
    left: 0px;
    width: 379px;
    height: 441px;
    background: url("../images/Desktop/Background_dots/AirOptix_background_dots_left_1_aqua.png") no-repeat top left;
    z-index: -1;
}

.bg2 {
    top: 0;
    right: 0px;
    width: 379px;
    height: 441px;
    background: url("../images/Desktop/Background_dots/AirOptix_background_dots_right_1_aqua.png") no-repeat top right;
    z-index: -1;
}

.bg3 {
    top: 0px;
    left: 0px;
    width: 379px;
    height: 100%;
    background: url("../images/Desktop/Background_dots/AirOptix_background_dots_left_2_aqua.png") repeat-y left;
    z-index: -2;
}

.bg4 {
    top: 0px;
    right: 0px;
    width: 379px;
    height: 100%;
    background: url("../images/Desktop/Background_dots/AirOptix_background_dots_right_2_aqua.png") repeat-y right;
    z-index: -2;
}

.bg5 {
    bottom: 0px;
    left: 0px;
    width: 379px;
    height: 445px;
    background: url("../images/Desktop/Background_dots/AirOptix_background_dots_left_3_aqua.png") no-repeat left bottom;
    z-index: -1;
}

.bg6 {
    bottom: 0px;
    right: 0px;
    width: 379px;
    height: 445px;
    background: url("../images/Desktop/Background_dots/AirOptix_background_dots_right_3_aqua.png") no-repeat bottom right;
    z-index: -1;
}

.multifocal .bg1 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_left_1_multifocal.png");
}

.multifocal .bg2 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_right_1_multifocal.png");
}

.multifocal .bg3 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_left_2_multifocal.png");
}

.multifocal .bg4 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_right_2_multifocal.png");
}

.multifocal .bg5 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_left_3_multifocal.png");
}

.multifocal .bg6 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_right_3_multifocal.png");
}

.astigmatism .bg1 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_left_1_astigmatism.png");
}

.astigmatism .bg2 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_right_1_astigmatism.png");
}

.astigmatism .bg3 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_left_2_astigmatism.png");
}

.astigmatism .bg4 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_right_2_astigmatism.png");
}

.astigmatism .bg5 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_left_3_astigmatism.png");
}

.astigmatism .bg6 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_right_3_astigmatism.png");
}

.night-and-day .bg1 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_left_1_nightandday.png");
}

.night-and-day .bg2 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_right_1_nightandday.png");
}

.night-and-day .bg3 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_left_2_nightandday.png");
}

.night-and-day .bg4 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_right_2_nightandday.png");
}

.night-and-day .bg5 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_left_3_nightandday.png");
}

.night-and-day .bg6 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_right_3_nightandday.png");
}

.colors .bg1 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_left_1_color.png");
}

.colors .bg2 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_right_1_color.png");
}

.colors .bg3 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_left_2_color.png");
}

.colors .bg4 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_right_2_color.png");
}

.colors .bg5 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_left_3_color.png");
}

.colors .bg6 {
    background-image: url("../images/Desktop/Background_dots/AirOptix_background_dots_right_3_color.png");
}

.header-main {
    position: relative;
    left: 0;
    top: 45px !important;
    width: 100%;
    z-index: 501;
    box-shadow: 0 3px 5px #B0CBE8;
    -moz-box-shadow: 0 3px 5px #B0CBE8;
    -webkit-box-shadow: 0 3px 5px #B0CBE8;
    /*behavior: url("../PIE/PIE.htc.txt");*/
}

.header {
    height: 62px; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjYTRkYiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBkM2Q5MSIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left, rgba(44, 164, 219, 0.8) 0%, rgba(13, 61, 145, 0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(44, 164, 219, 0.8)), color-stop(100%, rgba(13, 61, 145, 0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(44, 164, 219, 0.8) 0%, rgba(13, 61, 145, 0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(44, 164, 219, 0.8) 0%, rgba(13, 61, 145, 0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(44, 164, 219, 0.8) 0%, rgba(13, 61, 145, 0.8) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(44, 164, 219, 0.8) 0%, rgba(13, 61, 145, 0.8) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc2ca4db', endColorstr='#cc0d3d91', GradientType=1); /* IE6-8 */
}

.header-overlay {
    display: none;
}

.container {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

.logo-wrap {
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 0;
}

.logo {
    display: block;
}

.logo img {
    width: 196px;
    height: auto;
    margin-top: 0px;
    margin-left: -5px;
}

.menu-btn {
    display: none;
}

.nav {
    padding-left: 215px;
    margin: 0px auto;
}

.nav ul {
    padding: 20px 0 0 0;
    margin: 0;
    margin-left: 0px;
}

.nav ul li {
    float: left;
    padding: 0px 14px;
    border-right: solid 1px #88c7e7;
    line-height: normal;
    font-weight: bold;
}

.nav ul li.mobi-item {
    display: none;
}

.nav ul li.lastchild {
    border-right: 0px;
    padding-right: 0;
}

.nav ul li a {
    font-size: 15px;
    line-height: 22px;
    color: #FFFFFF;
    text-decoration: none;
    padding-bottom: 3px;
    font-weight: normal;
    zoom: 1;
}

.nav ul li a:hover {
    border-bottom: solid 3px #FFFFFF;
}

.nav ul li a.active, .nav ul li a.active:hover {
    border-bottom: solid 3px #fbaf3f;
}

.nav a.find-an-ecp .non-desktop, .nav a.isi .non-desktop {
    display: none;
}

/* footer ========================== */
.footer-wrap {
    height: 80px;
    color: #FFFFFF;
    position: relative;
    z-index: 99999;
}

.footer-fixed {
    position: fixed;
    font-family: 'QuicksandBold', Arial, sans-serif, Arial;
    height: 80px;
    bottom: 0;
    width: 100%;
    z-index: 99999;
}

/* footer opened */
.footer-open.footer-wrap {
    height: auto;
}

.footer-open .footer-fixed {
    position: relative;
}

.footer-open .footer-expand {
    display: block;
}

/* footer elements */
.home-footer {
    display: none;
}

.footer_gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.8;

    background: #3da4d7;
    left: 0; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: rgb(44, 164, 219); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjYTRkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDNkOTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(44, 164, 219, 1) 0%, rgba(13, 61, 145, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(44, 164, 219, 1)), color-stop(100%, rgba(13, 61, 145, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(44, 164, 219, 1) 0%, rgba(13, 61, 145, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(44, 164, 219, 1) 0%, rgba(13, 61, 145, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(44, 164, 219, 1) 0%, rgba(13, 61, 145, 1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(44, 164, 219, 1) 0%, rgba(13, 61, 145, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ca4db', endColorstr='#0d3d91', GradientType=1) alpha(opacity='80'); /* IE6-8 */


}

.footer_shadow {
    height: 9px;
    background: url("../images/footer-shadow.png") left bottom repeat-x;
    position: absolute;
    top: -9px;
    left: 0;
    right: 0;
    z-index: 9999;
}

.footer-content {
    width: 940px;
    margin: auto;
    position: relative;
    padding-top: 25px;
    z-index: 99999;
}

.footer-alpha {
    float: left;
    width: 80px;
    height: 50px;
}

.footer-alpha img {
    width: auto;
    height: auto;
}

.footer-left2 {
    display: none;
}

.footer-beta {
    float: right;
    width: 850px;
}

.utility-item {
    float: right;
    padding: 0 12px;
    border-left: 1px solid #88C7E7;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
}

.legal-tab {
    display: none;
}

/* search =================== */
.search-tool {
    padding-right: 0;
}

.search_input {
    width: 107px;
    height: 28px;
    background: #fff;
    padding: 0 0 0 7px;
    box-shadow: 0 0 3px #666666 inset;
    position: relative;
}

.faqlink a, .isi a {
    color: #fff;
    padding-bottom: 3px;
}

.isi a {
    line-height: 24px;
}

.isi {
    width: 140px;
    line-height: 15px;
    padding-right: 0;
}


.search_input .input {
    border: 0;
    outline: 0;
    float: left;
    margin-top: 5px;
    font-family: "QuicksandBold", 'Myriad Pro';
    color: #00529b;
    width: 70px;
    background: none;
}

.search.icons_sprite {
    height: 28px;
    width: 18px;
    padding: 0;
    background: transparent;
    border: 0px;
    text-indent: -999px;
    background-image: url('../images/icons_sprite.png');
    background-repeat: no-repeat;
    background-position: -165px 3px;
    position: absolute;
    top: 0;
    right: 17px;
}

/* language selector =================== */
.lang_select {
    display: none;
    background: #FFF;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 152px;
    height: 200px;
    overflow: auto;
    z-index: 9999;
    border: 1px solid #1e6dba;
}

.lang_select li {
    text-align: left;
    width: 133px;
    border-bottom: 1px solid #ADAFB2;
}

.lang_select li a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 0 5px;
}

.lang_select li span {
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
}

.lang_select li.usa span {
    background-image: url("../images/usa.gif");
}

.lang_select li.austria span {
    background-image: url("../images/Austria.gif");
}

.lang_select li.belgium span {
    background-image: url("../images/Belgium.gif");
}

.lang_select li.denmark span {
    background-image: url("../images/Denmark.gif");
}

.lang_select li.finland span {
    background-image: url("../images/Finland.gif");
}

.lang_select li.france span {
    background-image: url("../images/France.png");
}

.lang_select li.germany span {
    background-image: url("../images/germany.gif");
}

.lang_select li.hong-kong span {
    background-image: url("../images/Hong-Kong.gif");
}

.lang_select li.hungary span {
    background-image: url("../images/Hungary.gif");
}

.lang_select li.japan span {
    background-image: url("../images/japan.gif");
}

.lang_select li.malaysia span {
    background-image: url("../images/Malaysia.gif");
}

.lang_select li.netherlands span {
    background-image: url("../images/Netherlands.gif");
}

.lang_select li.norway span {
    background-image: url("../images/Norway.gif");
}

.lang_select li.poland span {
    background-image: url("../images/Poland.gif");
}

.lang_select li.singapore span {
    background-image: url("../images/Singapore.gif");
}

.lang_select li.slovakia span {
    background-image: url("../images/Slovakia.gif");
}

.lang_select li.spain span {
    background-image: url("../images/spain.gif");
}

.lang_select li.sweden span {
    background-image: url("../images/sweden.gif");
}

.lang_select li.switzerland span {
    background-image: url("../images/Switzerland.gif");
}

.lang_select li.uk span {
    background-image: url("../images/UK.gif");
}

.lang_select li a {
    color: #1e6dba;
}

/*.lang_select li.selected a,.lang_select li:hover a {box-shadow: 0px 0px 4px #0F3A62 inset; background: #1e6dba; color:#FFFFFF;}*/
.up.icons_sprite {
    background-image: url('../images/icons_sprite.png');
    background-position: -133px 3px;
    width: 16px;
    height: 28px;
    margin: 0 auto;
}

.lang {
    position: relative;
    margin-left: 15px;
}

#selected_lang {
    float: left;
    height: 28px;
    padding: 0 5px;
    line-height: 28px;
    width: 96px;
    background: #1E6DBA;
    text-align: left;
    box-shadow: 0px 0px 4px #0F3A62 inset;
}

#selected_lang span {
    display: block;
    background: url("../images/lang-us.gif") right center no-repeat;
}

#show_lang {
    float: left;
    width: 28px;
    height: 28px;
    background: #1E6DBA;
    cursor: pointer;
    box-shadow: 0px 0px 4px #0F3A62 inset;
}

/* text resizer =================== */
.font_size a {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.font_size .small {
    font-size: 12px;
}

.font_size .normal {
    font-size: 14px;
}

.font_size .larger {
    font-size: 16px;
}

/* search =================== */
.foot-links {
    list-style: none;
    float: left;
}

.foot-links li {
    float: left;
    font-size: 14px;
}

.social-share {
    display: block;
    background: url('../images/icons_sprite.png') no-repeat;
    height: 25px;
    width: 24px;
    margin: 0 3px;
}

.logo-tagline {
    float: left;
    padding: 15px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    white-space: nowrap;
    margin-top: 65px;
    position: static;
}

.footer-right {
    float: right;
    width: 670px;
}

.fb.social-share {
    background-position: 0 0;
    margin-left: 13px;
}

.tweet.social-share {
    background-position: -26px 0;
}

.pin.social-share {
    background-position: -60px 0;
    width: 25px;
}

.gp.social-share {
    background-position: -78px 0;
}

.mail.social-share {
    background-position: -104px 0;
}

/* footer expand ================ */
.footer-expand {
    display: none;
    font-size: 12px;
    position: relative;
}

.footer-expand .footer-content {
    padding: 0;
}

.footer-expand .footer_gradient {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.mar-top-footermenu {
    margin-top: 9px;
}

ul.footer-nav {
    float: left;
    margin: 0px 0 24px 0;
}

ul.footer-nav li {
    float: left;
    margin-right: 25px;
    font-weight: bold;
}

ul.footer-nav li a {
    color: #FFFFFF;
    font-family: QuicksandBold;
    font-weight: bold;
    border-bottom: 3px solid transparent;
}

ul.footer-nav li a:hover {
    border-bottom-color: #FFFFFF;
}

ul.footer-nav li a.active {
    border-bottom-color: #FBAF3F;
}

.ao-family {
    width: 140px;
    font-weight: bold;
    font-family: QuicksandBold;
    font-weight: bold;
}

.ao-family a {
    color: #FFFFFF;
    font-weight: bold;
}

.ao-family-sub {
    width: 450px;
}

.ao-family-sub ul.footer-nav li {
    margin-right: 18px;
}

.ao-family-sub ul.footer-nav {
    float: none;
    margin: 0;
}

.ao-family-sub ul.footer-nav li {
    float: left;
    width: 200px;
    margin-bottom: 7px;
}

.ao-family-sub ul.footer-nav li a {
    color: #fff;
    font-weight: normal;
}

.isi-content p {
    margin-bottom: 15px;
}

.isi-content p a:hover {
    color: #FFB130;
    border-bottom: 1px solid #FFB130;
}

.isi-content p a:active, .isi-content p a:link, .isi-content p a:visited {
    color: #FFB130;
}

.isi-content {
    margin: 0 0 0 270px;
    padding: 30px 0 170px;
    float: left;
    line-height: 16px;
}

.isi-brk {
    display: none;
}

/*prod details page================ */
.prod-menu {
    margin-top: 90px;
    padding-bottom: 27px;
    padding-right: 25%;
}

.prod-menu a {
    margin-left: -6px;

}

.prod-menu img {
    /*width:83px;*/
    /*margin-right:-2px;*/
}

.prod-menu img.current-prod {
    height: 65px;
}

.prod-slider-wrap {
    width: 455px;
    margin: 63px 20px 20px 20px;
    float: left;
    position: relative;
}

.prod-slider-wrap .prev, .prod-slider-wrap .next {
    position: absolute;
    top: 215px;
    z-index: 50;
    background: url("../images/products-slider-arrow.png") no-repeat;
    display: block;
    width: 32px;
    height: 60px;
    cursor: pointer;
}

.prod-slider-wrap .prev {
    left: -25px;
    background-position: 0 -59px;
}

.prod-slider-wrap .next {
    right: 3px;
}

.prod-slider-wrap .prev.disabled {
    background-position: 0 -121px;
}

.prod-slider-wrap .next.disabled {
    background-position: 0 -121px;
}

.slider-content {
    width: 485px;
    margin-top: 20px;
    float: left;
    padding-bottom: 20px;
}

.productheader {
    font-size: 26px;
}

.productname {
    font-size: 26px;
    padding-bottom: 10px;
    width: 328px;
    display: block;
    line-height: 30px;
}

.productdesc {
    font-size: 13px;
    line-height: 17px;
}

.productdesc.video-thumb {
    clear: both;
    width: 100%;
}

.productdesc.video-thumb a {
    padding-left: 85px !important;
    height: 40px;
    background: url("../images/prod-vid-thum.png") 0 0 no-repeat;
}

.productdesc.video-thumb a.aqua-vid1 {
    background-position: 0 0;
}

.productdesc.video-thumb a.aqua-vid1:hover {
    background-position: 0 -50px;
}

.productdesc.video-thumb a.astig-vid1 {
    background-position: 0 -100px;
}

.productdesc.video-thumb a.astig-vid1:hover {
    background-position: 0 -150px;
}

.productdesc.video-thumb a.multi-vid1 {
    background-position: 0 -300px;
}

.productdesc.video-thumb a.multi-vid1:hover {
    background-position: 0 -350px;
}

.productdesc.video-thumb a.multi-vid2 {
    background-position: 0 -200px;
}

.productdesc.video-thumb a.multi-vid2:hover {
    background-position: 0 -250px;
}

.productdesc.video-thumb a.nd-vid1 {
    background-position: 0 -400px;
}

.productdesc.video-thumb a.nd-vid1:hover {
    background-position: 0 -450px;
}

ul.productdesc.video-thumb {
    clear: both;
}

ul.productdesc.video-thumb li {
    height: 40px;
}

ul.productdesc.video-thumb a:hover {
    color: #36C1EE;
}

.productdesc a {
    font-size: 13px;
    color: #fbaf3f;
    padding-left: 20px;
    display: block;
    font-family: 'QuicksandBold', Arial, sans-serif;
}

.accord-content ul.faq-footer {
    padding: 20px 22px 10px;
    margin: 0;
    list-style: none;
}

.accord-content ul.faq-footer li {
    font-size: 11px;
    line-height: 13px;
}

.productfooter {
    font-size: 11px;
    line-height: 13px;
    margin-left: -490px;
    width: auto;
}

.overlay .productfooter {
    margin-left: 0;
    margin-right: 10px;
}

.overlay-content .productfooter {
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 10px;
}

ul.productdesc li {
    padding: 3px 0;
    list-style: none;
    font-size: 15px;
    line-height: 20px;
}

ul.productfooter li {
    list-style: none;
    padding-top: 13px;
}

ul.productdesc.video-thumb a img {
    margin-right: 10px;
    vertical-align: middle;
    float: left;
}

p.productdesc.newlinks {
    margin-top: 10px;
}

p.productdesc.newlinks a {
    display: inline-block;
    padding-left: 0px;
}

.multifocal-techimg {
    width: 176px;
    margin-top: 20px;
}

.navi {
    height: 12px;
    margin: 0px auto 0;
    width: 90px;
}

.navi.navi-color {
    width: 140px;
    margin-left: auto;
    margin-right: auto;
}

.dot_position {
    position: relative;
    top: -170px;
    left: 20px;
}

.navi a {
    width: 12px;
    height: 12px;
    background: url("../images/slider-coins.png") no-repeat;
    background-position: 0 -20px;
    display: block;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

.navi a.active {
    background-position: 0 0px;
}

.wrap {
    min-height: 500px;
}

.scrollable {

    /* required settings for the root element */
    position: relative;
    overflow: hidden;
    width: 455px;
    margin: auto;
}

.scrollable .items {
    position: relative;
    width: 20000em;
}

.scrollable .items > div {
    text-align: center;
    vertical-align: middle;
    font-size: 30px;
    float: left;
    width: 455px;
    overflow: hidden;
}

.scrollable .items > div img {
    position: relative;
    margin-top: 15%;
    height: auto;
    position: relative;
    width: 360px;
    left: 10px;
    top: -10px;
}

/*.scrollable .colors_slider_img > div  img{width: 475px;}*/
.slider-content .content-item {
    display: none;
}

.detailtext {
    position: absolute;
    top: 290px;
    left: 396px;
    width: 55px;
    font-size: 14px;
    cursor: pointer;
}

.paddbot-m {
    padding-bottom: 10px;
}

/* colors prod page */
.colorstud_link {
    display: block;
    overflow: hidden;
    margin: 20px 0 5px -3px;
    font-family: 'QuicksandBold', Arial, sans-serif;
}

.colorstud_link .cs_img {
    width: 82px;
    height: 86px;
    border: 3px solid transparent;
    border-radius: 2px;
    float: left;
    background: url("../images/prod-vid-thum1.png") no-repeat;
}

.colorstud_link:hover .cs_img {
    border-color: #36C1EE;
}

.colorstud_link .cs_txt, .optifree-vid1 .cs_txt {
    margin: 15px 0 10px 100px;
    font-size: 13px;
    color: #56b5e1;
}

.optifree-vid1 .cs_txt {
    margin: 0;
}

.colorstud_link .cs_txt2, .optifree-vid1 .cs_txt2 {
    margin: 5px 0 0 100px;
    font-size: 15px;
    color: #fba03f;
}

.optifree-vid1 .cs_txt2 {
    margin: 0;
}

.colorstud_link .cs_fortxt, .optifree-vid1 .cs_fortxt {
    font-size: 17px;
}

.colorstud_link:hover .cs_txt2, .optifree-vid1:hover .cs_txt2 {
    color: #36C1EE;
}

/* # Colors lense slider ============================ */
.colors_slider .lens-img {
    width: auto !important;
    margin-top: 25% !important;
}

.colorlens-slider {
    position: relative;
    overflow: hidden;
    width: 370px;
    margin: auto;
}

.colorlens-slider .colorlens_items {
    position: relative;
    width: 20000em;
}

.colorlens-slider .colorlens_items div {
    text-align: center;
    width: 370px;
    float: left;
}

.colorlens-slider .colorlens_items img {
    width: auto !important;
    display: block;
    margin: 80px auto 0 auto !important;
}

.colorlens-slider .colorlens_name {
    font: 21px/28px 'QuicksandBook';
    color: #089EE1;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.colorlens_head1 {
    font-size: 13px;
    color: #000000;
    margin: 0 0 5px 0;
}

.colorlens_head2 {
    font-family: 'QuicksandBold', Arial, sans-serif;
    font-size: 13px;
    color: #000000;
    margin: 0 0 15px 0;
}

.colorlens_navi {
    height: 40px;
    width: 243px;
    margin: auto;
    overflow: hidden;
    position: relative;
    right: 6px;
}

.colorlens_navi a {
    display: block;
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 1px;
    padding-bottom: 3px;
    background: url("../images/Desktop/ProductPage_Colors/interactive_lens/interactive-lens-thumb.png") no-repeat;
}

.colorlens_navi a.active {
    border-bottom: 3px solid #fbaf3f;
}

.colorlens_navi a.color-lens-1 {
    background-position: 0px 0px
}

.colorlens_navi a.color-lens-2 {
    background-position: -30px 0px
}

.colorlens_navi a.color-lens-3 {
    background-position: -60px 0px
}

.colorlens_navi a.color-lens-4 {
    background-position: -90px 0px
}

.colorlens_navi a.color-lens-5 {
    background-position: -120px 0px
}

.colorlens_navi a.color-lens-6 {
    background-position: -150px 0px
}

.colorlens_navi a.color-lens-7 {
    background-position: -180px 0px
}

.colorlens_navi a.color-lens-8 {
    background-position: -210px 0px
}

.colorlens_navi a.color-lens-9 {
    background-position: -240px 0px
}

.colorlens_navi a.active.color-lens-1 {
    background-position: 0px -30px
}

.colorlens_navi a.active.color-lens-2 {
    background-position: -30px -30px
}

.colorlens_navi a.active.color-lens-3 {
    background-position: -60px -30px
}

.colorlens_navi a.active.color-lens-4 {
    background-position: -90px -30px
}

.colorlens_navi a.active.color-lens-5 {
    background-position: -120px -30px
}

.colorlens_navi a.active.color-lens-6 {
    background-position: -150px -30px
}

.colorlens_navi a.active.color-lens-7 {
    background-position: -180px -30px
}

.colorlens_navi a.active.color-lens-8 {
    background-position: -210px -30px
}

.colorlens_navi a.active.color-lens-9 {
    background-position: -240px -30px
}

.lens-9color {
    width: 100%;
    margin: 20px auto 10px;
}

.lens-3in1-wrap {

    margin: 30px auto -10px;
}

.lens-3in1-wrap img {
    display: block;
    margin: auto;
    width: 280px;
}

.img_marbtm {
    margin-bottom: 30px;
}

.lens-3in1-name {
    text-align: center;
}

.lens-3in1-desc {
    text-align: center;
}

/* // Colors lense slider ============================ */
/* overlay */
div.overlay {
    width: 1125px;
    display: none;
    color: #000;
    padding: 0px 70px;
    top: 0;
    box-shadow: -5px -2px 4px #ddd;
    -webkit-box-shadow: -5px -2px 4px #ddd;
    margin-top: 57px;
    /*behavior: url("../PIE/PIE.htc.txt");*/
    top: 43px !important;
}

.overlay-content {
    width: auto !important;
}

div.tab-overlay {
    padding: 0px;
}

div.overlay a.close {
    background: url("../images/close.png") no-repeat;
    position: absolute;
    left: 20px;
    top: 75px;
    cursor: pointer;
    height: 20px;
    width: 20px;
}

div.tab-overlay a.close {
    top: 63px;
}

div.faq-close a.close {
    top: 75px;
}

.overlay {
    height: 100%;
    background-color: #FFF;
}

.iframe-video-overlay {
    width: 800px;
    height: 500px;
    margin-left: 19px;
    margin-top: 95px;
}

.iframe-external-overlay {
    border: 3px solid #88C443;
    width: 980px;
    height: 488px;
    padding-top: 10px;
}

/* overlay for single page*/
div.singletab {
    width: 550px;
    right: 0;
}

/*faq inside overlay*/
.singletab .wrap {
    width: 320px;
    margin: 0;
    margin-top: 21px;
}

.singletab .faq-head {
    width: 523px;
    margin-bottom: 30px;
}

.faq-aqua-header { /*background:url("../images/AirOptix_overlay_gradient_top.png") repeat-x scroll left top transparent;*/
    width: 523px;
}

.faq-aqua-header h1 {
    font-size: 30px;
    line-height: 34px;
    padding: 20px 20px 10px;
    font-weight: bold;
}

.singletab .faq-quest a {
    font-size: 16px;
    line-height: 22px;
    margin-left: 30px;
    color: #00529b;
    cursor: default;
    display: block;
    font-family: 'QuicksandBold', Arial, sans-serif;
    padding-left: 17px;
    text-align: justify;
    padding-right: 10px;
}

.singletab .faq-ans p {
    font-size: 13px;
    padding: 5px 22px 10px 63px;
    color: #00529b;
    font-family: quicksandregular, arial;
    line-height: 17px;
}

.singletab .faq-ans {
    padding-bottom: 12px;
}

.singletab .faq-head, .singletab .faq-head1 {
    padding: 0;
}

.singletab .accordion {
    width: 423px;
    margin: 0;
    /*margin:20px auto 0*/
    border-top: 1px solid #E3ECF3;

}

.singletab .faq-aqua {
    width: 500px;
    margin: 0;

}

.singletab .hr-line {
    width: 400px;
}

.singletab .collapsed {
    background: url('../images/arrow-down.png') no-repeat 374px 24px !important;
}

.singletab .expanded {
    background: url('../images/arrow-up.png') no-repeat 374px 24px !important;
}

.singletab .accord-header {
    background: url("../images/arrow-down.png") no-repeat 374px 24px;
    cursor: pointer;
    border-bottom: 1px solid #E3ECF3;
}

.singletab .sub-table {
    width: 450px;
    font-size: 13px;
    margin-left: 60px;
}

.singletab .accord-images div {
    width: 214px;
    overflow: hidden;
    float: left;
}

.singletab .accord-images div img {
    width: 100%;
}

.t-gradient {
    background: url('../images/AirOptix_faq_gradient_top.png') repeat-x;
    width: 100%;
    height: 15px;
}

.b-gradient {
    background: url('../images/AirOptix_faq_gradient_bottom.png') repeat-x;
    width: 100%;
    height: 15px;
}

.singletab .accord4-tbl, .singletab .accord6-tbl, .singletab .accord5-tbl, .singletab .accord7-tbl {
    width: 480px;
    float: none;
    margin-left: 23px;
}

.singletab .accord4-tbl .top .head, .singletab .accord4-tbl .bottom .head, .singletab .accord6-tbl .top .head, .singletab .accord6-tbl .bottom .head, .singletab .accord4-tbl .row, .singletab .accord6-tbl .row, .singletab .accord5-tbl .top .head, .singletab .accord5-tbl .bottom .head, .singletab .accord5-tbl .row, .singletab .accord7-tbl .top .head, .singletab .accord7-tbl .bottom .head, .singletab .accord7-tbl .row {
    width: 460px;
}

.singletab .accord4-tbl .row .row-left, .singletab .accord6-tbl .row .row-left {
    width: 205px;
}

.singletab .accord7-tbl .row .row-left {
    width: 200px;
}

.singletab .accord4-tbl .row .row-right, .singletab .accord6-tbl .row .row-right {
    width: 200px;
}

.singletab .accord7-tbl .row .row-right {
    width: 205px;
}

.singletab .accord5-tbl .row .row-right {
    width: 130px;
}

.singletab .accord-images {
    width: 450px;
    margin-left: 60px;
}

.quest {
    margin-left: -16px;
    zoom: 1;
}

.singletab .faq-head h1 {
    font-size: 30px;
    line-height: 34px;
}

.singletab .faq-head h1 {
    font-size: 26px;
    line-height: 34px;
    margin-left: 0px;
}

.singletab .accord-header a {
    font-size: 20px;
    width: 280px;
    margin-left: 17px;
}

.singletab .accord-content p {
    font-size: 13px;
    margin-left: 20px;
    padding-left: 0px;
    line-height: 16px;
}

.singletab .accordion .accord-content ul {
    margin-left: 36px;
    line-height: 12px;
}

.singletab .accord-content ul li {
    line-height: 16px;
}


ul.content-list li {
    font-size: 13px;
    line-height: 17px;
    padding-top: 5px;
    list-style: disc outside none;
    margin: 0 auto;
    width: 352px;
}

.singletab .prod-faq .faq-ans ul {
    padding-top: 10px;
}

/*faq inside overlay end*/

.astig-img1 {
    width: 424px;
}

.scroll-down-arrow {
    height: 54px;
    width: 55px;
    margin: 0 auto;
    padding: 50px 0;
}

.scroll-down-arrow a {
    background: url("../images/scroll-down.png") no-repeat;
    width: 55px;
    height: 54px;
    display: block;
}

/* tabs ===================== */
.tabs {
    margin: 12px;
    margin-top: 100px;
    margin-left: 20px;
    padding: 0;
    height: 36px;
    border-bottom: 2px solid #D3DEEC;
}

.content_wrapper_for_tab {
    display: none;
}

/* single tab */
.tabs li {
    float: left;
    padding: 0;
    margin: 0 0 0 2px;
    list-style-type: none;
    cursor: pointer;
}

/* link inside the tab. uses a background image */
.tabs a {
    float: left;
    display: block;
    padding: 10px 30px 0;
    margin-right: 0px;
    cursor: pointer;
    border-top: 1px solid #D3DEEC;
    border-left: 1px solid #D3DEEC;
    border-right: 1px solid #D3DEEC;
    margin-left: -3px;
    height: 27px;
    color: #F2AB3D;
    font-size: 16px;
    opacity: 0.5;
    filter: Alpha(opacity=50);
}

.tabs a:hover, .tabs a:active, .tabs a:link, .tabs a:visited {
    color: #F2AB3D;
}

/* selected tab */
.tabs a.current {
    color: #000;
    cursor: pointer;
    border-top: 2px solid #D3DEEC;
    border-bottom: 2px solid #fff;
    height: 34px;
    margin-top: -10px;
    border-right: 2px solid #D3DEEC !important;
    border-left: 2px solid #D3DEEC;
    font-size: 18px;
    color: #092F87;
    opacity: 1;
    filter: Alpha(opacity=100);
}

/* tab pane */
.pane {
    display: none;
    min-height: 150px;
    padding: 15px 20px;
}

.pane.video {
    margin-top: -88px;
    margin-left: 1px;
    padding-left: 0;
    padding-top: 1px;
}

.productdesc a.paddl5 {
    padding-left: 2px;
}

.video-icon {
    background: url("../images/prod-details-icon.png") no-repeat scroll 2px -107px transparent;
    display: block;
}

span.video-icon {
    background: url("../images/prod-details-icon.png") no-repeat scroll 2px -107px transparent;
    width: 20px;
    height: 17px;
    display: block;
    float: left;
    margin-left: -5px;
    padding-right: 4px;
}

.find-eyeprof-icon {
    background: url("../images/prod-details-icon.png") no-repeat scroll 0 -129px transparent;
}

.link-icon {
    background: url("../images/prod-details-icon.png") no-repeat scroll 0 -151px transparent;
}

.popup-icon {
    background: url("../images/prod-details-icon.png") no-repeat scroll 0 -175px transparent;
}

.popup-icon2 {
    background: url("../images/prod-details-icon.png") no-repeat scroll 0 -222px transparent;
}

.faq-icon {
    background: url("../images/prod-details-icon.png") no-repeat scroll 0 -199px transparent;
}

/* to be merge later*/
/*more than 1219, laptop etc*/
.nav-m-li, .home-con-m {
    display: none;
}

.wrap {
    width: 980px;
}

/*.lenses {margin-left: 120px; margin-top: 15px; } */

/*-----------FAQ CSS starts here---------------*/
.faq-head {
    width: 940px;
    padding-top: 105px;
    margin: 0 auto;
}

.faq-head h1 {
    font-size: 48px;
    line-height: 47px;
    margin-left: -4px;
}

.faq-head p {
    font-size: 20px;
    margin-right: 115px;
    line-height: 26px;
}

.accordion {
    border-top: 1px solid #E7ECEC;
    margin: 0 auto;
    margin-top: 55px;
    width: 940px;
    padding-bottom: 50px;
}

.accord-header {
    border-bottom: 1px solid #D8E1EA;
}

.accord-header {
    background: url('../images/arrow-down.png') no-repeat 97% 24px;
    background-size: 28px 14px;
}

.accord-header a {
    padding: 20px 0px;
    cursor: pointer;
    font-family: 'QuicksandBold', Arial, sans-serif;
    font-size: 20px;
    color: #fbaf3f;
    display: block;
}

.collapsed {
    background: url('../images/arrow-down.png') no-repeat 97% 24px;
    background-size: 28px 14px;
}

.expanded {
    background: url('../images/arrow-up.png') no-repeat 97% 24px;
    background-size: 28px 14px;
}

dd.accord-content {
    background: url('../images/AirOptix_faq_gradient_top.png') left top repeat-x;
}

.singletab dd.accord-content {
    background: url('../images/AirOptix_overlay_gradient_top.png') left top repeat-x;
}

.bottom-gradient {
    background: url('../images/AirOptix_faq_gradient_bottom.png') left bottom repeat-x;
    padding: 5px 0 10px 0;
}

.singletab .bottom-gradient {
    background: url('../images/AirOptix_overlay_gradient_bottom.png') left bottom repeat-x;
    padding: 5px 0 10px 0;
}

.bottom-gradient-faq {
    background: url('../images/AirOptix_overlay_gradient_bottom.png') left bottom repeat-x;
    padding: 5px 0 10px 0;
    margin-top: -15px;
    width: 525px;
    z-index: 999;
    position: relative;
}

.top-gradient-faq {
    background: url('../images/AirOptix_overlay_gradient_top.png') left top repeat-x;
    padding: 5px 0 10px 0;
    margin-top: 45px;
    width: 525px;
    z-index: 999;
    position: absolute;
}

.accord-content h2 {
    padding: 15px 0 0 37px;
    color: #00529b;
    font-family: 'QuicksandBold', Arial, sans-serif;
    font-size: 15px;
}

.accord-content p {
    padding: 10px 22px 10px 55px;
    color: #00529b;
    font-family: quicksandregular, arial;
    font-size: 13px;
    line-height: 20px;
}

.accord-content p a {
    color: #fbaf3f;
}

.accord-content ul {
    list-style: outside;
    border: none;
    margin-left: 70px;
}

.accord-content ul li {
    border: none;
    color: #00529b;
    padding: 5px 0;
    font-size: 13px;
}

.accord4-tbl, .accord5-tbl, .accord6-tbl, .accord7-tbl {
    width: 485px;
    overflow: hidden;
    margin: 10px 0 15px 55px;
    float: none;
}

.accord4-tbl .top .head, .accord5-tbl .top .head, .accord4-tbl .bottom .head, .accord5-tbl .bottom .head, .accord6-tbl .bottom .head, .accord6-tbl .top .head, .accord7-tbl .top .head, .accord7-tbl .bottom .head {
    width: 465px;
    color: #fff;
    font-family: 'QuicksandBold', Arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
    padding: 16px 0 12px 20px;
    float: left;
}

.accord4-tbl .bottom .head, .accord5-tbl .bottom .head, .accord6-tbl .bottom .head, .accord7-tbl .bottom .head {
    color: #00529B;
}

.accord6-tbl .top .head {
    background-color: #502B7B;
}

.accord7-tbl .top .head {
    background-color: #F5A018;
}

.bgcolor-tbl41 {
    background-color: #00529B;
}

.bgcolor-tbl42 {
    background-color: #DAF1FD;
}

.bgcolor-tbl51 {
    background-color: #0FA68C;
}

.bgcolor-tbl43 {
    background-color: #FAFDFF
}

.bgcolor-tbl44 {
    background-color: #D9F2FD;
}

.bgcolor-1 {
    background-color: #E7F7FE;
}

.bgcolor-3 {
    background-color: #EBF8FE;
}

.bgcolor-tbl52 {
    background-color: #87D2C5;
}

.bgcolor-tbl53 {
    background-color: #BEE7E0;
}

.bgcolor-tbl54 {
    background-color: #ECF8F6;
}

.bgcolor-tbl55 {
    background-color: #7DCFC1;
}

.bgcolor-tbl61 {
    background-color: #D0C6DB;
}

.bgcolor-tbl62 {
    background-color: #E5DFEB;
}

.bgcolor-tbl63 {
    background-color: #FAFDFF;
}

.bgcolor-tbl64 {
    background-color: #D0C6DB;
}

.bgcolor-tbl65 {
    background-color: #F1EEF5;
}

.bgcolor71 {
    background-color: #FEF8EF;
}

.bgcolor72 {
    background-color: #FCE0B4;
}

.bgcolor73 {
    background-color: #FACF8B;
}

.accord4-tbl .row, .accord5-tbl .row, .accord6-tbl .row, .accord7-tbl .row {
    font-size: 12px;
    font-family: quicksandregular, arial;
    color: #00529B;
    padding-left: 20px;
    float: left;
    width: 465px;
}

.accord4-tbl .row .row-left {
    border-right: 1px solid #FFFFFF;
    padding: 16px 15px 18px 0;
    width: 205px;
    float: left;
}

.accord4-tbl .row .row-right {
    margin: 0;
    padding: 16px 15px 18px 20px;
    width: 205px;
    float: left;
}

.accord4-tbl .row, .accord4-tbl .bottom .head, .accord6-tbl .row, .accord6-tbl .bottom .head, .accord7-tbl .row, .accord7-tbl .bottom .head {
    border-top: 1px solid #DAE6EF;
}

.paddtb16 {
    padding: 16px 0px 16px 20px;
}

.paddtb20 {
    padding: 20px 0px 20px 20px;
}

.paddtb-a {
    padding: 20px 0px 14px 20px;
}

.paddtb-b {
    padding: 20px 0px 52px 20px;
}

.height42 {
    height: 42px;
}

.height64 {
    height: 64px;
}

.height100 {
    height: 100px;
}

.height110 {
    height: 110px;
}

.accord5-tbl .row, .accord5-tbl .bottom .head {
    border-top: 1px solid #ffffff;
}

.accord5-tbl .row .row-middle {
    width: 135px;
    padding: 16px 5px 18px 20px;
    float: left;
}

.accord5-tbl .row .row-right {
    width: 135px;
    padding: 16px 5px 18px 20px;
    float: left;
    border-left: 1px solid #ffffff;
}

.accord5-tbl .row .row-left {
    width: 135px;
    padding: 16px 5px 18px 0px;
    float: left;
    border-right: 1px solid #ffffff;
}

.accord6-tbl .row .row-left {
    border-right: 1px solid #FFFFFF;
    padding: 16px 15px 18px 0;
    width: 205px;
    float: left;
}

.accord6-tbl .row .row-right {
    margin: 0;
    padding: 16px 15px 18px 20px;
    width: 205px;
    float: left;
}

.accord7-tbl .top .head .left {
    width: 367px;
    float: left;
}

.accord7-tbl .top .head .right {
    width: 170px;
    float: left;
    padding: 17px 0 0 20px;
}

.accord7-tbl .row .row-left {
    border-right: 1px solid #FFFFFF;
    padding: 16px 15px 18px 0;
    width: 205px;
    float: left;
}

.accord7-tbl .row .row-right {
    margin: 0;
    padding: 16px 15px 18px 20px;
    width: 205px;
    float: left;
}

.sub-table {
    width: 900px;
    font-size: 14px;
    line-height: 18px;
    margin-left: 47px;
}

.sub-table tr td {
    padding: 10px 5px;
}

.border-l {
    border-left: 1px solid #00529b;
}

.accord-images {
    width: 900px;
    margin-left: 47px;
    overflow: hidden;
}

.accord-images div {
    width: 410px;
    overflow: hidden;
    float: left;
}

.accord-images div img {
    width: 400px;
    float: left;
}

br.faq-break {
    display: none;
}

/*-----------FAQ CSS ends here---------------*/

/*-----------Free Trial CSS ends here---------------*/

.free-trial-head {
    padding: 50px 40px 50px 40px;
}

.free-trial-head h1 {
    font-size: 40px;
}

.free-trial-head p {
    font-size: 18px;
}

.doublearrow-button {
    background: url("../images/arrow-btn.png") no-repeat scroll 280px 0 #F09C1A;
    display: block;
    width: 315px;
}

.doublearrow-button .blue-bg {
    width: 275px;
}

.eye-file-div {
    padding: 10px 40px 50px 40px;
}

/*-----------Free Trial CSS ends here---------------*/

/*-----------Search CSS starts here---------------*/
.search-results {
    /*height: 1250px;*/
    height: auto;
    padding-bottom: 50px;
    padding-left: 36px;
    padding-top: 97px;
    width: auto;
}

.static-header {
    font-size: 45px;
}

#cse {
    width: 50%;
}

.search-text {
    margin-bottom: 5px;
    padding-bottom: 13px;
    width: 649px;
}

.search-results {
    width: auto;
}

#block-exposedformsearchsearch {
    margin-top: 150px;
    min-height: auto;
}
#block-exposedformsearchsearch label {
    display: none;
}
.view-search {

}
.view-search .wrap {
    margin-top: 0;
}
.view-search .search-results {
    padding-top: 50px;
    padding-left: 0;
}
.view-search .views-row {
    margin-bottom: 20px;
}
.view-search .views-field-title {
    margin-bottom: 5px;
}
.view-search .pager {
    margin-top: 50px;
}
.view-search .pager li {
    display: inline;
    margin-right: 10px;
}

/*-----------Search CSS ends here---------------*/

/*-----------ISI CSS starts here---------------*/
.isi-section {
    width: 920px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.isi-header h1 {
    font-size: 45px;
    padding: 100px 0 10px;
    border-bottom: 1px solid #28C6F4;
}

.isi-bold {
    line-height: 20px;
    font-family: 'QuicksandBold', Arial, sans-serif;
    font-size: 15px;
    color: #00529B;
    padding: 15px 0;
}

.isi-normal {
    line-height: 20px;
    font-family: quicksandregular, arial;
    font-size: 15px;
    color: #00529B;
    padding: 0px 0 15px 0;
}

.isi-ul3 {
    font-size: 14px;
}

ul.isi-ul3 li {
    padding: 5px 0;
}

/*-----------ISI CSS ends here---------------*/

/*-----------404 page css starts here---------------*/

.section-404 {
    margin: 0 auto;
    width: 930px;
}

.header-404 h1 {
    font-size: 45px;
    padding: 100px 0px 10px;
}

.content-404 {
    line-height: 20px;
    font-size: 15px;
}

/*-----------404 page CSS ends here---------------*/

/*-----------NTC CSS starts here---------------*/
.lense-section {
    float: left;
    width: 363px;
    margin-top: -128px
}

.ntc-section {
    width: 595px;
    padding: 98px 0 0px 0px;
    float: left;
    margin-left: 0px;
}

.empty-header {
    width: 219px;
}

.ntc-header {
    font-size: 40px;
    padding-bottom: 0px;
    border-bottom: 1px solid #28C6F4;
}

.ntc-table {
    line-height: 16px;
    font-size: 13px;
    color: #00529B;
    padding-top: 12px;
}

.ntc-table-header {
    line-height: 24px;
    font-size: 21px;
    color: #00529B;
    width: 165px;
    padding-bottom: 10px;
    text-align: center;
    vertical-align: middle;
}

th.ntc-table-header2 {
    text-align: center;
    vertical-align: middle;
    width: 162px;
}

.column1 {
    width: 192px;
    padding: 0px 10px 0 20px;
    line-height: 16px;
    border: 1px solid #E7EFF5;
}

.column3 {
    width: 10px;
}

.column2, .column4 {
    padding: 18px;
    border: 1px solid #E7EFF5;
    width: 127px;
}

td.column2 {
    text-align: center;
    vertical-align: middle;
    background: #ACEAAC;
    color: #fff;
    font-size: 33px;
}

td.column4 {
    text-align: center;
    vertical-align: middle;
    background: #FF9999;
    color: #FFB5B5;
    font-size: 54px;
    font-weight: bolder;
}

.ntc-normal {
    line-height: 16px;
    font-size: 13px;
    color: #00529B;
    padding-top: 15px;
}

.ntc-normal.paddt40 {
    padding-top: 30px;
}

.ntc-buttons {
    margin-top: 25px;
}

.ntc-buttons .blue-bg {
    font-size: 12px;
}

.ntc-buttons .comp-button .blue-bg {
    padding: 10px 42px;
}

.ntc-buttons .faq-button .blue-bg {
    padding: 10px 104px;
}

.ntc-buttons .free-trial-button {
    margin-right: 11px;
}

.ntc-buttons .faq-button {
    margin-right: 11px;
    margin-top: -33px;
}

.bottom-gradient-ntc {
    background: url('../images/AirOptix_overlay_gradient_bottom.png') left bottom repeat-x;
    padding: 5px 0 10px 0;
    margin-top: -15px;
    width: 570px;
    z-index: 999;
    position: relative;
}

.top-gradient-ntc {
    background: url('../images/AirOptix_overlay_gradient_top.png') left top repeat-x;
    padding: 5px 0 10px 0;
    margin-top: 0px;
    width: 570px;
    z-index: 999;
    position: absolute;
}

.footer-ntc {
    text-align: left;
    padding-left: 364px;
    padding-top: 40px;
}

/*-----------NTC CSS ends here---------------*/

/*-----------FREE TRIAL CSS starts here---------------*/
.ft-section {
    padding-top: 111px;
}

.freetrial {
    padding-left: 151px;
}

.eyefile {
    padding-left: 151px;
}

.start-ft-header {
    font-size: 43px;
    line-height: 48px;
    padding: 22px 0;
    width: 776px;
}

.ft-text {
    font-size: 20px;
    line-height: 25px;
    padding-bottom: 15px;
}

.ft-button {
    padding-bottom: 80px;
    margin-left: 2px;
}

.ft-gradient {

}

.ft-img {
    padding-bottom: 7px;
    margin-left: -2px;
}

.ft-button .blue-bg {
}

.ft-button .free-trial-button {

}

.eyefile-text {
    font-size: 13px;
    line-height: 18px;
    padding-bottom: 17px;
}

.eyefile ul {
    font-size: 13px;
    line-height: 16px;
    list-style: disc inside none;
}

.eyefile ul li {
    padding: 1px 0;
}

.footer-ft {
    text-align: left;
    padding-left: 151px;
    padding-top: 40px;
    padding-bottom: 40px;
}

/*-----------FREE TRIAL CSS ends here---------------*/

/*-----------Site Map css starts here---------------*/
.sitemap-section {
    margin: 0 auto;
    width: 930px;
}

.sitemap-header h1 {
    font-size: 45px;
    padding: 100px 0px 10px
}

.sitemap-hr {
    width: 690px;
    height: 1px;
    background: #28C6F4;
}

.sitemap-content ul.main-links li {
    margin-top: 20px;
}

.sitemap-content ul.sub-links li {
    margin-top: 5px;
}

.sitemap-content ul.main-links li a {
    font-family: 'QuicksandBold', Arial, sans-serif;
    color: #56B5E1;
}

.sitemap-content ul.sub-links li a {
    font-family: quicksandregular, arial;
    color: #56B5E1;
}

.sitemap-content {
    font-size: 15px;
    padding: 0px 0px 100px;
}

/*-----------Site Map CSS ends here---------------*/

/*-----------Browser Error page css starts here---------------*/

.browser-err {
    width: 930px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.be-header h1 {
    font-size: 45px;
    padding: 100px 0 10px 0;
}

.be-content p {
    font-size: 15px;
}

.be-content a {
    color: #56B5E1;
}

ul.browsers {
    width: 625px;
    padding: 48px 0;
    border-bottom: 1px solid #56B5E1;
}

.browsers li {
    float: left;
    display: block;
    width: 124px
}

.browsers li a {
    display: block;
    text-align: center;
    width: 100px;
    font-size: 14px;
    margin: 0 auto;
}

.browsers li a img {
    width: 90px;
    height: 90px;
}

.be-hr {
    height: 1px;
    width: 100px;
    margin: 10px auto;
    background: #56B5E1;
}

/*-----------Browser Error page CSS ends here---------------*/


.prod-faq .bottom-gradient {
    background: none;
}

.prod-faq .faq-aqua-header {
    width: auto;
    background: none;
}

.prod-faq .faq-aqua-header h1 {
    padding: 95px 40px 20px 0;
    margin-left: 40px;
}

.prod-faq .faq-aqua {
    margin: 0 40px;
}

.prod-faq .faq-quest a {
    cursor: pointer;
    display: block;
    font-family: 'QuicksandBold', Arial, sans-serif;
    font-size: 16px;
}

.prod-faq .faq-ans p {
    font-family: quicksandregular, arial;
    font-size: 13px;
    line-height: 17px;
    padding: 0 22px 15px 0px;
}

.prod-faq .faq-ans ul li {
    font-family: quicksandregular, arial;
    font-size: 13px;
    line-height: 17px;
    padding-top: 5px;
    list-style: disc outside none;
    margin: 0 auto;
    margin-left: 20px;
}

.prod-faq .faq-ans ul {
    padding-top: 10px;
}

/* ---------------- Find an ECP ---------------------- */
.faq-head.ecp {
    width: 770px;
    padding-top: 105px;
    margin: 0 auto 20px auto;
}

.faq-head.ecp h1 {
    margin-left: -4px;
}

.faq-head.ecp p {
    margin-left: 0;
    margin-right: 73px;
    padding-bottom: 18px;
}

.drLocZip-wrap {
    box-shadow: inset 0 0 6px #A0A0A0;
    -moz-box-shadow: inset 0 0 6px #A0A0A0;
    -webkit-box-shadow: inset 0 0 6px #A0A0A0;
    float: left;
}

.drLocZip {
    background: transparent;
    height: 35px;
    line-height: 35px;
    width: 187px;
    padding: 0 15px;
    border: none;
    font-family: 'QuicksandBold', Arial, sans-serif;;
    color: #00529B;
}

.ecp-btn {
    width: 50px;
    height: 35px;
    margin-left: 3px;
    padding: 0;
    border: none;
    background: #0A2F87;
    color: #FFFFFF;
    float: left;
}

.ecp-frame {
    width: 790px;
    height: 470px;
    display: block;
    margin-left: 103px;
}

.footer_global {
    color: red;
    text-transform: uppercase;
}

/* ---------------------------- Comapre Products ------------------ */
.compare-prod {
}

.compare-prod .bottom-gradient {
    padding: 0;
    padding-right: 0px;
}

.compare-prod .accord-header a {
    padding-left: 20px;
}

.cp-head {
    width: 250px;
}

.cp-prod {
    width: 134px;
    text-align: center;
    vertical-align: bottom;
}

.cp-prod h3 {
    color: #00529b;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 25px;
}

.cp-prod h3.uprcs {
    text-transform: capitalize;
}

.cp-prod img {
    width: auto;
    margin-bottom: 20px;
}

.cp-prod a {
    font-size: 12px;
    color: #FBAF3F;
    text-transform: uppercase;
    font-family: 'QuicksandBold', Arial, sans-serif;;
}

.compare-prod .accordion {
    margin-top: 20px;
    margin-bottom: 50px;
    padding-bottom: 0;
}

.cp-table td {
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
    font-weight: bold;
}

.cp-table .cp-feature {
    width: 250px;
    border-bottom: 1px solid #E4E7EA;
}

.cp-table .cp-feature p {
    color: #00529b;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 30px 15px 20px;
    text-align: left;
}

.cp-table .spacer {
    width: 10px;
}

.cp-table .hydraglyde,
.cp-table .aqua,
.cp-table .astig,
.cp-table .multi,
.cp-table .multilight,
.cp-table .nd,
.cp-table .clr {
    width: 75px;
    padding: 10px;
    border-bottom: 1px solid #FFF;
    color: #000;
}

.cp-table .hydraglyde {
    background: #348bdb;
}

.cp-table .aqua {
    background: #81CEE8;
}

.cp-table .astig {
    background: #7FD1C5;
}

.cp-table .multi {
    background: #A592C0;
}

.cp-table .multilight {
    background: #d2c8df;
}

.cp-table .nd {
    background: #f5bf6e;
}

.cp-table .clr {
    background: #BAAB8E;
}

.cp-table .aqua p,
.cp-table .astig p,
.cp-table .multi p,
.cp-table .nd p {
    padding: 0;
    text-align: center;
}

.cp-footer {
    margin: 0 20px;
}

.cp-footer p {
    font-size: 11px;
    line-height: 13px;
    color: #00529B;
    margin-bottom: 10px;
}

/* global website leaving lightbox*/
.backdrop {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .0;
    filter: alpha(opacity=0);
    z-index: 50;
    display: none;
    z-index: 1100198;
}

.box {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 5px #444444;
    display: none;
    left: 28%;
    padding: 10px;
    position: fixed;
    top: 35%;
    width: 522px;
    z-index: 1100199;
    height: 230px;

}

.close {
    float: right;
    margin-right: 6px;
    cursor: pointer;
}

.eyefile-popup-header {
    font-size: 26px;
    margin-bottom: 10px;
}

.eyefile-popup-text {
    font-size: 15px;
    padding-bottom: 20px;
}

.eyefile-popup-text2 {
    font-size: 18px;
}

.popupbody {
    padding: 10px;
}

.eyefile-popup-btn {
    padding-top: 20px;
}

.eyefile-popup-btn a {
    font-size: 18px;
}

.nw-pd {
    padding-top: 50px !important;
    padding-bottom: 19px !important;
}

.nw-mgn {
    margin-top: -36px !important;
}

.backdrop2 {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .0;
    filter: alpha(opacity=0);
    z-index: 50;
    display: none;
    z-index: 1100198;
}

.box2 {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 5px #444444;
    display: none;
    left: 28%;
    padding: 10px;
    position: fixed;
    top: 27%;
    width: 522px;
    z-index: 1100199;
    height: 200px;

}

.close2 {
    float: right;
    margin-right: 6px;
    cursor: pointer;
    clear: both;
}

.cancel2 {
    cursor: pointer;
    margin-left: 10px;
}

.ext-popup-header {
    font-size: 26px;
    margin-bottom: 10px;
}

.ext-popup-text {
    font-size: 15px;
    padding-bottom: 20px;
}

.ext-popup-text2 {
    font-size: 18px;
}

.popupbody2 {
    padding: 10px;
}

.ext-popup-btn {
    padding-top: 20px;
}

.ext-popup-btn a {
    font-size: 18px;
}

/* global website leaving lightbox ends*/
.scrollbar-req {
    top: 0;
}

.content_wrapper {
    margin: -18px auto 0;
    width: 980px;
}

.quote-start {
    border-left: 1px solid #092F87;
    border-top: 1px solid #092F87;
    height: 9px;
    margin-left: -15px;
    margin-top: 3px;
    position: absolute;
    width: 9px;
}

.quote-end {
    border-bottom: 1px solid #092F87;
    border-right: 1px solid #092F87;
    height: 9px;
    margin-left: 475px;
    margin-top: -26px;
    position: absolute;
    width: 9px;
}

.content-fl {
    float: left;
    margin-left: 15px;
    width: 100%;
}

.content-rt {
    float: right;
    width: 485px;
    margin-right: -18px;
}

.content-rt a {
    margin-left: 70px;
    margin-top: -10px;
}

.arrow-button .blue-bg1 {
    padding: 10px 24px;
    font-size: 12px;
}

/*akash css for new design starts here*/
.arrow-button .blue-bg3 {
    font-size: 12px;
    padding: 10px 29px;
}

.nb {
    white-space: nowrap;
}

.sephead {
    width: 84%;
}

.box_shadow {
    background: url("../images/background_shadow.png");
    background-repeat: repeat-x;
    height: 40px;
}

.boxes {
    float: left;
    margin-bottom: -20px;
    margin-top: 25px;
    width: 1000px;
    height: 500px;
}

.left_box {
    float: left;
    width: 40%;
    border-right: 1px solid #E5E5E5;
}

.right_box {
    float: right;
    width: 54%;
    height: 467px;
}

.right_box_one {
    height: 50%;
    border-bottom: 1px solid #E5E5E5;
}

.right_box_three {
    float: right;
    width: 54%;
}

sup.prod_head_sup {
    vertical-align: baseline;
    position: relative;
    font-size: 26px;
    top: -6px;
}

.right_box_one_para {
    width: 53%;
    margin: 25px 0;
}

sup.prod_sup {
    vertical-align: baseline;
    position: relative;
    font-size: 15px;
    top: -1px;
}

.blue_button {
    margin: 20px 0;
}

.blue_button2 {
    margin: 14px 0;
}

.right_box_two {
    height: 50%;
}

.heading_for_box {
    color: #60B3DF;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 35px;
}

.right_box_one_para p.para_text {
    color: #163195;;
    line-height: 20px;
    padding-bottom: 10px;
    font-size: 14px;
}

.image_products {
    float: right;
    width: 48%;
    margin-top: -87px;
}

.margin_top {
    margin-top: 30px;
}

.right_box_two_para p.para_text, .right_box_three_para p.para_text {
    color: #163195;
    line-height: 20px;
    padding-bottom: 10px;
    font-size: 14px;
    margin-top: 15px;
}

.arrow-button .blue-bg2 {
    padding: 10px 8px;
    font-size: 12px;
}

.image_left_box_div {
    margin-top: 15px;
}

.content_leftbox {
    float: left;
    width: 76%;
    font-size: 20px;
    line-height: 30px;
    height: 185px;
}

.content_leftbox p {
    text-align: center;
}

.drLocZip1 {
    background: transparent;
    height: 35px;
    line-height: 35px;
    width: 187px;
    padding: 0 15px;
    border: none;
    font-family: 'QuicksandBold', Arial, sans-serif;
    color: #A2A2A2;
    font-size: 12px;
}

.drLocZip-wrap1 {
    box-shadow: inset 0 0 6px #A0A0A0;
    -moz-box-shadow: inset 0 0 6px #A0A0A0;
    -webkit-box-shadow: inset 0 0 6px #A0A0A0;
    float: left;
    width: 200px;
    margin-right: 10px;
}

.clearfix1 {
    margin-top: 47px;
}

.search_btn {
    width: 80PX;
    height: 35px;
    margin-left: 3px;
    padding: 0;
    border: none;
    background: #0A2F87;
    color: #FFFFFF;
    float: left;
    FONT-SIZE: 12PX;
}

.opti_free_image_div {
    float: right;
    margin-top: -36px;
    width: 193px;
}

.right_box_three_para {
    width: 59%;
}

.ref_notes {
    margin-top: 90px;
}

.ref_notes p {
    color: #A2A2A2;
    font-size: 10px;
    line-height: 17px;
}

/*akash css for new design ends here*/

.box-small {
    float: left;
    background: url("../images/bg_big.png") no-repeat scroll 0 0 transparent;
    background-size: 555px 270px;
    padding: 40px 10px 47px 36px;
    width: 460px;
    margin-left: -27px;
}

.box-big {
    float: left;
    background: url("../images/bg_small.png") no-repeat scroll -35px 0 transparent;
    background-size: 455px 270px;
    padding: 40px 5px 40px 30px;
    width: 345px;
}

.box-three {
    float: left;
    background: url("../images/bg_big.png") no-repeat scroll -17px 0 transparent;
    background-size: 546px 270px;
    padding: 40px 10px 40px 44px;
    width: 467px;
}

.box-bg1 .boxwidth {
    width: 330px;
    float: left;
}

.boxwidth .blue-bg1 {
    padding: 10px 35px;
    font-size: 12px;
}

.content-fl h1 {
    font-family: QuicksandBold;
    color: #092f87;
    font-size: 24px;
    margin-bottom: 14px;
}

.content-fl h1 span {
    font-family: QuicksandBook;
    color: #56b5e1;
    font-size: 60px;
    text-transform: uppercase;
    margin-bottom: 31px;
}

.content-fl h2 {
    font-family: QuicksandBook;
    color: #092f87;
    font-size: 24px;
    margin-bottom: 12px;
    width: 463px;
    line-height: 28px;
}

.content-fl p {
    font-family: QuicksandBold;
    color: #092f87;
    font-size: 18px;
    margin-top: 26px;
    margin-bottom: 13px;
    line-height: 22px;
    width: 430px;
}

.prodImg {
    float: right;
    height: 57px;
    margin-top: 36px;
    width: 183px;
    margin-bottom: -23px;
}

.prodImg1 {
    float: right;
    height: 105px;
    width: 90px;
    margin-bottom: -23px;
    margin-right: 32px;
}

.box-bg1 {
    margin-left: -15px;
}

.box-small h2, .box-big h2 {
    font-family: QuicksandBook;
    color: #56b5e1;
    font-size: 28px;
    text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 17px;
    margin-left: 10px;
}

.boxwidth p {
    font-family: QuicksandBook;
    margin: 0px;
    padding: 0;
    font-size: 11px;
    line-height: 16px;
}

.box-three .box-bg1 h2 {
    font-family: QuicksandBook;
    color: #01A457;
    font-size: 28px;
}

.box-three .box-bg1 h3, p {
    font-family: QuicksandBook;
    color: #092F87;
}

.box-three .box-bg1 h3, p.first-para {
    font-family: QuicksandBook;
    color: #0a2899;
}

.box-small p, .box-big p {
    font-family: QuicksandBook;
    color: #092f87;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 8px;
    margin-left: 10px;
}

.box-small a, .box-big a {
    margin-left: 10px;
    background: url("../images/imageSprite.png") no-repeat scroll right 0 #F09C1A;
}

.box-small a, .box-big .margintop30 a {
    margin-top: 73px;
}

.boxwidth a {
    margin-top: -3px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #diez {
        margin-top: -3px;
    }
}

.box-big a {
    float: left;
    margin-top: 39px;
}

.mar-mid {
    margin-left: -15px;
}

.content-fl h1 sup, .content-fl p sup {
    font-size: 100%;
    position: relative;
    top: -3px;
}

.box-bg1 h2 sup {
    font-size: 50%;
    position: relative;
    top: -13px !important;
}

/* .redtp{margin-top:82px !important;} */
.box-three .box-bg1 h2 sup {
    font-size: 120%;
    position: relative;
    top: -2px !important;
}

.box-three .box-bg1 h3 sup {
    font-size: 100%;
    position: relative;
    top: -2px !important;
}

.scrollable .items > div img.outer_ring {
    left: -44px;
    top: -95px;
}

.scrollable .items > div img.lens_3_1 {
    top: -65px;
    left: 0px;
}

.common_lens_txt_up {
    position: relative;
    top: -80px;
}

.outer_ring_lens_txt_up {
    position: relative;
    top: -180px;
}

.scrollable .items > div .lensblock img {
    margin-top: 15px;
    margin-left: -60px;
    width: 465px;
}

sup.beta {
    font-size: 60%;
    top: -0.75em;
}

/*.scrollable .colors_slider_img > div img{width:446px;}*/


/*TAB LANDSCAPE*/
@media only screen   and (min-device-width: 768px)  and (max-device-width: 1024px)  and (orientation: landscape)  and (-webkit-min-device-pixel-ratio: 1) {
    .simpleBanner {
        display: none;
    }

    .home-con h1 {
        font-size: 40px;
        text-align: center;
    }

    ul.lensblock li span {
        margin: 0 auto 0 -3px;
    }

    .nw-mgn {
        margin-top: 0px !important;
    }

    .paddt120 {
        padding-top: 90px;
    }

    .home-con p {
        font-size: 18px;
    }

    .see-y-diff {
        display: none;
    }

    /*over lay in tab landscape mode*/
    div.overlay {
        width: 1024px;
        z-index: 999999999 !important;
        left: 0 !important;
        top: 0 !important;
        margin-top: 0;
        padding: 0 50px;
    }

    div.singletab {
        width: 924px;
    }

    .singletab .wrap {
        width: 855px;
    }

    .singletab .faq-head {
        width: 855px;
    }

    .singletab .accordion {
        width: 855px;
    }

    .singletab .collapsed {
        background: url('../images/arrow-down.png') no-repeat 812px 24px !important;
    }

    .singletab .expanded {
        background: url('../images/arrow-up.png') no-repeat 812px 24px !important;
    }

    .singletab .accord-header {
        background: url("../images/arrow-down.png") no-repeat 812px 24px;
        cursor: pointer;
    }

    .tabs {
        margin-top: 40px;
        display: none;
    }

    .tab-overlay .content {
        margin-top: 100px;
    }

    .iframe-video-overlay {
        width: 832px;
        height: 545px;
        margin-left: -33px;
        margin-top: 80px;
    }

    .iframe-external-overlay {
        width: 983px;
        height: 560px;
        margin-top: -60px;
        margin-left: -38px;
    }

    .backdrop2, .box2 {
        z-index: 9999999999 !important;
    }

    .pane {
        padding: 5px;
    }

    div.tab-overlay a.close {
        top: 12px;
    }

    .faq-aqua-header {
        width: 898px;
    }

    .faq-aqua-header h1 {
        padding: 20px 20px;
    }

    .singletab .faq-aqua {
        margin: 0;
        width: 898px;
    }

    .bottom-gradient-faq {
        width: 897px;
    }

    .top-gradient-faq {
        width: 897px;
    }

    .singletab .accord4-tbl, .singletab .accord6-tbl, .singletab .accord5-tbl, .singletab .accord7-tbl {
        margin-left: 62px;
    }

    .scrollbar-req {
        height: 89% !important;
    }

    div.singletab a.close {
        top: 75px;
    }

    /*.singletab .accord4-tbl{margin-left:209px;}*/
    .img-tab-l {
        width: 470px;
    }

    .box-small a, .box-big a {
        background: url("../images/imageSprite.png") no-repeat scroll right 0px #F09C1A;
    }

    /*tablet landcape for index page start here*/
    .content_wrapper_for_tab {
        display: block;
    }

    .content_wrapper {
        display: none;
    }

    .boxes {
        width: auto;
        height: auto;
    }

    .left_box {
        width: 95%;
        border-right: 0;
        height: 200px;
        margin: 0 26px;
    }

    .left_box1 {
        width: 95%;
        height: 200px;
        border-bottom: 1px solid #A2A2A2;
        margin: 0 26px;
    }

    .image_left_box_div {
        float: right;
        margin-right: 30px;
        margin-top: -35px;
    }

    #prod_image.image_left_box_div {
        float: right;
        margin-right: 30px;
        margin-top: 0px;
    }

    .content_leftbox {
        float: left;
        width: 42%;
        font-size: 18px;
        line-height: 30px;
        margin-left: 31px;
        margin-top: 20px;
        height: 62px;
    }

    .content_leftbox p.sep_para_text {
        text-align: left;
    }

    .content_leftbox p.para_text {
        float: left;
        width: 120%;
        font-size: 14px;
        text-align: left;
        line-height: 25px;
    }

    .content_leftbox_sep p.para_text {
        float: left;
        width: 80%;
        font-size: 14px;
        text-align: left;
        height: 62px;
        line-height: 25px;
        margin-left: 32px;
        margin-top: 20px;
    }

    .heading_for_box {
        margin-left: 30px;
        margin-top: 20px;
    }

    .blue_button {
        width: 23%;
        margin: 0px 32px;
    }

    .blue_button2 {
        width: 23%;
        margin: 0px 32px;
    }

    .clearfix1 {
        width: 44%;
        margin-left: 33px;
    }

    .image_left_optifree_box_div {
        float: right;
        width: 32%;
        margin-top: -47px;
    }

    .content_leftbox_sep_line {
        font-size: 14px;
        float: left;
        width: 45%;
        margin: 10px 32px;
        height: 54px;
    }

    .ref_notes {
        margin: 50px 57px;
    }

    .bor_shad_tab {
        background-image: url("https://airoptix.com/images/Tab/home/tabshadow.png");
        height: 20px;
        margin: 10px 20px;
        border-top: 1px solid #E5E5E5;
    }

    /*tablet landcape for index page ends here*/
}

@media only screen and (min-width: 980px) and (max-height: 768px) {
    .products-area {
        margin-top: -32px;
    }

    .prod-wrap {
        margin-top: -68px;
    }

    .faq-head {
        margin-top: -34px;
    }

    .overlay-content .faq-head {
        margin-top: 0px;
    }

    .ntc-section {
        padding: 30px 0 0;
    }

    .ft-section {
        padding-top: 60px;
    }

    .faq-head.ecp {
        padding-top: 60px;
    }

    .sitemap-header h1 {
        padding: 60px 0 10px;
    }

    .be-header h1 {
        padding: 60px 0 10px;
    }

    .header-404 h1 {
        padding: 60px 0 10px;
    }

    .isi-header h1 {
        padding: 60px 0 10px;
    }

    .iframe-external-overlay {
        height: 408px;
        padding-top: 10px;
    }

    .scrollbar-req {
        height: 63% !important;
    }

    .nw-mgn {
        margin-top: 0px !important;
    }

    .prod-slider-wrap {
        width: 455px;
        margin: 63px 20px 0 20px;
    }

    .slider-content {
        width: 485px;
        margin-top: 20px;
    }

    .scrollable {
        width: 455px;
    }

    .scrollable .items > div {
        width: 455px;
    }

    .scrollable .items > div img {
        margin-top: 18%;
        width: 360px;
        margin-left: -12px;
        left: 20px;
    }

    .scrollable .colors_slider_img > div img {
        width: 330px;
    }

    .detailtext {
        top: 290px;
        left: 396px;
    }

    ul.productdesc.video-thumb li {
        line-height: normal;
    }

    ul.productdesc.video-thumb a {
        margin-right: 139px;
    }
}

/*TAB POTRAIT*/
@media only screen  and (min-device-width: 768px)   and (max-device-width: 1024px)   and (orientation: portrait)  and (-webkit-min-device-pixel-ratio: 1) {
    .content_wrapper, .simpleBanner {
        display: none;
    }

    .content_wrapper_for_tab {
        display: block;
    }

    .prod-name a.threeline {
        margin-left: 0px;
    }

    #utilnav-glblalc {
        margin: 14px 125px 0 0 !important;
    }

    ul.lensblock li a {
        height: 51px;
    }

    .lens-filter {
        margin-top: 0px;
        margin-left: 160px;
    }

    /* tab background */
    /*
	.bg1 {background:url("../images/Tab/Background_dots/AirOptix_background_dots_left_1_aqua.png") no-repeat top left;}
	.bg2 {background:url("../images/Tab/Background_dots/AirOptix_background_dots_right_1_aqua.png") no-repeat top right;}
	.bg3 {background:url("../images/Tab/Background_dots/AirOptix_background_dots_left_2_aqua.png") repeat-y left;}
	.bg4 {background:url("../images/Tab/Background_dots/AirOptix_background_dots_right_2_aqua.png") repeat-y right;}
	.bg5 {background:url("../images/Tab/Background_dots/AirOptix_background_dots_left_3_aqua.png") no-repeat left bottom;}
	.bg6 {background:url("../images/Tab/Background_dots/AirOptix_background_dots_right_3_aqua.png") no-repeat bottom right;}

	.multifocal .bg1{background:url("../images/Tab/Background_dots/AirOptix_background_dots_left_1_multifocal.png") no-repeat top left;}
	.multifocal .bg2{background:url("../images/Tab/Background_dots/AirOptix_background_dots_right_1_multifocal.png") no-repeat top right;}
	.multifocal .bg3{background:url("../images/Tab/Background_dots/AirOptix_background_dots_left_2_multifocal.png") repeat-y left;}
	.multifocal .bg4{background:url("../images/Tab/Background_dots/AirOptix_background_dots_right_2_multifocal.png") repeat-y right;}
	.multifocal .bg5{background:url("../images/Tab/Background_dots/AirOptix_background_dots_left_3_multifocal.png") no-repeat left bottom;}
	.multifocal .bg6{background:url("../images/Tab/Background_dots/AirOptix_background_dots_right_3_multifocal.png") no-repeat bottom right;}

	.astigmatism .bg1{background:url("../images/Tab/Background_dots/AirOptix_background_dots_left_1_astigmatism.png") no-repeat top left;}
	.astigmatism .bg2{background:url("../images/Tab/Background_dots/AirOptix_background_dots_right_1_astigmatism.png") no-repeat top right;}
	.astigmatism .bg3{background:url("../images/Tab/Background_dots/AirOptix_background_dots_left_2_astigmatism.png") repeat-y left;}
	.astigmatism .bg4{background:url("../images/Tab/Background_dots/AirOptix_background_dots_right_2_astigmatism.png") repeat-y right;}
	.astigmatism .bg5{background:url("../images/Tab/Background_dots/AirOptix_background_dots_left_3_astigmatism.png") no-repeat left bottom;}
	.astigmatism .bg6{background:url("../images/Tab/Background_dots/AirOptix_background_dots_right_3_astigmatism.png") no-repeat bottom right;}

	.night-and-day .bg1{background:url("../images/Tab/Background_dots/AirOptix_background_dots_left_1_nightandday.png") no-repeat top left;}
	.night-and-day .bg2{background:url("../images/Tab/Background_dots/AirOptix_background_dots_right_1_nightandday.png") no-repeat top right;}
	.night-and-day .bg3{background:url("../images/Tab/Background_dots/AirOptix_background_dots_left_2_nightandday.png") repeat-y left;}
	.night-and-day .bg4{background:url("../images/Tab/Background_dots/AirOptix_background_dots_right_2_nightandday.png") repeat-y right;}
	.night-and-day .bg5{background:url("../images/Tab/Background_dots/AirOptix_background_dots_left_3_nightandday.png") no-repeat left bottom;}
	.night-and-day .bg6{background:url("../images/Tab/Background_dots/AirOptix_background_dots_right_3_nightandday.png") no-repeat bottom right;}
*/
    .wrap {
        width: 768px;
    }

    .header .wrap {
        width: 100%;
        margin: 0px auto;
    }

    .logo img {
        width: 190px;
        margin-left: -6px;
        margin-top: 0px;
    }

    .home-con-m h1 {
        font-size: 50px;
        line-height: 58px;
        font-weight: 900;
        text-align: left;
    }

    .home-con-m p {
        font-size: 20px;
    }

    .home-con-m {
        display: block;
        padding: 120px 100px 20px;
    }

    .product-sec {
        width: 570px;
        margin: auto;
    }

    .only-tab {
        display: block;
    }

    .productname {
        display: inline;
    }

    .header {
        background: rgb(42, 158, 215); /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJhOWVkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNjVjYTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(left, rgba(42, 158, 215, 1) 0%, rgba(22, 92, 167, 1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(42, 158, 215, 1)), color-stop(100%, rgba(22, 92, 167, 1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, rgba(42, 158, 215, 1) 0%, rgba(22, 92, 167, 1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, rgba(42, 158, 215, 1) 0%, rgba(22, 92, 167, 1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, rgba(42, 158, 215, 1) 0%, rgba(22, 92, 167, 1) 100%); /* IE10+ */
        background: linear-gradient(to right, rgba(42, 158, 215, 1) 0%, rgba(22, 92, 167, 1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a9ed7', endColorstr='#165ca7', GradientType=1); /* IE6-8 */
    }

    .singletab .accord4-tbl, .singletab .accord6-tbl, .singletab .accord5-tbl, .singletab .accord7-tbl {
        float: none;
        margin: 0 auto;
        width: 480px;
        margin-top: 20px;
    }

    .not-in-tab {
        display: none;
    }


    /*prod details page================ */
    .see-y-diff {
        display: none;
    }

    .slider-content {
        width: 580px;
        margin: auto;
        float: none;
    }

    .prod-menu {
        float: right;
        padding-bottom: 16px;
    }

    .prod-menu img {
        width: 65px;
    }

    .prod-menu img.current-prod {
        width: 81px;
    }

    .scrollable {
        width: 543px;
    }

    .scrollable .items > div {
        width: 543px;
    }

    .scrollable .items > div img {
        margin-top: -12px;
        margin-left: -45px;
        width: 360px;
    }

    .scrollable .items > div .lensblock img {
        margin-top: -12px;
        margin-left: -45px;
        width: 465px;
    }

    ul.lensblock li a img {
        width: 100% !important;
        height: auto !important;
    }

    ul.lensblock li {
        width: 137px !important;
        margin: 0px !important;
        height: 95px;
    }

    .prod-slider-wrap {
        margin: 0;
    }

    .scrollbar-req {
        height: 79% !important;
    }

    .detailtext {
        position: absolute;
        top: 292px;
        left: 485px;
        width: 55px;
        font-size: 14px;
        cursor: pointer;
    }

    .colors_slider img {
        width: 485px !important;
        margin-top: 120px !important;
        margin-left: 60px !important;
    }

    .colors_slider .lens-img {
        margin-top: 15% !important;
    }

    .colors_slider ul.lensblock img {
        width: auto !important;
        margin: 0px !important;
    }

    .tab-img-float {
        float: right;
        width: 250px;
        margin-left: 10px;
        margin-top: 12px;
    }

    .multifocal-techimg {
        width: 176px;
    }

    .ullist-top {
        width: 315px;
        float: left;
        padding-top: 10px;
    }

    .ullist-down {
        width: 265px;
        float: left;
        padding-top: 10px;
    }

    .tab-padb10 {
        padding-bottom: 10px;
    }

    .tab-paddt10 {
        padding-top: 10px;
    }

    .prod-slider-wrap {
        width: 100%;
    }

    .prod-slider-wrap .prev, .prod-slider-wrap .next {
        position: absolute;
        top: 215px;
        z-index: 50;
        background: url("../images/slider-nav.png") no-repeat;
        display: block;
        width: 37px;
        height: 70px;
        cursor: pointer;
    }

    .prod-slider-wrap .prev {
        background-position: 0 -70px;
    }

    .prod-slider-wrap .prev.disabled {
        background-position: 0 -140px;
    }

    .prod-slider-wrap .next.disabled {
        background-position: 0 -140px;
    }

    .prod-slider-wrap .next {
        right: 97px;
    }

    .prod-slider-wrap .prev, .prod-slider-wrap .next {
        top: 200px;
    }

    .prod-slider-wrap .prev {
        left: 75px;
    }

    .navi {
        margin-left: 330px;
        margin-bottom: 30px;
    }

    .productheader, .productname {
        font-size: 20px;
        padding-bottom: 6px;
    }

    .productdesc {
        font-size: 13px;
        line-height: 17px;
    }

    .prod-menu {
        margin-right: 30px;
        margin-top: 20px;
    }

    .font14tab {
        font-size: 14px;
    }

    .prod-slider-wrap {
        margin-top: -4px;
    }

    .paddb7 {
        padding-bottom: 10px;
    }

    .bottom-gradient-faq {
        width: 655px;
    }

    .top-gradient-faq {
        width: 655px;
    }

    .legal-tab {
        width: 568px;
    }

    /* .bottom-gradient{padding: 20px 100px 20px 60px;} */
    /* footer */
    .footer_gradient {
        background: rgb(35, 134, 198); /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzODZjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNjVjYTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(left, rgba(35, 134, 198, 1) 0%, rgba(22, 92, 167, 1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(35, 134, 198, 1)), color-stop(100%, rgba(22, 92, 167, 1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, rgba(35, 134, 198, 1) 0%, rgba(22, 92, 167, 1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, rgba(35, 134, 198, 1) 0%, rgba(22, 92, 167, 1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, rgba(35, 134, 198, 1) 0%, rgba(22, 92, 167, 1) 100%); /* IE10+ */
        background: linear-gradient(to right, rgba(35, 134, 198, 1) 0%, rgba(22, 92, 167, 1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2386c6', endColorstr='#165ca7', GradientType=1); /* IE6-8 */
    }

    .footer-beta {
        width: 680px;
    }

    .utility-item.search-tool {
        border: none;
        padding: 0 20px 0 0;
    }

    .search_input {
        width: 98px;
        padding: 0 3px;
    }

    .search_input .input {
        width: 70px;
    }

    .search.icons_sprite {
        right: 7px;
    }

    .faqlink {
        border: none;
    }

    .isi-content {
        width: 738px;
        float: none;
        margin: auto;
        padding-bottom: 215px;
    }

    .sub-table {
        margin-left: 73px;
    }

    /* global website leaving lightbox*/
    .box {
        left: 13%;
    }

    .box2 {
        left: 13%;
    }

    /* global website leaving lightbox ends*/
    /*-----------FREE TRIAL CSS starts here---------------*/
    .ft-section {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .freetrial {
        padding-left: 110px;
        width: 650px;
    }

    .start-ft-header {
        width: 643px;
        font-size: 35px;
        line-height: 45px;
    }

    .eyefile {
        padding-left: 70px;
        width: 562px;
    }

    .ft-text {
        font-size: 15px;
        line-height: 22px;
    }

    .ft-gradient {
        width: 768px;
    }

    /*-----------FREE TRIAL CSS ends here---------------*/
    /*-----------NTC CSS starts here---------------*/
    .lense-section {
        float: none;
        width: 300px;
        margin: 0 auto;
        margin-top: -56px;
        padding-left: 25px;
    }

    .ntc-section {
        float: none;
        margin: 0 auto 0 30px;
        padding-top: 0px;
        width: 686px;
    }

    .ntc-header {
        border-bottom: 0px;
        padding: 0 16px;
    }

    .ntc-normal {
        padding: 8px 17px 12px;
    }

    .ntc-table {
        padding-top: 21px;
    }

    .scrollbar-req-table {
        height: 200px !important;
    }

    .ntc-section table {
        width: 664px;
    }

    .scrollbar-req-table tr {
        height: 66px;
    }

    .ntc-table-header {
        font-size: 25px;
    }

    .top-gradient-ntc {
        width: 692px;
    }

    .bottom-gradient-ntc {
        width: 692px;
    }

    /*-----------NTC CSS ends here---------------*/
    /*-----------Search CSS starts here---------------*/
    .search-results {
        height: auto;
        padding-bottom: 51px;
        padding-left: 40px;
        padding-top: 101px;
        width: 600px;

    }

    .static-header {
        font-size: 50px;
    }

    #cse {
        width: 87%;
    }

    .search-text {
        margin-bottom: 8px;
        padding-bottom: 16px;
        width: 695px;
    }

    /*-----------Search CSS ends here---------------*/
    /*-----------ISI CSS starts here---------------*/
    .isi-section {
        width: 768px;
        padding: 100px 0 80px;
    }

    .isi-header h1 {
        font-size: 41.46px;
        padding: 0 40px;
        border: none;
    }

    .isi-bold {
        line-height: 20px;
        padding: 15px 40px;
    }

    .isi-normal {
        line-height: 20px;
        padding: 0px 40px 15px 40px;
    }

    /*-----------ISI CSS ends here---------------*/
    /*-----------404 page CSS starts here---------------*/
    .section-404 {
        width: 690px;
    }

    .header-404 h1 {
        font-size: 41.46px;
        padding: 110px 0px 10px;
    }

    /*-----------404 page CSS ends here---------------*/
    /*-----------Site Map css starts here---------------*/
    .sitemap-section {
        width: 690px
    }

    .sitemap-header h1 {
        font-size: 41px;
        padding: 110px 0px 10px;
    }

    .sitemap-hr {
        width: 690px;
    }

    .sitemap-content ul.sub-links li {
        margin: 5px 0 0 7px;
    }

    .sitemap-content ul.sub-links li a, .sitemap-content ul.main-links li a {
        color: #F2AB3D;
    }

    /*-----------Site Map CSS ends here---------------*/
    /*-----------Browser Error page css starts here---------------*/
    .browser-err {
        width: 690px;
    }

    .be-header h1 {
        font-size: 41px;
        padding: 110px 0 7px;
    }

    .be-content a {
        color: #FBAF3F;
    }

    /*-----------Browser Error page CSS ends here---------------*/
    /* ---------------- Find an ECP ---------------------- */
    .faq-head.ecp {
        margin-left: 45px;
        width: auto;
    }

    .ecp-frame {
        margin-left: 85px;
        width: 600px;
    }

    /* ---------------------------- Comapre Products ------------------ */
    .compare-prod .accordion {
        background: #FFF;
    }

    .cp-prod {
        width: 145px;
    }

    .cp-prod img { /*display: block;*/
        width: 90px;
    }

    .cp-table .cp-feature {
        width: 200px;
    }

    .cp-table .aqua, .cp-table .astig, .cp-table .multi, .cp-table .nd, .cp-table .clr {
        width: 80px;
    }

    .grt .aqua, .grt .astig, .grt .multi, .grt .nd, .grt .clr {
        padding: 4px;
        font-size: 11px;
    }

    .cp-table .spacer {
        width: 13px;
    }

    .compare-prod .accord-header {
        background-position: 94% center;
    }

    .compare-prod .accord-header a {
        padding-left: 45px;
    }

    .cp-table .cp-feature p {
        padding-left: 45px;
    }

    .cp-footer {
        margin: 0 auto;
        width: 568px;
    }

    .product-sec img {
        margin-top: 0px;
    }

    img.prod5-arrow {
        margin-top: 5px;
    }

    .mrlfttb {
        margin-left: -31px !important;
    }

    .mrlfttb2 {
        margin-left: -21px !important;
    }

    .mrlfttb3 {
        margin-left: -18px !important;
    }

    .mrlfttb11 {
        margin-left: -24px;
    }

    .mrlfttb12 {
        margin-left: -21px;
    }

    .mrlfttb13 {
        margin-left: -19px;
    }

    /* tablet design for new indx page start here*/
    .bor_shad_tab {
        background-image: url("https://airoptix.com/images/Tab/home/tabshadow.png");
        height: 20px;
        margin: 10px 20px;
        border-top: 1px solid #E5E5E5;
    }

    .boxes {
        height: 1150px;
    }

    .left_box {
        width: auto;
        margin: 0 20px;
        border-right: 0;
        height: 215px;
        padding-bottom: 20px;
    }

    .left_box1 {
        width: auto;
        margin: 0 20px;
        border-right: 0;
        border-bottom: 1px solid #E5E5E5;
        height: 215px;
    }

    .image_left_box_div {
        float: right;
        margin-top: 0px
    }

    .image_products {
    }

    .image_left_box_div img.image_nt_prov {
        width: 223px;
    }

    .image_products img {
        width: 223px;
    }

    .content_leftbox {
        width: 60%;
        margin-top: 25px;
        height: 0;
        line-height: 20px;
    }

    .content_leftbox_sep {
        width: 100%;
        margin-top: 25px;
        line-height: 20px;
    }

    .content_leftbox_sep_line {
        width: 60%;
        margin-top: 10px;
        line-height: 20px;
    }

    h1.heading_for_box {
        font-size: 24px;
        line-height: 28px;
    }

    .content_leftbox p.sep_para_text {
        text-align: left;
        font-size: 18px;
    }

    .content_leftbox p.para_text {
        text-align: left;
        font-size: 14px;
    }

    .spacing_top {
        margin-top: 25px;
    }

    .blue_button {
        margin-top: 95px;
    }

    .blue_button2 {
        margin-top: 28px;
    }

    .arrow-button .blue-bg1 {
        padding: 10px 24px !important;
        font-size: 12px;
    }

    .clearfix1 {
        margin-top: 35px;
    }

    .image_left_optifree_box_div {
        width: 205px;
        float: right;
        position: relative;
        top: -35px;
    }

    .ref_notes {
        width: 90%;
        height: 200px;
        margin-top: 110px;
        padding-bottom: 33px;
        margin-left: 22px;
    }

    .ref_notes p {
        line-height: 15px;
    }


    /* tablet design for new indx page end here*/
}

/*upto 320 common styles*/
@media only screen and (max-width: 979px) {
    .wrap {
        width: 768px;
        margin-top: 105px;
    }

    .prod-name a.threeline {
        margin-left: 0px;
    }

    .prod-lenscare-container {
        width: 100%;
    }

    .pro-img-tab, .notinDesktop {
        display: block;
    }

    .pro-img, .notintab, .productfooter, .prod-arrow, .only-desktop {
        display: none;
    }

    .header {
        width: 100%;
    }

    .outer_ring_only_mobile {
        margin-top: -30px;
    }

    ul.lensblock li span {
        margin: 0 auto 0 22px !important;
    }

    .header-bg1.gif .header {
        background: url("../images/header-bg1.gif") repeat-y center;
    }

    .product-sec img {
        height: auto;
        width: 139px;
        margin-left: 10px;
    }

    img.prod-arrow { /*background:url("../images/arrow1.png") no-repeat;display: block;*/
        height: 18px;
        width: 7px;
        margin-top: 4px;
        position: absolute;
        margin-left: 10px;
    }

    img.prod1-arrow { /*background:url("../images/arrow1.png") no-repeat;display: block;*/
        height: 18px;
        width: 7px;
        margin-top: 4px;
        position: absolute;
        margin-left: 10px;
    }

    img.prod2-arrow { /*background:url("../images/arrow1.png") no-repeat;display: block;*/
        height: 18px;
        width: 7px;
        margin-top: 4px;
        position: absolute;
        margin-left: 10px;
    }

    img.prod3-arrow { /*background:url("../images/arrow1.png") no-repeat;display: block;*/
        height: 18px;
        width: 7px;
        margin-top: 4px;
        position: absolute;
        margin-left: 10px;
    }

    img.prod4-arrow { /*background:url("../images/arrow1.png") no-repeat;display: block;*/
        height: 18px;
        width: 7px;
        margin-top: 4px;
        position: absolute;
        margin-left: 10px;
    }

    img.prod6-arrow, img.prod7-arrow {
        width: 7px;
        margin: 5px 0px 0px 7px;
        position: absolute;
    }

    .product-sec .pro {
        float: left;
        height: 111px;
        position: relative;
        width: 310px;
        padding-top: 25px;
    }

    .prod-name {
        margin: -86px 0 0 185px;
        width: 335px;
        text-align: left;
    }

    .product-sec .pro {
        width: 100%;
        border-bottom-color: #D3DEEC;
    }

    .boxes {
        margin: 30px 15% 0 auto;
        width: auto;
        background: none repeat scroll 0 0 #FFFFFF;
    }

    .box-big {
        width: auto !important;
    }

    .box-small {
        width: auto !important;
    }

    .home-con-m h1 {
        font-size: 30px;
        line-height: 30px;
    }

    .home-con-m {
        display: block;
        padding: 70px 100px 20px;
    }

    .products-area {
        background: none;
        padding: 0px;
        margin-bottom: 0px;
        margin-top: 192px;
    }

    /* ul.productdesc.video-thumb li {line-height:40px;}	 */
    .product-sec .line {
        display: block;
        border-bottom: 1px solid #d3deec;
        padding-top: 10px;
        margin-bottom: 20px;
    }

    .product {
    }

    .product .pro-item {
        float: left;
    }

    .product .pro-item img {
        width: 170px;
        height: auto;
    }

    .see-y-diff {
        display: none;
    }

    .product .pro-title {
        font-size: 22px;
        float: left;
        cursor: pointor;
        padding: 40px 25px;
    }

    .products-area .product-sec .clear {
        display: block;
    }

    .footer {
    }

    /* .footer .wrap {width:100%; margin:0px; } */
    .foo-search form {
        width: 154px;
        height: 28px;
        background: url("../images/foo-search-small.png") no-repeat;
    }

    .foo-search form .search-input {
        width: 115px;
    }

    .footer .foo-social ul li {
        padding-left: 5px;
    }

    .mar-top-footermenu {
        margin-top: 0px;
    }

    .home-con {
        margin-top: 140px;
        width: 560px;
        margin-bottom: 10px;
    }

    .lenses {
        margin-top: 11px;
        width: 537px;
    }

    .home-con p {
        text-align: left;
        padding-top: 10px;
    }

    .home-con h1 {
        line-height: 50px;
        padding-bottom: 5px;
        text-align: left;
        font-size: 46px;
    }

    .prod-name a {
        font-size: 20px;
        line-height: 25px;
    }

    .prod-name a.saparatelineheight {
        line-height: 25px;
    }

    #con-glblalc {
        width: 100%;
    }

    .container {
        width: 100%;
    }

    .header_bg {
        height: auto;
    }

    .header {
        position: relative;
        z-index: 99;
    }

    .logo-wrap {
        position: relative;
        float: left;
        width: 100%;
        height: 62px;
    }

    .logo {
        position: absolute;
        left: 0;
        top: 0;
    }

    .menu-btn {
        display: block;
        float: right;
        height: 42px;
        margin: 10px 0 0;
        font-size: 22px;
        color: #fff;
        cursor: pointer;
    }

    .menu-btn strong {
        display: block;
        height: 42px;
        font-weight: normal;
        line-height: 42px;
        color: #FFF;
        float: left;
        line-height: 54px;
        margin-top: -12px;
    }

    .menu-btn span {
        display: block;
        float: right;
        width: 56px;
        height: 42px;
        margin-left: 20px;
        border-left: 2px solid #5E91C5;
        background: url("../images/arrow-bottom.png") center center no-repeat
    }

    .nav {
        display: none;
        padding: 0;
        overflow: hidden;
    }

    .nav ul {
        padding: 0;
    }

    .nav ul li {
        float: none;
        position: relative;
        padding-left: 20px;
        padding-top: 2px;
        padding-bottom: 5px;
        border-right: 0px;
        background-size: 100% 2px;
    }

    .nav ul li:after {
        content: '\0020';
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.08);
    }

    .nav ul li.mobi-item {
        display: list-item;
    }

    .nav ul li a:hover, .nav ul li a.active, .nav ul li a.active:hover {
        border-bottom-color: #FFFFFF;
    }

    .nav ul li a {
        font-size: 22px;
        line-height: 50px;
    }

    .header {
        height: auto;
    }

    .header-active .nav {
        position: relative;
        z-index: 99999;
        box-shadow: 0 3px 7px rgba(19, 73, 160, .8);
        -webkit-box-shadow: 0 3px 7px rgba(19, 73, 160, .8);
        -moz-box-shadow: 0 3px 7px rgba(19, 73, 160, .8);
    }

    .header-active .logo-wrap {
        background: rgba(22, 92, 167, 0.8);
        box-shadow: 0 3px 7px rgba(19, 73, 160, .5);
        -webkit-box-shadow: 0 3px 7px rgba(19, 73, 160, .5);
        -moz-box-shadow: 0 3px 7px rgba(19, 73, 160, .5);
    }

    .header-active .logo {
        top: 62px;
        overflow: hidden;
    }

    .header-active .menu-btn {
        color: #50d5fc;
    }

    .header-active .menu-btn strong {
        border-bottom: none !important;
        color: #50D5FC;
    }

    .header-active .menu-btn span {
        background: url("../images/arrow-top2.png") no-repeat scroll center;
    }

    .header-active .header-overlay {
        display: block;
        /*position: fixed;*/
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #FFF;
        opacity: 0.66;
        z-index: 9;
    }

    .legal-tab {
        display: none;
        margin: 0 auto;
        padding: 20px 0 30px 0;
        font-size: 11px;
        color: #00529b;
        line-height: 18px;
    }

    .legal-tab p {
        margin-bottom: 10px;
    }

    .legal-tab a {
        color: #fbaf3f;
    }

    .legal-desktop {
        display: block;
    }

    .foot-links li.isi, .foot-links li.faqlink {
        display: none;
    }

    .home-footer {
        display: none;
    }

    .footer-alpha {
        float: none;
        left: 20px;
        position: absolute;
        right: 0;
        width: 80px;
    }

    .footer-text {
        text-align: justify;
        width: 568px;
        font-size: 11px;
        margin: 0 auto;
        padding: 75px 0 0;
        line-height: 18px;
    }

    .faq-wrap .footer-text {
        padding-bottom: 0;
    }

    .footer-ntc {
        width: 568px;
    }

    .footer-text p {
        margin-bottom: 0px;
    }

    /* overlay in tab*/
    div.overlay {
        height: 1024px;
        width: 768px;
        z-index: 999999 !important;
        left: 0 !important;
        top: 0 !important;
        margin-top: 0;
    }

    div.overlay a.close {
        top: 870px;
    }

    div.singletab a.close {
        top: 75px;
    }

    .pane {
        padding: 0px;
    }

    div.singletab {
        width: 680px;
    }

    .singletab .wrap {
        width: 635px;
    }

    .singletab .faq-head {
        width: 635px;
    }

    .singletab .accordion {
        width: 635px;
    }

    .singletab .accord-header a {
        padding: 20px 122px 20px 0px;
        margin-left: 20px;
    }

    .singletab .collapsed {
        background: url('../images/arrow-down.png') no-repeat 590px 24px !important;
    }

    .singletab .expanded {
        background: url('../images/arrow-up.png') no-repeat 590px 24px !important;
    }

    .singletab .accord-header {
        background: url("../images/arrow-down.png") no-repeat 590px 24px;
        cursor: pointer;
    }

    .pane {
        display: none;
        min-height: 150px;
        padding: 0px;
    }

    .pane.video {
        margin-top: 0px;
        margin-left: 0px;
        padding-left: 0;
        padding-top: 0px;
    }

    .tabs {
        margin-top: 40px;
        display: none;
    }

    .tab-overlay .content {
        margin-top: 0px;
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg); /* IE 9 */
        -webkit-transform: rotate(-90deg); /* Safari and Chrome */
    }

    .iframe-video-overlay {
        height: 599px;
        margin-top: 238px;
        width: 879px;
        border: 1px solid black;
    }

    .one-tab .iframe-video-overlay {
        margin-top: 221px;
    }

    .iframe-external-overlay {
        width: 839px;
        height: 570px;
        margin-top: 220px;

    }

    .faq-aqua-header {
        width: 654px;
    }

    .faq-aqua-header h1 {
        padding: 20px 20px 20px;
    }

    .singletab .faq-aqua {
        margin: 0;
        width: 654px;
    }


    /*overlay in tab ends*/
    /*-------------FOOTER CSS Starts------------------*/
    .footer-content {
        width: 768px;
        padding-top: 15px;
    }

    .footer-content .isi {
        display: none;
    }

    .footer-right {
        width: 360px;
        float: right;
    }

    ul.footer-nav {
        margin: 0 0 0px 0px;
    }

    ul.footer-nav li {
        width: 150px;
        margin-bottom: 7px;
    }

    .right-bottom {
        margin-top: 20px;
    }

    .ao-family {
        margin-left: 0;
        margin-bottom: 5px;
    }

    .ao-family-sub {
        width: 250px;
    }

    .utility-item {
        padding: 0 13px;
    }

    /*-------------FOOTER CSS ends------------------*/
    /*-------------------------- FAQ CSS starts here------------------------- */
    .faq-head {
        padding-top: 50px;
        width: 100%;
    }

    .faq-head h1 {
        font-size: 30px;
        margin-left: 35px;
        padding-bottom: 1px;
        line-height: 32px;
    }

    .cp-prod a {
        font-size: 11px;
    }

    .faq-head p {
        font-size: 18px;
        margin-left: 45px;
        margin-right: 58px;
    }

    .accordion {
        width: 768px;
        margin-top: 60px;
    }

    .accord-header {
        background-size: 26px 13px;
        background-position: 90% center;
    }

    .accord-header a {
        font-size: 20px;
        padding: 20px 122px 20px 45px;
    }

    .accord-content h2 {
        padding: 10px 50px 0 62px;
    }

    .accord-content p {
        padding: 0px 50px 10px 80px;
    }

    .accord-content ul {
        margin-left: 95px;
        margin-right: 58px;
    }

    .hr-line {
        width: 700px;
    }

    .sub-table {
        width: 630px;
        font-size: 13px;
    }

    .accord-images {
        width: 671px;
        margin-left: 73px;
    }

    .accord-images div {
        width: 296px;
        overflow: hidden;
        float: left;
    }

    .accord-images div img {
        width: 290px;
    }

    /*	-------------------------- FAQ CSS ends here-------------------------*/
    .content_wrapper {
        width: auto;
    }

    .content-fl {
        padding: 30px 135px;
        float: none;
        width: auto;
    }

    .content-rt {
        padding: 0px 125px;
        float: none;
    }

    .content-rt a {
        margin-left: 38px;
        margin-top: -10px;
        background: url("../images/imageSprite.png") no-repeat scroll right 0 #F09C1A;
    }

    .arrow-button .blue-bg1 {
        padding: 10px 63px;
    }

    .box-small {
        background: none repeat scroll 0 0 #FFFFFF;
        float: none;
        box-shadow: 0 0 15px 0 rgba(11, 88, 137, 0.55);
        padding: 20px 183px;
        width: 100%;
        height: 155px;
    }

    .box-big {
        background: none repeat scroll 0 0 #FFFFFF;
        float: none;
        box-shadow: 0 0 15px 0 rgba(11, 88, 137, 0.55);
        margin-top: 15px;
        padding: 20px 186px;
        height: auto;
        width: 100%;
    }

    .prodImg {
        float: none;
        height: 100%;
        left: 9px;
        position: relative;
        top: -70px;
        width: 100%;
    }

    .box-big a {
        float: left;
        position: relative;
        top: 65px;
    }

    .quote-end {
        margin-left: 477px;
        margin-top: -26px;
    }

    .prodImg {
        width: 375px;
    }

    .boxes {
        width: auto;
        margin: 30px 0 auto;
    }

    .content-fl h2 {
        width: 87%;
    }

    .quote-start {
        margin-left: -9px;
        margin-top: -2px;
    }
}


@media only screen and (max-width: 767px) and (orientation: landscape) {
    .header-active.header-main {
        position: absolute;
    }
}

@media only screen and (max-width: 480px) and (orientation: landscape) {
    .products-area .product-sec-title {
        width: 415px;
    }
}

/*Mobile common styles*/
@media only screen and (max-width: 767px) {


    .prod-lenscare-container {
        width: 100%;
    }

    .product-sec img {
        margin-top: 0px;
    }

    img.prod5-arrow {
        margin-top: 4px;
    }

    .tab-txt-float {
        width: 280px;
    }

    /*CPN changes*/
    #hdr-glblalc {
        display: none !important;
    }

    #mob-hdr-glblalc {
        display: block !important;
    }

    .supDAGfordektop {
        font-family: quicksandregular;
        top: -0.7em;
    }

    .supREGfordektop {
        font-family: arial;
        font-size: 14px;
        top: -1.2em
    }

    .supforMobile {
        font-family: arial;
    }

    .colorlens_copy {
        font-size: 18px;
    }

    .colorlens_copy1 {
        font-size: 14px;
    }

    .header {
        height: auto;
    }

    /* .heading.small sup { 		top: -7px !important; 	} */
    .nav ul li a {
        line-height: 40px;
        font-size: 16px;
    }

    .nav a.find-an-ecp .non-desktop, .nav a.isi .non-desktop {
        display: inline;
    }

    .nav a.find-an-ecp .desktop, .nav a.isi .desktop {
        display: none;
    }

    .header-active .logo {
        top: 40px;
    }

    .logo-wrap {
        height: 40px;
    }

    .menu-btn {
        margin: 5px 0 0;
        height: 40px;
        font-size: 13px;
    }

    .menu-btn strong {
        height: 22px;
        line-height: 25px;
        border-width: 1px !important;
        font-size: 16px;
        margin-top: 0px;
    }

    .menu-btn span {
        width: 25px;
        height: 21px;
        margin-left: 5px;
        margin-top: 5px;
        background-size: 11px 6px;
        border-width: 1px;
    }

    .header-active .menu-btn span {
        background-size: 13px 8px;
    }

    .header-main {
        top: 0 !important;
    }

    .header {
        width: 100%;
    }

    .wrap {
        min-height: 230px;
        margin-top: 60px;
    }

    .overlay-content.wrap {
        width: 100%;
    }

    .product .pro-title {
        font-size: 20px;
        padding: 28px 20px 40px;
    }

    .footer, .bg1, .bg2, .bg3, .bg4, .bg5, .bg6, .bg7, .bg8, .prod-menu, .navi, .not-in-mobile, .ef-img, .ft-gradient, .tab-img-float {
        display: none;
    }

    .notintab, .scroll-down-arrow, .only-mobile {
        display: block;
    }

    .product-sec img {
        height: auto;
        width: 140px;
    }

    img.prod-arrow { /*background:url("../images/arrow1.png") no-repeat;display: block;*/
        height: 18px;
        width: 7px;
        margin-top: 5px;
        position: absolute;
        margin-left: 10px;
    }

    img.prod1-arrow { /*background:url("../images/arrow1.png") no-repeat;display: block;*/
        height: 18px;
        width: 7px;
        margin-top: 5px;
        position: absolute;
        margin-left: 10px;
    }

    img.prod2-arrow { /*background:url("../images/arrow1.png") no-repeat;display: block;*/
        height: 18px;
        width: 7px;
        margin-top: 5px;
        position: absolute;
        margin-left: 10px;
    }

    img.prod3-arrow { /*background:url("../images/arrow1.png") no-repeat;display: block;*/
        height: 18px;
        width: 7px;
        margin-top: 5px;
        position: absolute;
        margin-left: 10px;
    }

    img.prod4-arrow { /*background:url("../images/arrow1.png") no-repeat;display: block;*/
        height: 18px;
        width: 7px;
        margin-top: 5px;
        position: absolute;
        margin-left: 10px;
    }

    img.prod6-arrow, img.prod7-arrow {
        width: 7px;
        margin: 6px 0px 0px 7px;
        position: absolute;
    }

    .product-sec .pro {
        width: 407px;
        height: 105px;
    }

    .prod-name {
        margin: -86px 0 0 160px;
        width: 250px;
    }

    .productheader {
        padding-bottom: 20px;
    }

    .home-con {
        margin-top: 123px;
    }

    .blueline-m {
        border-bottom: 1px solid #DEE1E2;
    }

    .prod-scrolldown {
        margin-left: 257px;
        margin-top: -27px;
        position: absolute;
    }

    .m-pad-bot {
        padding-bottom: 30px;
    }

    .astig-img1 {
        margin-left: 20px;
    }

    /* footer */
    .footer-content {
        padding-top: 20px;
        width: 230px;
    }

    .footer-fixed {
        height: auto;
    }

    .footer-alpha {
        position: static;
        width: auto;
        height: auto;
        text-align: center;
    }

    .logo-tagline {
        float: none;
        font-size: 13px;
    }

    .footer-beta {
        float: none;
        width: auto;
        margin-top: 20px;
    }

    .utility-item {
        border-left: none;
        padding: 0;
    }

    .search-tool {
        margin: 0 0 20px;
    }

    .search_input {
        width: 216px;
        margin-top: 43px;
        left: -2px;
    }

    .search.icons_sprite {
        right: 7px;
    }

    .search_input .input {
        width: 180px;
    }

    .lang_select {
        width: 133px;
    }

    .footer-alpha img {
        width: 45%;
        height: auto;
    }

    .share {
        margin: 40px 25px 15px 0px;
    }

    .text-tool {
        display: block;
    }

    .faqlink, .textresize-tool {
        display: none;
    }

    .foot-links {
        float: none;
    }

    .right-top, .right-bottom {
        margin: 0 0 30px;
    }

    .footer-right, ul.footer-nav, ul.footer-nav li {
        float: none;
        width: auto;
    }

    ul.footer-nav li a {
        border-bottom-width: 1px
    }

    .isi-content {
        margin: 0;
        padding: 0;
    }

    .border-m {
        border-top: 1px solid #D7DEED;
    }

    .mobile-sec {
        margin: 120px auto auto;
    }

    .productheader {
        border-bottom-color: #D6DCE8;
        padding: 2px 4px 2px;
    }

    .prev-prod, .next-prod, .prod-before, .end-prod {
        position: absolute;
        top: 209px;
        z-index: 50;
        background: url("../images/slider-nav.png") no-repeat;
        display: block;
        width: 37px;
        height: 70px;
    }

    .prev-prod {
        left: 55px;
        background-position: 0 -140px;
    }

    .prod-before {
        left: 55px;
        background-position: 0 -69px;
    }

    .next-prod {
        right: 55px;
    }

    .end-prod {
        right: 55px;
        background-position: 0 -140px;
    }

    .prod-img-m {
        width: 360px;
        height: auto;
        margin-left: 97px;
    }


    .accord-header {
        background-position: 86% center;
    }

    .accord-header a {
        padding: 20px 0;
    }

    .faq-head h1 {
        font-family: 'quicksandregular', arial;
    }

    .faq-prod, .accr2.accordion {
        width: auto;
    }

    .accr2 .accord-header {
        background-position: 92% center;
    }

    .accr2 .accord-header a {
        padding: 20px 70px 20px 40px;
    }

    .accr2 .accord-content p {
        padding: 5px 40px 0;
    }

    .prod-faq .faq-aqua-header h1 {
        font-family: 'quicksandregular', sans-serif, Arial;
    }

    .prod-faq .faq-quest a:hover, .prod-faq .faq-quest a:active, .prod-faq .faq-quest a:link, .prod-faq .faq-quest a:visited {
        color: #00529b;
    }

    /*-----------NTC CSS starts here---------------*/
    .lense-section {
        float: none;
        width: 0px;
        display: none;
    }

    .ntc-header {
        border-bottom: 1px solid #D7DEED;
        text-align: center;
    }

    .ntc-buttons-m {
        margin-top: 25px;
    }

    .ntc-buttons-m a {
        margin-top: 28px;
        display: block;
    }

    /*-----------NTC CSS ends here---------------*/
    /* ---------------- Find an ECP ---------------------- */
    .faq-head.ecp {
        width: 240px;
        padding-top: 40px;
    }

    .faq-head.ecp h1 {
        margin-left: 0;
        padding: 0 0 1px 0;
    }

    .faq-head.ecp p {
        margin: 0;
    }

    .ecp-frame {
        width: 320px;
        margin-left: auto;
        margin-right: auto;
    }

    .drLocZip {
        width: 140px;
        height: 25px;
        line-height: 25px;
    }

    .ecp-btn {
        width: 35px;
        height: 25px;
        font-size: 12px;
    }


    /* ---------------------------- Comapre Products ------------------ */
    .compare-prod .prod-slider-wrap {
        float: none;
        width: 320px;
        margin: 0 auto;
        padding: 30px 0;
    }

    .compare-prod .prod-slider-wrap .prev,
    .compare-prod .prod-slider-wrap .next {
        text-indent: -9999px;
    }

    .feature .prod-slider-wrap .prev, .feature .prod-slider-wrap .next {
        top: 380px;
    }

    .people .prod-slider-wrap .prev, .people .prod-slider-wrap .next {
        top: 220px;
    }

    .vision-correction .prod-slider-wrap .prev, .vision-correction .prod-slider-wrap .next {
        top: 120px;
    }

    .scrollable.cp-slider .items > div img {
        width: auto;
        height: auto;
        margin: auto;
    }

    .compare-prod .cp-slider, .compare-prod .cp-slider .items > div {
        width: 220px;
    }

    .cp-prod {
        width: auto;
        padding-bottom: 20px;
    }

    .cp-prod h3 {
        width: 120px;
        margin: auto;
    }

    .cp-slider .cp-prod img {
        display: block;
        width: 145px !important;
        margin: auto !important;
    }

    .cpt-aqua .cp-feature {
        background: #81CEE8;
        border-bottom-color: #FFFFFF;
    }

    .cp-table .cp-feature {
        width: 180px;
        border-bottom-color: #FFFFFF;
    }

    .cpt-astig .cp-feature {
        background: #7FD1C5;
    }

    .cpt-multi .cp-feature {
        background: #A592C0;
    }

    .cpt-nd .cp-feature {
        background: #F5BF6E;
    }

    .cpt-clr .cp-feature {
        background: #BAAB8E;
    }

    .cp-table .aqua, .cp-table .astig, .cp-table .multi, .cp-table .nd, .cp-table .clr {
        width: 40px;
        padding-top: 30px;
    }

    .people .cp-table .aqua, .people .cp-table .astig, .people .cp-table .multi, .people .cp-table .nd, .people .cp-table .clr {
        width: 220px;
    }

    .cp-table .cp-feature p {
        font-weight: normal;
        color: #FFF;
    }

    .dot {
        width: 10px !important;
    }

    .cp-footer {
        width: 578px;
        margin: auto;
    }

    .content-fl {
        float: none;
        padding: 30px 70px;
    }

    .content-rt {
        float: none;
        padding: 0 60px;
    }

    .boxes {
        background: none repeat scroll 0 0 #FFFFFF;
        margin: 30px 0 auto;
        width: auto;
    }

    .box-small {
        padding: 20px 113px;
        width: auto;
    }

    .box-big {
        padding: 20px 113px;
        width: auto;
    }

    .content_wrapper {
        margin: 120px auto 0;
    }

    .quote-start {
        margin-left: -7px;
        margin-top: -10px;
    }

    .formob {
        color: #FBA03F;
    }

    .formob span {
        color: #56B5E1;
        font-size: 14px;
    }

    .supIp {
        position: relative;
        top: -8px !important;
    }

    .supfourcont {
        top: -0.5em;
    }
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
    .nav ul li {
        float: left;
        width: 50%;
    }
}

/*Mobile 1*/
@media only screen and (min-width: 640px) and (max-width: 767px) {
    .wrap {
        width: auto;
    }

    .prod-lenscare-container {
        width: 100%;
    }

    .header .wrap {
        width: 100%;
        margin: 0px auto;
    }

    .logo img {
        width: 225px;
        margin-left: -6px;
    }

    .product .pro-item img {
        width: 155px;
        height: auto;
    }

    .home-con {
        width: 524px;
    }

    .product-sec {
        padding: 0px 40px 20px;
        margin: 0 auto;
        width: 550px;
    }

    .product .pro-item img {
        width: 150px;
        height: auto;
    }

    .product-sec .pro {
        width: 533px;
        height: 105px;
    }

    .prod-name {
        margin: -86px 0 0 160px;
        width: 363px;
    }

    .home-con h1 {
        font-size: 46px;
    }

    .slider-content {
        width: 618px;
    }

    .productheader {
        font-size: 50px;
        line-height: 50px;
        padding-bottom: 20px;
    }

    .productname {
        font-size: 50px;
        line-height: 50px;
        padding-bottom: 20px;
        width: 600px;
    }

    .scrollable .items > div img {
        margin-bottom: -60px;
    }

    img.prod-img-m {
        margin-left: 113px;
        margin-top: 20px;
    }

    .mobile-sec {
        width: 600px;
    }

    .prod-img-m {
        width: 360px;
        height: auto;
    }

    .not-in-mobile1 {
        display: none;
    }

    .only-mobile .paddbot-m {
        padding-bottom: 10px;
    }

    .footer-text {
        width: 578px;
        margin: 0 auto;
        padding: 20px 0 0;
    }

    .superior-deposit1 {
        width: 400px;
    }


    /* global website leaving lightbox*/
    .box {
        left: 8%;
    }

    .box2 {
        left: 8%;
    }

    /* global website leaving lightbox ends*/
    /*-----------FREE TRIAL CSS starts here---------------*/
    .ft-img {
        padding: 0;
        margin: 0 auto;
        width: 283px;
    }

    .ft-section {
        padding-top: 109px;
    }

    .freetrial {
        padding-left: 0px;
        width: 534px;
        margin: 0 auto;
    }

    .start-ft-header {
        width: 562px;
        text-align: center;
        font-size: 34px;
        border-bottom: 1px solid #D7DEED;
        padding: 10px 0;
    }

    .eyefile {
        padding-left: 0px;
        width: 534px;
        margin: 0 auto;
    }

    .ft-text {
        font-size: 18px;
        padding-top: 40px;
        padding-bottom: 25px;
    }

    .ft-gradient {
        width: 768px;
    }

    .ft-button {
        padding-bottom: 50px;
    }

    /*-----------FREE TRIAL CSS ends here---------------*/
    /*-----------NTC CSS starts here---------------*/
    .ntc-section {
        float: none;
        margin: 0 auto 0 30px;
        padding-top: 110px;
        width: 576px;
    }

    .empty-header {
        width: 243px;
    }

    .ntc-header {
        padding-bottom: 24px;
    }

    .ntc-section table {
        width: 552px;
    }

    .top-gradient-ntc {
        width: 552px;
    }

    .bottom-gradient-ntc {
        width: 552px;
    }

    /*-----------NTC CSS ends here---------------*/
    /*-----------ISI CSS starts here---------------*/
    .isi-section {
        width: 580px;
        padding: 70px 0 40px;
    }

    .isi-header h1 {
        font-size: 30px;
        border-bottom: 1px solid #D3DEEC;
        padding: 0 25px 20px;
    }

    .isi-bold {
        line-height: 20px;
        padding: 15px 25px;
        font-size: 13px
    }

    .isi-normal {
        line-height: 20px;
        padding: 0px 25px 15px;
        font-size: 13px
    }


    .isi-ul3 {
        font-size: 13px;
    }

    ul.isi-ul3 li {
        padding: 5px 0;
    }

    /*-----------ISI CSS ends here---------------*/
    /*-----------404 page CSS starts here---------------*/
    .section-404 {
        width: 510px;
    }

    .header-404 h1 {
        font-size: 35px;
        padding: 100px 0px 20px;
        border-bottom: 1px solid #D3DEEC;
        text-align: center;
    }

    .content-404 {
        padding: 20px 25px 500px;
    }

    /*-----------404 page CSS ends here---------------*/
    /*-----------Site Map css starts here---------------*/
    .sitemap-section {
        width: 510px
    }

    .sitemap-header h1 {
        font-size: 30px;
        padding: 110px 0px 10px 0px;
        text-align: center;
    }

    .sitemap-hr {
        background: #D3DEEC;
        width: 510px;
    }

    .sitemap-content ul.sub-links li {
        margin: 5px 0 0 7px;
    }

    .sitemap-content ul.main-links li a, .sitemap-content ul.sub-links li a {
        color: #F2AB3D;
    }

    /*-----------Site Map CSS ends here---------------*/
    /*-----------Browser Error page css starts here---------------*/
    .browser-err {
        width: 575px;
        padding-bottom: 100px;
    }

    .be-header {
        border-bottom: 1px solid #D3DEEC;
    }

    .be-header h1 {
        font-size: 54px;
        padding: 130px 30px 22px;
        text-align: center;
    }

    .be-content p {
        font-size: 24px;
        padding: 22px 30px 0;
    }

    .be-content p.paddt10 {
        padding: 10px 0 0 0;
        text-align: center;
    }

    .be-content a {
        color: #FBAF3F;
    }

    ul.browsers {
        width: 505px;
        padding: 50px 0;
        margin: 0 auto;
    }

    .browsers li {
        width: 100px
    }

    .browsers li a {
        width: 85px;
        font-size: 14px;
    }

    .browsers li a img {
        width: 80px;
        height: 80px;
    }

    .be-hr {
        width: 85px;
    }

    /*-----------Browser Error page CSS ends here---------------*/
    /*-------------FOOTER CSS Starts------------------*/
    .legal-tab {
        width: 578px;
    }

    /*-------------FOOTER CSS ends------------------*/
    /*-------------------------- FAQ CSS starts here------------------------- */
    .faq-head {
        width: 475px;
        padding-top: 61px;
    }

    .faq-head h1 {
        font-size: 30px;
        margin: 0;
        text-align: center;
        padding-bottom: 7px;
    }

    .faq-head p {
        font-size: 15px;
        padding-top: 15px;
        margin: 0;
        line-height: 20px;
        border-top: 1px solid #D7DEED;
    }

    .accordion {
        margin-top: 18px;
        width: auto;
    }

    .accord-header {
        background-size: 26px 13px;
    }

    .accord-header a {
        font-size: 20px;
        padding: 20px 140px 20px 82px;
    }

    .accord-content h2 {
        font-size: 15px;
        padding: 13px 90px 0 105px;
    }

    .accord-content p {
        font-size: 14px;
        padding: 5px 90px 0 105px;
    }

    .accord-content ul {
        margin-left: 120px;
        margin-right: 80px;
    }

    .accord-content ul li {
        font-size: 11px;
        line-height: 15px;
    }

    .bottom-gradient {
        border-bottom: 1px solid #E7ECEC;
        padding-bottom: 20px;
    }

    .sub-table {
        width: 500px;
        margin: 10px auto 0;
        margin-left: 59px;
    }

    .accord-images {
        width: 500px;
        margin-left: 61px;
    }

    .faq-subtable {
        margin-left: 100px;
    }

    .faq-accordimages {
        margin-left: 100px;
    }

    .accord-images div {
        width: 237px;
        overflow: hidden;
    }

    .accord-images div img {
        width: 100%;
    }

    /*-------------------------- FAQ CSS ends here-------------------------*/
    /*-----------Search CSS starts here---------------*/
    .search-results {
        height: auto;
        padding: 75px 0px 51px;
        width: 600px;
        margin: 0 auto;

    }

    .static-header {
        font-size: 27px;
        text-align: center;
        padding-bottom: 20px;
    }

    .isi-brk {
        display: block;
    }

    #cse {
        width: 87%;
        margin: 0 auto;
    }

    .search-text {
        text-align: center;
        margin: 0 auto;
        margin-bottom: 8px;
        padding-bottom: 16px;
        width: 574px;
    }

    /*-----------Search CSS ends here---------------*/
    /* PRODUCT FAQ CSS starts here */
    .prod-faq .faq-aqua-header {
        width: 570px;
        margin: 0 auto;
        border-bottom: 1px solid #DBDBDB;
    }

    .prod-faq .faq-aqua-header h1 {
        margin: 0 35px;
        padding: 70px 0 21px 0;
    }

    .prod-faq .faq-aqua {
        width: 570px;
        margin: 0 auto;
    }

    .faq-quest {
        padding: 15px 35px 10px 60px;
    }

    .prod-faq .faq-ans p {
        padding: 0px 35px 0px 61px;
    }

    .faq-ans .accord4-tbl, .faq-ans .accord6-tbl, .faq-ans .accord5-tbl, .faq-ans .accord7-tbl {
        width: 480px;
        margin: 20px auto 0;
        float: none;
    }

    .faq-ans .accord4-tbl .top .head, .faq-ans .accord4-tbl .bottom .head, .faq-ans .accord6-tbl .top .head, .faq-ans .accord6-tbl .bottom .head, .faq-ans .accord4-tbl .row, .faq-ans .accord6-tbl .row, .faq-ans .accord5-tbl .row, .faq-ans .accord5-tbl .top .head, .faq-ans .accord5-tbl .bottom .head, .faq-ans .accord7-tbl .top .head, .faq-ans .accord7-tbl .bottom .head, .faq-ans .accord7-tbl .row {
        width: 460px;
    }

    .faq-ans .accord4-tbl .row .row-left, .faq-ans .accord6-tbl .row .row-left {
        width: 205px;
    }

    .faq-ans .accord4-tbl .row .row-right, .faq-ans .accord6-tbl .row .row-right {
        width: 200px;
    }

    .faq-ans .accord7-tbl .row .row-left {
        width: 200px;
    }

    .faq-ans .accord7-tbl .row .row-right {
        width: 205px;
    }

    .faq-ans .accord5-tbl .row .row-right {
        width: 130px;
    }

    .prod-faq .faq-ans ul li {
        width: 420px;
    }

    /* PRODUCT FAQ CSS ends here */

}

/*Mobile common styles below 639*/
@media only screen and (max-width: 639px) {
    .header {
        height: auto;
    }

    .prod-lenscare-container {
        width: 100%;
    }

    .arrow-button .blue-bg {
        padding: 0 10px 0px 10px !important;
        display: block;
    }

    .nav ul li a {
        line-height: 40px;
        font-size: 16px;
    }

    .header-active .logo {
        top: 40px;
    }

    .logo img {
        width: 90px;
        margin-top: 0;
        margin-left: -4px;
    }

    .logo-wrap {
        height: 40px;
    }

    .menu-btn {
        margin: 5px 0 0;
        height: 40px;
        font-size: 13px;
    }

    .menu-btn strong {
        height: 22px;
        line-height: 25px;
        border-width: 1px !important;
        font-size: 16px;
        margin-top: 0px;
    }

    .menu-btn span {
        width: 25px;
        height: 21px;
        margin-left: 5px;
        margin-top: 5px;
        background-size: 11px 6px;
        border-width: 1px;
    }

    .header-active .menu-btn span {
        background-size: 13px 8px;
    }

    .home-con-m {
        padding: 90px 20px 20px;
    }

    h1 {
        font-size: 30px;
    }

    .product .pro-title, .nav-c {
        font-size: 18px;
    }

    /* .nav-m-li ul li a {font-size:12px; line-height:40px;} */
    .products-area .product-sec .clear {
        display: block;
    }

    .footer, .footer-shadow, .bg1, .bg2, .bg3, .bg4, .bg5, .bg6, .bg7, .bg8 {
        display: none;
    }

    .product {
        width: auto;
    }

    .products-area {
        margin-bottom: 0px;
    }

    .scroll-down-arrow {
        height: 25px;
    }

    .cancel2 {
        margin-left: 0px;
    }

}

/*Mobile 2 */
@media only screen and (min-width: 480px) and (max-width: 639px) {
    .supDAGfordektop {
        font-family: quicksandregular;
        top: -0.7em;
    }

    .prod-lenscare-container {
        width: 100%;
    }

    .supREGfordektop {
        font-family: arial;
        font-size: 14px;
        top: -1.2em
    }

    .only-mobile2 {
        display: block;
    }

    .not-in-mobile2 {
        display: none;
    }

    .wrap {
        width: auto;
        padding-bottom: 15px;
    }

    .product .pro-title {
        padding: 20px 15px 0px;
    }

    .header .wrap {
        width: 100%;
        margin: 0px auto;
    }

    .home-con {
        width: 412px;
        margin-top: 82px;
    }

    .home-con h1 {
        font-size: 34px;
        line-height: 36px;
    }

    .home-con p {
        font-size: 16px;
    }

    .nav-c {
        display: block;
    }

    .product-sec {
        padding: 0 20px 20px;
        margin: 0 auto;
        width: 430px;
    }

    .product .pro-item img {
        width: 110px;
        height: auto;
    }

    .productheader {
        padding-top: 20px;
    }

    .productname {
        line-height: 30px;
        width: 435px;
    }

    .prod-slider-wrap {
        width: 457px;
    }

    .scrollable {
        width: 457px;
    }

    .scrollable .items > div {
        width: 457px;
    }

    .scrollable .items > div img {
        width: 315px;
    }

    .prod-slider-wrap .prev, .prod-slider-wrap .next {
        top: 118px;
    }

    .prod-slider-wrap .next {
        right: 10px;
    }

    .prod-slider-wrap .prev {
        left: 13px;
    }

    .slider-content {
        padding: 0 20px;
        width: 420px;
    }

    .scrollable .items > div img {
        margin-bottom: -60px;
    }

    .lenses {
        margin: 30px auto 0;
        width: 425px;
    }

    .lense-sug {
        width: 400px;
    }

    .margtt-m {
        margin-top: 20px;
    }

    .margt-m {
        margin-top: 11px;
    }

    .arrow-button .blue-bg {
        padding: 10px 125px;
    }

    .comp-button .blue-bg {
        padding: 10px 104px;
    }

    .blue-bg {
    }

    .comp-lense {
        margin-top: 20px;
    }

    .mobile-sec {
        width: 440px;
    }

    .prod-img-m {
        width: 315px;
        height: auto;
        margin-left: 56px;
        margin-top: 10px;
    }

    .prev-prod, .next-prod, .prod-before, .end-prod {
        top: 189px;

    }

    .prev-prod {
        left: 28px;
    }

    .next-prod {
        right: 28px;
    }

    .prod-before {
        background-position: 0 -70px;
        left: 11px;
    }

    .end-prod {
        right: 15px;
    }

    .prod-scrolldown {
        margin-left: 191px;
        margin-top: -21px;
        width: 40px;
    }

    .m-pad-bot {
        padding-bottom: 20px;
    }

    .m-pad-bot2 {
        padding-bottom: 20px;
    }

    .m-pad-bot3 {
        padding-bottom: 30px;
    }

    .astig-img1 {
        width: 366px;
    }

    .superior-deposit1 {
        width: 400px;
    }

    .astig-img1 {
        margin-left: 23px;
    }

    /* global website leaving lightbox*/
    .box {
        left: 27px;
        width: 405px;
    }

    .eyefile-popup-header {
        font-size: 22px;
        margin-bottom: 10px;
        padding-top: 10px;
    }

    .eyefile-popup-text {
        font-size: 13px;
        padding-bottom: 10px;
    }

    .eyefile-popup-text2 {
        font-size: 15px;
    }

    .popupbody {
        padding: 10px;
    }

    .eyefile-popup-btn a {
        font-size: 18px;
    }

    .eyefile-popup-btn .blue-bg {
        padding: 10px 110px;
    }

    .eyefile-popup-btn .free-trial-button {
    }

    .box2 {
        left: 27px;
        width: 405px;
    }

    .ext-popup-header {
        font-size: 22px;
        margin-bottom: 10px;
        padding-top: 10px;
    }

    .ext-popup-text {
        font-size: 13px;
        padding-bottom: 10px;
    }

    .ext-popup-text2 {
        font-size: 15px;
    }

    .popupbody2 {
        padding: 10px;
    }

    .ext-popup-btn a {
        font-size: 15px;
    }

    .ext-popup-btn .blue-bg {
    }

    .ext-popup-btn .free-trial-button {
        margin-right: 5px;
    }

    /* global website leaving lightbox ends*/
    /*-----------FREE TRIAL CSS starts here---------------*/
    .ft-img {
        padding: 0;
        margin: 0 auto;
        width: 213px;
    }

    .ft-section {
        padding-top: 45px;
    }

    .freetrial {
        padding-left: 0px;
        width: 430px;
        margin: 0 auto;
    }

    .start-ft-header {
        width: 430px;
        text-align: center;
        font-size: 40px;
        border-bottom: 1px solid #D7DEED;
        padding: 13px 0;
        line-height: 43px;
    }

    .eyefile {
        padding-left: 0px;
        width: 430px;
        margin: 0 auto;
    }

    .ft-text {
        font-size: 18px;
        padding-top: 40px;
        padding-bottom: 10px;
    }

    .ft-gradient {
        width: 768px;
    }

    .ft-button {
        padding-bottom: 50px;
        margin: 0 auto;
        width: 378px;
    }

    .ft-button .blue-bg {
    }

    .ft-button .free-trial-button {
    }

    .eyefile-text {
        font-size: 18px;
        line-height: 20px;
        padding-bottom: 17px;
        padding-top: 26px;
    }

    .eyefile ul {
        font-size: 18px;
        line-height: 20px;
    }

    /*-----------FREE TRIAL CSS ends here---------------*/
    /*-----------NTC CSS starts here---------------*/
    .ntc-section {
        float: none;
        margin: 0 auto;
        padding-top: 50px;
        width: 440px;
    }

    .ntc-header {
        padding-bottom: 20px;
    }

    .ntc-table-header {
        font-size: 18px;
    }

    .empty-header {
        width: 456px;
    }

    .ntc-table {
        padding-top: 35px;
    }

    .ntc-section table {
        width: 416px;
    }

    .scrollbar-req-table {
        height: 198px !important;
    }

    .scrollbar-req-table tr {
        height: 66px;
    }

    .top-gradient-ntc {
        width: 415px;
    }

    .bottom-gradient-ntc {
        width: 415px;
    }

    .ntc-buttons {
        margin: 0 auto;
        margin-top: 23px;
        width: 360px;
    }

    .ntc-buttons .free-trial-button {
        background: url("../images/imageSprite.png") no-repeat scroll right -69px #F09C1A;
        clear: both;
    }

    .ntc-buttons .comp-button {
        background: url("../images/imageSprite.png") no-repeat scroll right -33px #F09C1A;
        margin-top: 25px;
        clear: both;
    }

    .ntc-buttons .faq-button {
        background: url("../images/imageSprite.png") no-repeat scroll right -214px #F09C1A;
        margin-top: 25px;
        margin-bottom: 40px;
        clear: both;
    }

    .ntc-buttons .blue-bg {
        font-size: 18px;
        line-height: 40px;
    }

    .ntc-buttons .free-trial-button .blue-bg {
        padding: 10px;
    }

    .ntc-buttons .comp-button .blue-bg {
        padding: 10px 56px;
    }

    .ntc-buttons .faq-button .blue-bg {
        padding: 10px 99px;
    }

    .ntc-buttons-m {
        margin: 0 auto;
        width: 381px;
    }

    .ntc-img {
        width: 359px;
    }

    /*-----------NTC CSS ends here---------------*/
    /*-----------ISI CSS starts here---------------*/
    .isi-section {
        width: 430px;
        padding: 45px 0 40px;
    }

    .isi-header h1 {
        font-size: 27px;
        padding: 0 15px 15px;
        border-bottom: 1px solid #D3DEEC;
    }

    .isi-bold {
        line-height: 20px;
        padding: 15px 15px 8px 15px;
        font-size: 13px
    }

    .isi-normal {
        line-height: 20px;
        padding: 0px 15px 15px;
        font-size: 13px
    }

    .isi-ul3 {
        font-size: 13px;
    }

    ul.isi-ul3 li {
        padding: 5px 0;
    }

    /*-----------ISI CSS ends here---------------*/
    /*-----------404 page CSS starts here---------------*/
    .section-404 {
        width: 428px;
    }

    .header-404 h1 {
        font-size: 27px;
        padding: 70px 30px 15px;
        border-bottom: 1px solid #D3DEEC;
        text-align: center;
    }

    .content-404 {
        padding: 15px 20px 300px;
        font-size: 12px;
    }

    /*-----------404 page CSS ends here---------------*/
    /*-----------Site Map css starts here---------------*/
    .sitemap-section {
        width: 428px
    }

    .sitemap-header h1 {
        font-size: 27px;
        padding: 45px 0px 15px 0px;
        text-align: center;
    }

    .sitemap-hr {
        background: #D3DEEC;
        width: 428px;
    }

    .sitemap-content ul.main-links li {
        margin-top: 15px;
    }

    .sitemap-content ul.sub-links li {
        margin: 5px 0 0 7px;
    }

    .sitemap-content ul.main-links li a {
        color: #F2AB3D;
    }

    .sitemap-content ul.sub-links li a {
        color: #F2AB3D;
    }

    .sitemap-content {
        font-size: 13px;
        padding: 0px 18px 100px;
    }

    /*-----------Site Map CSS ends here---------------*/
    /*-----------Browser Error page css starts here---------------*/
    .browser-err {
        width: 430px;
        padding-bottom: 75px;
    }

    .be-header {
        border-bottom: 1px solid #D3DEEC;
    }

    .be-header h1 {
        font-size: 30px;
        padding: 75px 20px 15px;
        text-align: center;
    }

    .be-content p {
        font-size: 13px;
        padding: 15px 20px 0;
        line-height: 20px;
    }

    .be-content p.paddt10 {
        padding: 10px 0 0 0;
        text-align: center;
        font-size: 15px;
    }

    .be-content a {
        color: #FBAF3F;
    }

    ul.browsers {
        width: 380px;
        padding: 38px 0;
        margin: 0 auto;
    }

    .browsers li {
        width: 75px
    }

    .browsers li a {
        width: 66px;
        font-size: 11px;
    }

    .browsers li a img {
        width: 60px;
        height: 60px;
    }

    .be-hr {
        width: 66px;
    }

    /*-----------Browser Error page CSS ends here---------------*/
    /* PRODUCT FAQ CSS starts here */
    .prod-faq .faq-aqua-header {
        width: 430px;
        margin: 0 auto;
        border-bottom: 1px solid #DBDBDB;
    }

    .prod-faq .faq-aqua-header h1 {
        margin: 0 10px;
        padding: 25px 0 10px;
        font-size: 27px;
    }

    .prod-faq .faq-aqua {
        width: 430px;
        margin: 0 auto;
    }

    .faq-quest {
        padding: 10px 10px 5px 38px;
    }

    .prod-faq .faq-ans p {
        padding: 0px 10px 0px 38px;
    }

    /* PRODUCT FAQ CSS starts here */
    /*-------------FOOTER CSS Starts------------------*/
    .legal-tab {
        width: 460px;
    }

    .footer-text {
        width: 460px;
    }

    /*-------------FOOTER CSS ends------------------*/
    /*-------------------------- FAQ CSS starts here------------------------- */
    .faq-head {
        width: 360px;
        padding-top: 40px;
    }

    .accordion {
        width: auto;
        margin-top: 18px;
    }

    .faq-head h1 {
        font-size: 27px;
        text-align: center;
        margin: 0;
        padding: 0 65px 10px;
        line-height: 32px;
    }

    .faq-head p {
        font-size: 12px;
        padding-top: 15px;
        margin: 0;
        line-height: 17px;
        border-top: 1px solid #D7DEED;
    }

    .accord-header {
        background-position: 86% center;
    }

    .accord-header a {
        padding: 20px 120px 20px 60px;
        font-size: 16px;
    }

    .bottom-gradient {
        border-bottom: 1px solid #E7ECEC;
        padding-bottom: 20px;
    }

    .accord-content h2 {
        font-size: 11px;
        padding: 13px 65px 0 77px;
        line-height: 17px;
    }

    .accord-content p {
        font-size: 11px;
        line-height: 20px;
        padding: 5px 65px 0 75px;
    }

    .accord-content ul {
        margin-left: 90px;
        margin-right: 70px;
    }

    .accord-content ul li {
        font-size: 11px;
        line-height: 16px;
    }

    .sub-table {
        width: 398px;
        margin: 10px 0 10px 31px;
    }

    .sub-table tr td {
        padding: 1px 5px;
    }

    .accord-images {
        width: 390px;
        float: left;
        margin-left: 33px;
    }

    .accord-images div {
        width: 190px;
        overflow: hidden;
    }

    .accord-images div img {
        width: 100%;
    }

    .faq-subtable {
        margin: 10px 0 10px 70px;
        font-size: 11px;
    }

    .faq-accordimages {
        margin-left: 70px;
    }

    .accord4-tbl, .accord5-tbl, .accord6-tbl, .accord7-tbl {
        width: 245px;
        margin: 10px auto 7.5px;
        float: none;
    }

    .accord4-tbl, .accord5-tbl, .accord6-tbl, .accord7-tbl {
        width: 245px;
        margin: 20px auto 7.5px;
    }

    .accord4-tbl .top .head, .accord5-tbl .top .head, .accord4-tbl .bottom .head, .accord5-tbl .bottom .head, .accord6-tbl .bottom .head, .accord6-tbl .top .head, .accord7-tbl .top .head, .accord7-tbl .bottom .head {
        width: 232px;
        font-size: 12px;
        padding: 8px 0 8px 10px;
    }

    .accord4-tbl .row, .accord5-tbl .row, .accord6-tbl .row, .accord7-tbl .row {
        font-size: 11px;
        padding-left: 10px;
        width: 232px;
    }

    .accord4-tbl .row .row-left, .accord7-tbl .row .row-left, .accord6-tbl .row .row-left {
        padding: 8px 5px 8px 0;
        width: 102px;
    }

    .accord4-tbl .row .row-right, .accord6-tbl .row .row-right, .accord7-tbl .row .row-right {
        padding: 8px 5px 8px 10px;
        width: 102px;
    }

    .overley-brk {
        display: none;
    }

    .paddtb16 {
        padding: 8px 0px 8px 10px;
    }

    .height48 {
        height: 48px;
    }

    .height24 {
        height: 24px;
    }

    .height36 {
        height: 36px;
    }

    .height64 {
        height: 72px;
    }

    .height110 {
        height: 168px;
    }

    .accord5-tbl .row .row-middle, .accord5-tbl .row .row-right {
        width: 62px;
        padding: 8px 2.5px 8px 10px;
    }

    .accord5-tbl .row .row-left {
        width: 70px;
        padding: 8px 2.5px 8px 0px;
    }

    .faq-table {
        display: none;
    }

    .accord7-tbl .top .head .left {
        width: 225px;
    }

    .accord7-tbl .top .head .right {
        width: 75px;
        padding: 8.5px 0 0 10px;
    }

    .prod-faq .faq-ans ul li {
        width: 327px;
    }

    /*	-------------------------- FAQ CSS ends here-------------------------*/
    /*-----------Search CSS starts here---------------*/
    .search-results {
        height: auto;
        padding: 20px;
        padding-bottom: 51px;
        padding-top: 30px;
        width: 415px;

    }

    .static-header {
        font-size: 54px;
        text-align: center;
    }

    #cse {
        width: 87%;
        margin: 0 auto;
    }

    .search-text {
        text-align: center;
        margin: 0 auto;
        margin-bottom: 8px;
        padding-bottom: 16px;
        width: 406px;
    }

    /*-----------Search CSS ends here---------------*/
    .cp-footer {
        margin: auto;
        width: 460px;
    }

    /* ---------------------------- Comapre Products ------------------ */
    .content-fl {
        padding: 7px 7px 30px 7px;
        width: auto;
    }

    .quote-end {
        margin-left: 430px;
    }

    .for-devices {
        width: 100%;
    }

    .content-rt {
        float: none;
        padding: 0;
        width: 100%;
    }

    .for-devices1 {
        width: 100%;
    }

    .arrow-button .blue-bg {
        padding: 10px 62px;
    }

    .formob-btn {
        padding: 10px 125px !important;
    }

    .box-small {
        padding: 20px 55px 30px;
    }

    .box-big {
        padding: 20px 55px;
    }
}

/*Mobile 3*/
@media only screen and (max-width: 479px) {
    .prod-lenscare-container {
        width: 100%;
    }

    /* .sup21{font-size:13px; top: -3px;} */
    .supDAGfordektop {
        font-family: quicksandregular;
        top: -0.7em;
    }

    .supREGfordektop {
        font-family: arial;
        font-size: 11px;
        top: -1.2em
    }

    .sup10 {
        top: -3px;
    }

    .logo img {
        width: 90px;
        margin-top: 0;
        margin-left: -4px;
    }

    .wrap {
        width: auto;
        padding-bottom: 15px;
    }

    .product .pro-title {
        font-size: 12px;
    }

    .header .wrap {
        width: 100%;
        margin: 0px auto;
    }

    .only-mobile3 {
        display: block;
    }

    .home-con {
        width: 280px;
        margin-top: 82px;
    }

    .home-con h1 {
        font-size: 23px;
        line-height: 28px;
    }

    .home-con p {
        padding-top: 2px;
        font-size: 12px;
    }

    .prod-name a {
        line-height: 18px;
    }

    .prod-name a.saparatelineheight {
        line-height: 18px;
    }

    .nav ul li a {
        font-size: 16px;
        line-height: 32px;
    }

    .nav ul li a:hover, .nav ul li a.active, .nav ul li a.active:hover {
        border-bottom: 1px solid #FFFFFF;
    }

    .menu-btn strong {
        font-size: 16px;
    }

    .product-sec {
        padding: 0 20px 20px;
        margin: 0 auto;
        width: 280px;
    }

    .product .pro-title {
        padding: 10px 17px 10px;
    }

    .product .pro-item img {
        width: 77px;
        height: auto;
    }

    .product-sec img {
        height: auto;
        width: 90px;
    }

    img.prod-arrow { /*background:url("../images/arrow1.png") no-repeat;display: block;*/
        height: 18px;
        width: 7px;
        margin-top: 0;
        position: absolute;
        margin-left: 10px;
    }

    img.prod1-arrow { /*background:url("../images/arrow1.png") no-repeat;display: block;*/
        height: 18px;
        width: 7px;
        margin-top: 0;
        position: absolute;
        margin-left: 10px;
    }

    img.prod2-arrow { /*background:url("../images/arrow1.png") no-repeat;display: block;*/
        height: 18px;
        width: 7px;
        margin-top: 0;
        position: absolute;
        margin-left: 10px;
    }

    img.prod3-arrow { /*background:url("../images/arrow1.png") no-repeat;display: block;*/
        height: 18px;
        width: 7px;
        margin-top: 0;
        position: absolute;
        margin-left: 10px;
    }

    img.prod4-arrow { /*background:url("../images/arrow1.png") no-repeat;display: block;*/
        height: 18px;
        width: 7px;
        margin-top: 0;
        position: absolute;
        margin-left: 10px;
    }

    img.prod5-arrow {
        margin: 0px 0px 0px 7px;
    }

    img.prod6-arrow, img.prod7-arrow {
        width: 7px;
        margin: 0px 0px 0px 7px;
        position: absolute;
    }

    .product-sec .pro {
        height: 70px;
        width: 270px;
    }

    .prod-name {
        margin: -67px 0 0 100px;
        width: 170px;
    }

    .prod-name a {
        font-size: 12px;
    }

    .prod-slider-wrap {
        width: 316px;
    }

    .productheader {
        font-size: 18px;
    }

    .productname {
        font-size: 21px;
        width: 267px;
        line-height: 24px;
    }

    .scrollable {
        width: 316px;
    }

    .scrollable .items > div {
        width: 316px;
    }

    .scrollable .items > div img {
        width: 200px;
    }

    .prod-slider-wrap .prev, .prod-slider-wrap .next {
        top: 79px;
    }

    .prod-slider-wrap .next {
        right: 9px;
    }

    .prod-slider-wrap .prev {
        left: 22px;
    }

    .slider-content {
        padding: 0 20px;
        width: 270px;
    }

    .scrollable .items > div img {
        margin-bottom: -20px;
    }

    .prev img, .next img {
        width: 20px;
        height: auto;
    }

    .prod-slider-wrap .prev, .prod-slider-wrap .next {
        background: url("../images/slider-nav.png") no-repeat scroll 0 0 / 25px auto transparent;
        -webkit-background-size: 25px 142px;
        height: 47px;
    }

    .prod-slider-wrap .prev {
        background-position: 0;
    }

    .prod-slider-wrap .prev.disabled, .prod-slider-wrap .next.disabled {
        background-position: 0 -100px;
    }

    .scroll-down-arrow a {
        background: url("../images/scroll-down.png") no-repeat scroll 0 0 / 29px auto transparent;
        -webkit-background-size: 25px 25px;
        width: 31px;
        height: 33px;
    }

    .productdesc {
        font-size: 13px;
        line-height: 15px;
    }

    h2.productdesc {
        font-size: 15px;
        line-height: 20px;
    }

    ul.productdesc.video-thumb a img {
        margin-right: 5px;
    }

    ul.productdesc.video-thumb a {
        font-size: 12px;
        line-height: 18px;
    }

    .lenses {
        margin: 0 auto;
        width: 285px;

    }

    .margtt-m {
        margin-top: 20px;
    }

    .margt-m {
        margin-top: 11px;
    }

    .arrow-button .blue-bg {
        padding: 10px 56px;
    }

    .comp-button .blue-bg {
        font-size: 12px;
        padding: 10px 51px;
    }

    .blue-bg {

    }

    .lense-sug {
        width: 233px;
    }

    .comp-lense {
        margin-top: 20px;
    }

    .find-lense {
        margin-top: 20px;
    }

    .mobile-sec {
        margin: 81px auto 20px auto;
        width: 280px;
    }

    .mobile-sec-faq {
        margin: auto;
        width: 280px;
    }

    .prod-img-m {
        display: block;
        float: none;
        height: auto;
        margin: auto;
        width: 215px;
        margin-top: 10px;
    }

    img.superior-deposit {
        width: 260px;
    }

    .prev-prod, .next-prod, .prod-before, .end-prod {
        background: url("../images/slider-nav.png") no-repeat scroll 0 0 / 25px auto transparent;
        -webkit-background-size: 25px 142px;
        height: 47px;
        top: 125px;
    }

    .prev-prod {
        background-position: 0 -96px;
    }

    .prod-before {
        background-position: 0 -47px;
        left: 11px;
    }

    .prev-prod {
        left: 15px;
    }

    .next-prod {
        right: 2px;
    }

    .end-prod {
        background-position: 0 -96px;
        right: 2px;
    }

    .prod-scrolldown {
        margin-left: 122px;
        margin-top: -17px;
        width: 32px;
    }

    .m-pad-bot {
        padding-bottom: 10px;
    }

    .m-pad-bot2 {
        padding-bottom: 10px;
    }

    .astig-img1 {
        width: 221px;
        margin-left: 30px;
    }

    .superior-deposit1 {
        width: 260px;
    }

    .faq-head {
        width: 240px;
        padding-top: 40px;
    }

    .faq-head h1 {
        font-size: 27px;
        text-align: center;
        line-height: 32px;
        margin: 0;
        padding: 0 8px 7px;
    }

    .border-m {
        border-top: 1px solid #D7DEED;
    }

    .faq-head p {
        font-size: 12px;
        padding-top: 15px;
        margin: 0px;
        line-height: 15px;
        border-top: 1px solid #D7DEED;
    }

    .accordion {
        width: auto;
        margin-top: 18px;
    }

    .accord-header {
        background-position: 90% center;
    }

    .accord-header a {
        padding: 15px 70px 15px 40px;
        font-size: 16px;
    }

    .bottom-gradient {
        border-bottom: 1px solid #E7ECEC;
    }

    .accord-content h2 {
        font-size: 11px;
        padding: 13px 35px 0 56px;
        line-height: 17px;
    }

    .accord-content p {
        font-size: 11px;
        line-height: 20px;
        padding: 5px 45px 0 55px;
    }

    .accord-content ul li {
        font-size: 10px;
        line-height: 15px;
    }

    .accord-content ul {
        margin-left: 68px;
        margin-right: 35px;
    }

    .sub-table {
        width: 240px;
        margin-left: 31px;
    }

    .sub-table tr td {
        padding: 5px;
    }

    .accord-images {
        width: 242px;
        margin-left: 31px;
    }

    .accord-images div {
        width: 116px;
        overflow: hidden;
    }

    .accord-images div img {
        width: 100%;
    }

    .faq-subtable {
        margin-left: 57px;
        font-size: 11px;
    }

    .faq-accordimages {
        margin-left: 53px;
    }

    .accord4-tbl, .accord5-tbl, .accord6-tbl, .accord7-tbl {
        width: 245px;
        margin: 20px auto 0 33px;
        font-size: 11px;
    }

    .accord4-tbl .top .head, .accord5-tbl .top .head, .accord4-tbl .bottom .head, .accord5-tbl .bottom .head, .accord6-tbl .bottom .head, .accord6-tbl .top .head, .accord7-tbl .top .head, .accord7-tbl .bottom .head {
        width: 232px;
        font-size: 12px;
        padding: 8px 0 8px 10px;
    }

    .accord4-tbl .row, .accord5-tbl .row, .accord6-tbl .row, .accord7-tbl .row {
        font-size: 11px;
        padding-left: 10px;
        width: 232px;
    }

    .accord4-tbl .row .row-left, .accord7-tbl .row .row-left, .accord6-tbl .row .row-left {
        padding: 8px 5px 8px 0;
        width: 102px;
    }

    .accord4-tbl .row .row-right, .accord6-tbl .row .row-right, .accord7-tbl .row .row-right {
        padding: 8px 5px 8px 10px;
        width: 102px;
    }

    .paddtb16 {
        padding: 8px 0px 8px 10px;
    }

    .height48 {
        height: 48px;
    }

    .height24 {
        height: 24px;
    }

    .height36 {
        height: 36px;
    }

    .height64 {
        height: 72px;
    }

    .height110 {
        height: 168px;
    }

    .accord5-tbl .row .row-middle, .accord5-tbl .row .row-right {
        width: 62px;
        padding: 8px 2.5px 8px 10px;
    }

    .accord5-tbl .row .row-left {
        width: 70px;
        padding: 8px 2.5px 8px 0px;
    }

    .faq-table {
        display: none;
    }

    .accord7-tbl .top .head .left {
        width: 215px;
    }

    .accord7-tbl .top .head .right {
        width: 75px;
        padding: 8.5px 0 0 10px;
    }

    br.faq-break {
        display: block;
    }

    .faq-prod, .accr2 {
        width: 320px;
    }

    .accr2 .accord-header {
        background-position: 90% center;
    }

    .accr2 .accord-header a {
        padding: 20px 70px 20px 40px;
    }

    .accr2 .accord-content p {
        padding: 5px 40px 0;
    }

    /* PRODUCT FAQ CSS starts here */
    .prod-faq .faq-aqua-header {
        width: 285px;
        margin: 0 auto;
        border-bottom: 1px solid #DBDBDB;
    }

    .prod-faq .faq-aqua-header h1 {
        margin: 0 15px;
        padding: 40px 0 20px 0;
        font-size: 25px;
        line-height: 28px;
    }

    .prod-faq .faq-aqua {
        width: 285px;
        margin: 0 auto;
    }

    .faq-quest {
        padding: 15px 5px 5px 23px;
    }

    .prod-faq .faq-quest a {
        font-size: 15px;
        line-height: 20px;
        padding-left: 17px;
    }

    .prod-faq .faq-ans p {
        padding: 0px 5px 0px 30px;
    }

    .prod-faq .faq-ans ul li {
        width: 188px;
    }

    /* PRODUCT FAQ CSS starts here */
    /*-------------FOOTER CSS Starts------------------*/
    .legal-tab {
        width: 280px;
        padding-top: 20px;
    }

    .footer-text {
        width: 280px;
    }

    /*-------------FOOTER CSS ends------------------*/
    /*-----------NTC CSS starts here---------------*/
    .ntc-section {
        float: none;
        margin: 0 auto;
        padding-top: 43px;
        width: 280px;
    }

    .ntc-header {
        font-size: 27px;
        padding-bottom: 15px;
    }

    .ntc-normal {
        font-size: 11px;
    }

    .ntc-table-header {
        font-size: 12px;
        width: 277px;
        line-height: 13px;
    }

    th.ntc-table-header2 {
        width: 77px;
    }

    .column1 {
        font-size: 11px;
    }

    .empty-header {
        width: 1044px;
    }

    .ntc-table {
        padding-top: 35px;
    }

    .ntc-section table {
        width: 256px;
    }

    .scrollbar-req-table {
        height: 198px !important;
    }

    .scrollbar-req-table tr {
        height: 66px;
    }

    .top-gradient-ntc {
        width: 255px;
    }

    .bottom-gradient-ntc {
        width: 255px;
    }

    .ntc-buttons {
        width: 279px;
    }

    .ntc-buttons .free-trial-button {
    }

    .ntc-buttons .comp-button {
        margin-top: 25px;
    }

    .ntc-buttons .faq-button {
        margin-top: 25px;
        margin-bottom: 40px;
    }

    .ntc-buttons .blue-bg {
        font-size: 13px;
        line-height: 34px;
    }

    .free-trial-button .blue-bg {
        padding: 10px;
    }

    .ntc-buttons .comp-button .blue-bg {
        padding: 10px 42px;
    }

    .ntc-buttons .faq-button .blue-bg {
        padding: 10px 102px;
    }

    .ntc-buttons-m {
        margin: 0 auto;
        width: 251px;
    }

    .ntc-img {
        width: 238px;
    }

    .ntc-buttons-m a {
        margin-top: 12px;
    }

    /*-----------FREE TRIAL CSS starts here---------------*/
    .ft-img {
        padding: 0;
        margin: 0 auto;
        width: 142px;
    }

    .ft-section {
        padding-top: 40px;
    }

    .freetrial {
        padding-left: 0px;
        width: 280px;
        margin: 0 auto;
    }

    .start-ft-header {
        width: 280px;
        text-align: center;
        font-size: 27px;
        border-bottom: 1px solid #D7DEED;
        padding: 10px 0;
        line-height: 34px;
    }

    .eyefile {
        padding-left: 0px;
        width: 280px;
        margin: 0 auto;
    }

    .ft-text {
        font-size: 13px;
        padding-bottom: 10px;
        padding-top: 12px;
        line-height: 18px;
    }

    .ft-gradient {
        width: 768px;
    }

    .ft-button {
        padding-bottom: 50px;
        margin: 0 auto;
    }

    .ft-button .blue-bg {
        font-size: 13px;
        line-height: 33px;
    }

    .ft-button .free-trial-button {
    }

    .eyefile-text {
        font-size: 13px;
        line-height: 18px;
        padding-bottom: 17px;
        padding-top: 26px;
    }

    .eyefile ul {
        font-size: 13px;
        line-height: 18px;
    }

    /*-----------FREE TRIAL CSS ends here---------------*/
    /*-----------NTC CSS ends here---------------*/
    /*-----------Search CSS starts here---------------*/
    .search-results {
        height: auto;
        padding: 20px;
        padding-bottom: 51px;
        padding-top: 30px;
        width: 278px;

    }

    .static-header {
        font-size: 31px;
        text-align: center;
    }

    #cse {
        width: 87%;
        margin: 0 auto;
    }

    .search-text {
        text-align: center;
        margin: 0 auto;
        margin-bottom: 8px;
        padding-bottom: 16px;
        width: 267px;
    }

    /*-----------Search CSS ends here---------------*/
    /*-----------404 page CSS starts here---------------*/
    .section-404 {
        width: 280px;
    }

    .header-404 h1 {
        font-size: 27px;
        padding: 45px 0px 10px;
        text-align: center;
        border-bottom: 1px solid #D3DEEC;
    }

    .content-404 {
        padding: 10px 12px 200px;
        font-size: 12px;
        line-height: 18px;
    }

    /*-----------404 page CSS ends here---------------*/
    /*-----------Site Map css starts here---------------*/
    .sitemap-section {
        width: 280px
    }

    .sitemap-header h1 {
        font-size: 27px;
        padding: 38px 0px 10px 0px;
        text-align: center;
    }

    .sitemap-hr {
        background: #D3DEEC;
        width: 280px;
    }

    .sitemap-content ul.main-links li {
        margin-top: 12px;
        font-size: 13px;
    }

    .sitemap-content ul.sub-links li {
        margin: 5px 0 0 7px;
        font-size: 12px;
    }

    .sitemap-content ul.sub-links li a, .sitemap-content ul.main-links li a {
        color: #F2AB3D;
    }

    .sitemap-content {
        padding: 0px 12px 100px;
    }

    /*-----------Site Map CSS ends here---------------*/
    /*-----------Browser Error page css starts here---------------*/
    .browser-err {
        width: 285px;
        padding-bottom: 50px;
    }

    .be-header {
        border-bottom: 1px solid #D3DEEC;
    }

    .be-header h1 {
        font-size: 27px;
        padding: 45px 13px 10px;
        text-align: center;
    }

    .be-content p {
        font-size: 12px;
        padding: 15px 13px 0;
        line-height: 17px;
    }

    .be-content p.paddt10 {
        padding: 7px 0 0 0;
        text-align: center;
        font-size: 12px;
    }

    .be-content a {
        color: #FBAF3F;
    }

    ul.browsers {
        width: 255px;
        padding: 30px 0;
        margin: 0 auto;
    }

    .browsers li {
        width: 50px
    }

    .browsers li a {
        width: 45px;
        font-size: 9px;
    }

    .browsers li a img {
        width: 40px;
        height: 40px;
    }

    .be-hr {
        width: 42px;
    }

    /*-----------Browser Error page CSS ends here---------------*/
    .isi-section {
        width: 280px;
        padding: 45px 0 40px;
    }

    .isi-header h1 {
        font-size: 27px;
        padding: 0 15px 15px;
        border-bottom: 1px solid #D3DEEC;
    }

    .isi-bold {
        line-height: 20px;
        padding: 15px 15px 8px;
        font-size: 13px
    }

    .isi-normal {
        line-height: 20px;
        padding: 0px 15px 8px;
        font-size: 13px
    }

    .isi-ul3 {
        font-size: 13px;
    }

    ul.isi-ul3 li {
        padding: 5px 0;
    }

    /*-----------Search CSS ends here---------------*/
    .cp-footer {
        margin: auto;
        width: 280px;
    }

    /* global website leaving lightbox*/
    .box {
        left: 13px;
        width: 273px;
    }

    .eyefile-popup-header {
        font-size: 22px;
        margin-bottom: 10px;
        padding-top: 10px;
    }

    .eyefile-popup-text {
        font-size: 13px;
        padding-bottom: 10px;
    }

    .eyefile-popup-text2 {
        font-size: 15px;
    }

    .popupbody {
        padding: 10px;
    }

    .eyefile-popup-btn {
        padding-top: 0;
    }

    .eyefile-popup-btn a {
        font-size: 15px;
    }

    .eyefile-popup-btn .blue-bg {
        padding: 10px 50px;
    }

    .eyefile-popup-btn .free-trial-button {
    }

    .box2 {
        left: 15px;
        width: 275px;
    }

    .ext-popup-header {
        font-size: 22px;
        margin-bottom: 10px;
        padding-top: 10px;
    }

    .ext-popup-text {
        font-size: 13px;
        padding-bottom: 10px;
    }

    .ext-popup-text2 {
        font-size: 15px;
    }

    .popupbody2 {
        padding: 10px;
    }

    .ext-popup-btn {
        padding-top: 0;
    }

    .ext-popup-btn a {
        font-size: 15px;
    }

    .ext-popup-btn .blue-bg {
        padding: 10px 50px;
    }

    .ext-popup-btn .cancel2 .blue-bg {
        padding: 10px 53px;
    }

    .ext-popup-btn .free-trial-button {
    }

    /* global website leaving lightbox ends*/
    .content-fl {
        float: none;
        padding: 5px 5px 25px 5px;
        width: auto;
    }

    .content-fl h1 {
        font-size: 14px;
    }

    .content-fl h1 span {
        font-size: 39px;
    }

    .content-fl h2 {
        font-size: 12px;
        width: 83%;
        line-height: 16px;
    }

    .for-devices {
        width: 100%;
    }

    .content-fl p {
        font-size: 11px;
        width: 83%;
        line-height: 13px;
    }

    .content-rt {
        float: none;
        padding: 0;
        width: 100%;
    }

    .for-devices1 {
        width: 100%;
    }

    .content-rt a {
        margin-left: 19px;
    }

    .arrow-button .blue-bg {
        font-size: 12px;
        padding: 10px 15px;
        white-space: nowrap;
    }

    .formob-btn {
        padding: 10px 67px !important;
    }

    .boxes {
        width: 100%;
    }

    .box-small {
        padding: 20px 25px 20px 38px;
        height: 198px;
    }

    .box-big {
        padding: 20px 10px 20px 38px;
        height: 280px;
    }

    .box-big a {
        top: 50px;
    }

    .prodImg {
        width: 100%;
    }

    .quote-end {
        margin-left: 282px;
        margin-top: -24px;
    }
}

@media (max-width: 414px) {
    .arrow-button .blue-bg {
        padding: 0px 3px !important;
    }

    .product-sec .product-sec-title {
        width: 280px;
    }
}

/*AO-960 Update Added CSS Begins Here*/
.nb {
    white-space: nowrap;
    word-wrap: break-word;
}

.product-sec-title {
    width: 465px;
    margin: 0 auto;
    text-align: center;
    height: 43px;
    background-color: #1f3384;
    line-height: 43px;
    font-family: 'QuicksandBold', Arial, sans-serif;
    font-size: 22px;
    color: #fff;
    box-shadow: 0px 2px 33px rgba(52, 89, 134, 0.55);
    z-index: 9999;
    position: relative;
}

.prod-lenscare-container {
    width: 390px;
    margin: 0 auto;
}

.prod-lenscare {
    display: inline-block;
    width: 191px;
    position: relative;
}

/*.prod-lenscare-title {width:190px;position:absolute;top:220px;left:15px;color:#00529b !important;}

	.prod-lenscare-title:hover {color:#28c6f4 !important;}*/
.prod-lenscare-title {
    margin-top: 20px;
}

.prod-lenscare-secimage {
    width: auto !important;
}

.prod-lenscare-arrow {
    height: 18px;
    width: 7px;
    margin-top: 0;
    position: absolute;
    margin: 3px 0 0 5px;
}

.prod-menu img {
    width: 80px;
}

.prod-menu img.prod-menu-vert {
    width: 50px;
    padding-left: 17px;
}

.prod-menu img.current-prod.prod-menu-vert {
    height: auto;
}

.visible-desktop {
    display: block;
}

.prod-subtitle {
    width: auto;
}

.prod-no-leftmargin {
    margin-left: 0;
}

.prod-optifree-ref {
    margin-top: 40px;
}

.productdesc.video-thumb a.optifree-vid1:hover {
    background-position: 0 -602px;
}

.productdesc.video-thumb a.optifree-vid1 {
    background-position: 0 -646px;
}

.opti-clear-promolink {
    font-size: 13px;
    line-height: 17px;
}

ul.productdesc.video-thumb li.prod-mob-vidthumb {
    height: 40px;
}


@media only screen and (max-width: 479px) {
    .prod-lenscare-container {
        width: 100%;
    }

    .nw-mgn {
        margin-top: 0px !important;
    }

    .prod-lenscare-title {
        margin-top: 0;
    }

    .visible-desktop {
        display: none;
    }

    ul.productdesc.video-thumb li.prod-mob-vidthumb {
        height: 50px;
    }

}

@media only screen and (min-width: 480px) and (max-width: 639px) {
    .prod-lenscare-container {
        width: 100%;
    }

    .nw-mgn {
        margin-top: 0px !important;
    }

    .prod-lenscare-title {
        margin-top: 0;
    }

    .visible-desktop {
        display: none;
    }

}

@media only screen and (max-width: 639px) {
    .prod-lenscare-container {
        width: 100%;
    }

    .nw-mgn {
        margin-top: 0px !important;
    }

    .prod-lenscare-title {
        margin-top: 0;
    }

    .visible-desktop {
        display: none;
    }
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
    .prod-lenscare-container {
        width: 100%;
    }

    .nw-mgn {
        margin-top: 0px !important;
    }

    .prod-lenscare-title {
        margin-top: 0;
    }

    .visible-desktop {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .prod-lenscare-container {
        width: 100%;
    }

    .nw-mgn {
        margin-top: 0px !important;
    }

    .prod-lenscare-title {
        margin-top: 0;
    }

    .visible-desktop {
        display: none;
    }

    .ao_desktop {
        display: block;
    }

    .ao_tablet {
        display: none;
    }

    .ao_mobile {
        display: none !important;
    }

    .references .breat_ref li {
        padding-right: 0;
    }
}

@media only screen and (max-width: 979px) {
    .prod-lenscare-container {
        width: 100%;
    }

    .nw-mgn {
        margin-top: 0px !important;
    }

    .prod-lenscare-title {
        margin-top: 0;
    }

    .visible-desktop {
        display: none;
    }
}

@media only screen  and (min-device-width: 768px)   and (max-device-width: 1024px)   and (orientation: portrait)  and (-webkit-min-device-pixel-ratio: 1) {

    .prod-lenscare-container {
        width: 100%;
    }

    .nw-mgn {
        margin-top: 0px !important;
    }

    .prod-lenscare-title {
        margin-top: 0;
    }

    .visible-desktop {
        display: none;
    }

}

@media only screen and (min-width: 980px) and (max-height: 768px) {

    ul.productdesc.video-thumb a.optifree-vid1 {
        margin-right: 0;
    }
}

/*Video Popup*/
.videoPopUp {
    display: none;
    width: 977px;
    height: 550px;
    position: absolute;
    z-index: 9999999;
}

.videoPopUp iframe {
    width: 977px;
    height: 550px;
}

.overlay1 {
    position: fixed;
    width: 100%;
    height: 100%;
    float: left;
    top: 0;
    left: 0;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 1000000;
    background-color: #000000;
    display: none;
}

.closeIcon {
    float: right;
    width: 45px;
    height: 40px;
    background: url('https://airoptix.com/images/close_icon.jpg');
    cursor: pointer;
}

/*Video Popup*/

/*AO-960 Update Added CSS Ends Here*/
.lightfont .sup21 {
    font-size: 45%;
    top: -.8em;
    top: -1.1em \0/ IE9;
}

.faq-ans sup {
    top: -0.6em \0/ IE9;
}

.supREGfordektop {
    top: -0.45em;
    top: -0.6em \0/ IE9;
}

.aquathree {
    top: -0.3em;
    font-size: 50%;
    top: -0.5em \0/ IE9;
    font-size: 55% \0/ IE9;
}

.productdesc .popup-icon2 sup {
    top: -0.65em \0/ IE9;
}

.productheader sup {
    top: -0.55em \0/ IE9;
}

.productdesc sup {
    top: -0.55em \0/ IE9;
}

.productfooter li sup {
    top: -0.7em \0/ IE9;
}

.productdesc .boldfont sup {
    top: -0.6em \0/ IE9;
}

.productdesc .clearone1 {
    top: -0.3em \0/ IE9;
}

.productdesc .clearspc {
    top: -0.6em \0/ IE9;
}

.dark_blue_txt sup {
    top: -0.45em;
    top: -0.55em \0/ IE9;
}

.products-area p sup {
    top: -0.55em \0/ IE9;
}

img.prod5-arrow {
    margin: 3px 0 0 0px \0/ IE9;
}

.accord-content ul.faq-footer li sup, .faq-wrap .faqparsup {
    top: -0.65em \0/ IE9;
}

.faq-wrap .supyes {
    font-size: 80% \0/ IE9;
    top: -0.45em \0/ IE9 !important;
}

.supyes_sup {
    top: -5px;
}

@media only screen and (max-width: 736px) {
    .p4 .prodname4 sup, .p5 .prodname5 sup, .p1 .prodname1 sup {
        font-size: 60%;
        top: -0.4em;
    }

    .ntc-section p sup {
        top: -0.5em;
    }
}

@media only screen and (max-width: 1024px) {
    .faq-quest a sup {
        top: -0.45em;
    }

    .footer-text sup, .home-con p.regularfont sup {
        top: -0.55em;
    }

    .prodname4 sup, .prodname5 sup, .prodname1 sup {
        font-size: 45%;
        top: -0.75em;
    }

    .footer-content sup {
        top: -0.55em;
    }

    .dark_blue_txt sup {
        top: -0.6em;
    }

    .overlay-content p sup {
        top: -0.4em;
    }

    .prod-wrap h1 sup {
        top: -0.5em;
    }

    .prod-wrap p sup {
        top: -0.55em;
    }

    .cs_txt sup {
        top: -0.55em;
    }

    .ntc-section sup {
        top: -0.6em;
    }

    .faq-head sup, .faq-wrap sup {
        top: -0.45em;
    }

    .faq-wrap p sup {
        top: -0.55em;
    }

    .accord6-tbl sup, .isi-section sup {
        top: -0.5em;
    }
}

.supfourcont {
    top: -0.3em;
}

.ao_desktop {
    display: block;
}

.padd_bot20 {
    padding-bottom: 20px;
}

/*media query for iphone 4 ans 4s both modes */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {
    .sup10 {
        top: -3px !important;
        position: relative;
    }

    .supIp4 {
        top: -3px !important;
        position: relative;
    }
}

.faq_sup {
    font-size: 11px;
    top: -1px;
    top: -1px \0/ IE9 !important;
}

.prod_refer_foot {
    font-size: 11px;
    line-height: 13px;
}

ul.prod_refer_foot li {
    list-style: none;
    padding-top: 13px;
}

/*Tablet css */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .tab_prod_refer_foot {
        width: 610px;
        margin: auto;
        clear: both;
    }

    .ao_tablet {
        display: none;
    }

    .references .breat_ref li {
        padding-right: 10px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .ao_tablet {
        display: none;
    }
}

.sliderText {
    width: 615px;
    margin: 150px auto 56px auto;
    text-align: center;
}

.sliderText h1 {
    font-family: 'FuturaBT-Book';
    color: #1d3383;
    font-size: 41px;
}

.sliderText h2 {
    font-family: 'FuturaBT-Book';
    color: #1d3383;
    font-size: 41px;
}

.sliderText h3 {
    font-family: 'FuturaBT-Book';
    color: #1d3383;
    font-size: 25px;
    letter-spacing: 2px;
}

.sliderText a h4 {
    font-family: 'FuturaBT-Light';
    color: #92bce1;
    font-size: 16px;
    margin-top: 8px;
    background: url("../images/arrow-link.jpg") no-repeat 68% 5px;
}

.slider-banner {
    margin-top: 0 !important;
}

.slider-para-content .second.capline {
    font-family: 'FuturaBT-Book';
    color: #80b1dd;
    font-size: 30px;
    text-transform: uppercase;
}

.slider-para-content p {
    border-top: none;
}

p.second {
    border-top: none;
}

.third.capline {
    font-family: 'FuturaBT-Book';
    color: #354790;
    font-size: 18px;
    margin: 20px 0 45px 0;
    line-height: 1.49;

}

.arrow_text.extend {
    padding-left: 17px;
    padding-right: 20px;
}

span.arrow_text.extend {
    width: 183px !important;
}

.faq-head p.ecp sup, .faq-wrap sup, .faq-wrap a sup.supColors {
    top: -4px \0/ IE9;
    font-family: arial;
}

.faq-head p.ecp sup, .faq-wrap a sup {
    top: -6px \0/ IE9;
    font-family: arial;
}

dt.accord-header span.spacLetter {
    margin-left: 1px;
}

/*.ie.home-page .slide-content .third sup{top:-0.6em;}
.home-page.hydra h2 sup{top: -0.6em\0/IE9!important;}
.home-page.hydra sup.hydra_ie{top: -0.7em\0/IE9!important;}*/