/******** New Layout Font *******/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*font-family: 'Montserrat', sans-serif;*/

/******** New Layout Font *******/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}
/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}
/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif
    /* 1 */
    
    -webkit-text-size-adjust: 100%;
    /* 2 */
    
    -ms-text-size-adjust: 100%;
    /* 2 */
}
/*
 * Removes default margin.
 */

body {
    margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}
/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}
/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}
/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}
/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}
/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}
/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}
/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0;
    /* 1 */
    
    padding: 0;
    /* 2 */
}
/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit;
    /* 1 */
    
    font-size: 100%;
    /* 2 */
    
    margin: 0;
    /* 3 */
}
/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}
/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    
    cursor: pointer;
    /* 3 */
}
/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}
/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    
    padding: 0;
    /* 2 */
}
/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    
    box-sizing: content-box;
}
/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto;
    /* 1 */
    
    vertical-align: top;
    /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* ============================================ *
 * Reset
 * ============================================ */

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /* Prevent tap highlight on iOS/Android */
    
    -webkit-text-size-adjust: 100%;
    /* Prevent automatic scaling on iOS */
}
body {
    background: #FFFFFF;
    color: #000000;
    line-height: 1;
}
html,
body,
img,
fieldset,
abbr,
acronym {
    border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}
th,
code,
cite,
caption {
    font-weight: normal;
    font-style: normal;
    text-align: left;
}
address {
    font-style: normal;
}
fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
img {
    display: block;
}
ol,
ul {
    list-style: none;
}
q:before,
q:after {
    content: '';
}
input:focus,
input[type="search"]:focus {
    outline-offset: -2px;
}
input[type="search"] {
    -webkit-appearance: none;
    /* 1 */
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* 2 */
    
    box-sizing: border-box;
}
/* ============================================ *
 * Base Styles
 * ============================================ */

@-ms-viewport {
    width: device-width;
}
@-o-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}
a,
button {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
body,
button,
input,
select,
table,
textarea {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    color: #000;
    /*font-size: 14px;*/
    
    font-size: .9em;
    line-height: 1.7;
}
a {
    color: #3399cc;
    text-decoration: none;
}
a:hover {
    color: #2e8ab8;
    text-decoration: underline;
}
a:focus {
    outline-color: #3091c2;
    color: #143d52;
}
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* ============================================ *
 * Typography
 * ============================================ */

h1,
.h1 {
    margin: 0;
    margin-bottom: 0.7em;
    color: #3399cc;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    /*font-size: 28px;*/
    font-size: 1.6em;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
}
h2,
.h2 {
    margin: 0;
    margin-bottom: 0.5em;
    color: #636363;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 1.4em;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
}
h3,
.h3 {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
}
h4,
.h4 {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
}
h5,
.h5 {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif font-size: 13px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
}
h6,
.h6 {
    margin: 0;
    margin-bottom: 5px;
    color: #636363;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif font-size: 12px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
}
/* ============================================ *
 * Shared Classes
 * ============================================ */

.address-list address {
    margin-bottom: 1em;
}
.availability {
    margin-bottom: 0;
    font-size: 13px;
    text-transform: uppercase;
}
.availability .label {
    display: none;
}
.availability.in-stock {
    color: #11b400;
}
.availability.available-soon,
.availability.out-of-stock {
    color: #df280a;
}
.availability-only {
    color: #df280a;
    margin-bottom: 10px;
}
/* -------------------------------------------- *
 * Page Titles
 */

.page-title h1,
.page-title h2,
.product-name h1,
.product-name .h1 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    color: #636363;
    border-bottom: 1px solid #ededed;
    padding-bottom: 3px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
/* -------------------------------------------- *
 * Block Module
 */

.block,
.col-left-first {
    margin-bottom: 20px;
}
.col-left-first .block:last-of-type {
    margin-bottom: 0;
}
.block-title {
    position: relative;
    padding: 10px 0 0;
    margin-bottom: 5px;
    border-top: 1px solid #cccccc;
}
.block-title h2,
.block-title h3,
.block-title strong {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
    color: #3399cc;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
}
.block-title small {
    font-size: 100%;
    font-weight: normal;
    color: #a0a0a0;
}
body:not(.customer-account) .block:first-child .block-title {
    border-top: none;
    padding-top: 0;
}
.block-subtitle {
    font-weight: bold;
    margin-bottom: 7px;
}
.block-content {
    margin-top: 5px;
}
.block-content.unpad {
    padding: 0;
}
.block-content li.item {
    margin: 0 0 10px 9px;
}
.block-content li.item:last-child {
    margin-bottom: 0;
}
.block .actions {
    margin: 10px 0 0;
}
.block .actions:after {
    content: '';
    display: table;
    clear: both;
}
.block .actions a {
    float: left;
}
.block .actions .button {
    float: right;
}
.col-left .block .actions .button ~ a,
.col-right .block .actions .button ~ a {
    line-height: 33px;
    margin-right: 5px;
}
@media only screen and (max-width: 770px) {
    .sidebar .block:not(.block-layered-nav) {
        margin-bottom: 0;
    }
    .sidebar .block:not(.block-layered-nav) .block-title {
        padding: 0;
        margin-top: 0;
        border-bottom: none;
        border-top: none;
        margin-bottom: 0;
    }
    .sidebar .block:not(.block-layered-nav) .block-title > strong {
        margin: 0;
        margin-bottom: 10px;
        color: #636363;
        font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        line-height: 1.4;
        text-rendering: optimizeSpeed;
        text-transform: uppercase;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none;
        font-weight: normal;
        margin-bottom: 0px;
        padding: 7px 10px 7px 24px;
        border-width: 1px;
        border-style: solid;
        border-color: #cccccc;
        position: relative;
        background-color: #f4f4f4;
        display: block;
        width: 100%;
        cursor: pointer;
        border-bottom: 0;
    }
    .sidebar .block:not(.block-layered-nav) .block-title > strong:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #3399cc;
        border-right: none;
        left: 10px;
        top: 50%;
        margin-top: -3px;
    }
    .sidebar .block:not(.block-layered-nav) .block-title > strong:hover {
        background-color: #ececec;
    }
    .sidebar .block:not(.block-layered-nav) .block-title.active > strong {
        margin: 0;
        margin-bottom: 10px;
        color: #636363;
        font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        line-height: 1.4;
        text-rendering: optimizeSpeed;
        text-transform: uppercase;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none;
        font-weight: normal;
        margin-bottom: 0px;
        padding: 7px 10px 7px 24px;
        border-width: 1px;
        border-style: solid;
        border-color: #cccccc;
        position: relative;
        background-color: #f4f4f4;
    }
    .sidebar .block:not(.block-layered-nav) .block-title.active > strong:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 4px solid #3399cc;
        border-bottom: none;
        left: 10px;
        top: 50%;
        margin-top: -3px;
    }
    .sidebar .block:not(.block-layered-nav) .block-title.active > strong:hover {
        background-color: #ececec;
    }
    .sidebar .block:not(.block-layered-nav) .block-content {
        padding: 10px;
        margin-top: 0;
        border-width: 0 1px;
        border-style: solid;
        border-color: #cccccc;
    }
    .sidebar .block:last-of-type {
        border-bottom: 1px solid #cccccc;
    }
}
/* -------------------------------------------- *
 * Secondary Navigation
 */

.block-account .block-title,
.block-cms-menu .block-title {
    padding-top: 0;
    border-top: none;
}
.block-account li,
.block-cms-menu li {
    text-transform: uppercase;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    margin: 7px 0;
}
.block-account li strong,
.block-cms-menu li strong {
    font-weight: 400;
    color: #3399cc;
}
.block-account li a,
.block-cms-menu li a {
    color: #636363;
}
.block-account li a:hover,
.block-cms-menu li a:hover {
    color: #3399cc;
}
/* ============================================ *
 * Buttons
 * ============================================ */
/* Secondary Buttons */

.cart .buttons-set .button,
.cart-table .button,
.sidebar .actions .button,
.button.button-secondary {
    background: #dddddd;
    color: #636363;
    padding: 7px 15px;
}
.cart .buttons-set .button:hover,
.cart-table .button:hover,
.sidebar .actions .button:hover,
.button.button-secondary:hover {
    background: #d0d0d0;
    cursor: pointer;
}
.cart .buttons-set .button:active,
.cart-table .button:active,
.sidebar .actions .button:active,
.button.button-secondary:active {
    background: #c4c4c4;
    color: #636363;
}
.cart .buttons-set .button:focus,
.cart-table .button:focus,
.sidebar .actions .button:focus,
.button.button-secondary:focus {
    color: #636363;
    background: #c4c4c4;
    outline: none;
}
.sidebar .actions button.button {
    white-space: normal;
}
/* Primary Buttons */

.button,
.cart-table .product-cart-actions .button,
#co-shipping-method-form .buttons-set .button,
.footer .button {
    background: #3399cc;
    display: inline-block;
    padding: 7px 15px;
    border: 0;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}
.button:hover,
.cart-table .product-cart-actions .button:hover,
#co-shipping-method-form .buttons-set .button:hover,
.footer .button:hover {
    background: #2e8ab8;
    cursor: pointer;
}
.button:active,
.cart-table .product-cart-actions .button:active,
#co-shipping-method-form .buttons-set .button:active,
.footer .button:active {
    background: #297aa3;
    color: #FFFFFF;
}
.button:focus,
.cart-table .product-cart-actions .button:focus,
#co-shipping-method-form .buttons-set .button:focus,
.footer .button:focus {
    background-color: #297aa3;
    outline: none;
    color: #FFFFFF;
}
a.button {
    text-decoration: none;
}
a.button:hover {
    color: #FFFFFF;
}
/* Disabled - class for anchor, state for form elements */

.button.disabled,
.button:disabled {
    background: #C8C8C8;
    opacity: 0.6;
    cursor: not-allowed;
}
/* Adjacent buttons */

.button + .button {
    margin-left: 5px;
}
.button2 {
    border: 0;
    padding: 0 5px;
    margin: 0;
    background: transparent;
    cursor: pointer;
    vertical-align: middle;
}
.button2:focus {
    outline: none;
}
.button2 span,
.button2 span span {
    line-height: 30px;
    height: 30px;
    text-decoration: underline;
    text-transform: uppercase;
    display: inline-block;
    color: #3399cc;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.button2 span:hover,
.button2 span span:hover {
    text-decoration: none;
    color: #246b8f;
}
@media only screen and (max-width: 770px) {
    .col2-set .buttons-set .button,
    .col2-set .buttons-set .button2 {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .col2-set .buttons-set .back-link {
        display: none;
    }
    .col2-set .buttons-set .required {
        display: none;
    }
}
@media only screen and (max-width: 479px) {
    .buttons-set .button {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 7px;
    }
    .buttons-set .back-link {
        display: none;
    }
    .buttons-set .required {
        display: none;
    }
}
/* -------------------------------------------- *
 * Paypal Button
 */

.paypal-logo.paypal-after {
    float: left;
}
.paypal-after .paypal-or {
    float: left;
}
.paypal-or {
    line-height: 34px;
    margin: 0px 10px 5px;
}
.paypal-after .paypal-button {
    float: left;
}
.paypal-button {
    line-height: 0px;
}
.paypal-button img {
    display: inline;
}
@media only screen and (max-width: 740px) {
    .paypal-or {
        line-height: 20px;
    }
    .paypal-logo,
    .paypal-or,
    .paypal-button {
        text-align: center;
        width: 100%;
        display: block;
        margin-right: 0;
        margin-left: 0;
        float: none;
    }
}
/* -------------------------------------------- *
 * Button Sets
 */

.buttons-set {
    clear: both;
    margin: 10px 0 0;
    padding-top: 10px;
   /* border-top: 1px solid #ededed;*/
    text-align: right;
}
.buttons-set p.required {
    margin: 0;
    margin-left: 10px;
    line-height: 33px;
    float: right;
}
.buttons-set .back-link {
    float: left;
    margin: 0;
    line-height: 33px;
}
.buttons-set a:not(.button) {
    line-height: 20px;
    display: inline-block;
    padding: 5px;
}
.buttons-set button.button {
    float: left;
    margin-left: 5px;
    min-width: 140px;
}
.buttons-set:after {
    content: '';
    display: table;
    clear: both;
}
/* -------------------------------------------- *
 * Icons
 */

.icon-sprite,
.btn-remove2,
.ratings .rating-box,
.ratings .rating-box .rating,
.sorter > .sort-by .sort-by-switcher,
.sorter > .view-mode .grid,
.sorter > .view-mode .list,
.skip-nav .icon,
.skip-search .icon,
#search_mini_form .search-button:before,
.skip-account .icon,
.skip-cart .icon,
.product-view .sharing-links a,
.review-summary-table .rating-box .rating-number:after,
.ratings-table .rating-box,
.ratings-table .rating-box .rating {
    background-image: url(../images/icon_sprite.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2),
(min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 4 / 2),
(min-device-pixel-ratio: 2),
(min-resolution: 192dpi),
(min-resolution: 2dppx) {
    .icon-sprite,
    .btn-remove2,
    .ratings .rating-box,
    .ratings .rating-box .rating,
    .sorter > .sort-by .sort-by-switcher,
    .sorter > .view-mode .grid,
    .sorter > .view-mode .list,
    .skip-nav .icon,
    .skip-search .icon,
    #search_mini_form .search-button:before,
    .skip-account .icon,
    .skip-cart .icon,
    .product-view .sharing-links a,
    .review-summary-table .rating-box .rating-number:after,
    .ratings-table .rating-box,
    .ratings-table .rating-box .rating {
        background-image: url(../images/icon_sprite@2x.png);
        background-size: 100px 1000px;
    }
}
/* -------------------------------------------- *
 * Breadcrumbs
 */

.breadcrumbs {
    overflow: hidden;
    margin: -15px 0 15px;
    background-color: #dbdbdb;
    border-radius: 4px;
    padding: 10px 20px
}
.breadcrumbs li {
    float: left;
    font-size: 12px;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    text-transform: uppercase;
}
.breadcrumbs a {
    float: left;
    color: #3399cc;
}
.breadcrumbs a:hover {
    color: #000;
    text-decoration: none
}
.breadcrumbs strong {
    color: #000;
    font-weight: normal;
}
.breadcrumbs span {
    float: left;
    padding: 0 7px;
}
@media only screen and (max-width: 770px) {
    .breadcrumbs {
        display: none;
    }
}
/* -------------------------------------------- *
 * Button - Remove / Previous
 */

.btn-remove,
.btn-previous {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #ededed;
    text-align: center;
    /* Hide text */
    
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    position: relative;
}
.btn-remove:hover,
.btn-previous:hover {
    background-color: #3399cc;
    border-color: #3399cc;
}
.btn-remove:after {
    content: 'X';
    color: #3399cc;
    height: 20px;
    line-height: 20px;
    width: 100%;
    font-size: 10px;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-weight: bold;
}
.btn-remove:hover:after {
    color: #FFFFFF;
    text-decoration: none;
}
.btn-remove2 {
    background-position: 4px -648px;
    border: none;
    vertical-align: top;
}
.btn-remove2:after {
    display: none;
}
.btn-remove2:hover {
    background-color: transparent;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}
.btn-previous:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #3399cc;
    border-left: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2px;
    margin-top: -4px;
}
.btn-previous:hover:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid white;
    border-left: none;
}
.block-layered-nav .currently .btn-remove,
.block-layered-nav .currently .btn-previous,
.mini-products-list .btn-remove,
.mini-products-list .btn-previous,
#compare-items .btn-remove,
#compare-items .btn-previous {
    float: right;
    margin-left: 6px;
}
/* -------------------------------------------- *
 * Checkout Agreements
 */

.checkout-agreements li {
    margin-bottom: 20px;
}
.checkout-agreements .agreement-content {
    overflow-y: auto;
    max-width: 670px;
    max-height: 125px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #cccccc;
    background: #f4f4f4;
}
/* -------------------------------------------- *
 * CVV Security Code
 */

.cvv-what-is-this {
    margin-left: 10px;
    font-size: 13px;
    line-height: 24px;
}
/* -------------------------------------------- *
 * Container
 */

.main-container,
.footer-container {
    position: relative;
    /*max-width: 1260px;*/
    
    max-width: 1360px;
    margin: 0 auto;
    padding: 15px;
}
.main-container:after,
.footer-container:after {
    content: '';
    display: table;
    clear: both;
}
@media only screen and (min-width: 480px) {
    .main-container,
    .footer-container {
        padding: 0 30px 30px;
    }
}
.footer-container {
    padding-top: 0px;
}
/* -------------------------------------------- *
 * Column Layouts
 */

.main:after,
.col-wrapper:after {
    content: '';
    display: table;
    clear: both;
}
.col-left,
.col-right,
.col-main {
    padding: 0 10px;
}
.col-left {
    float: left;
    width: 25%;
    padding-left: 0;
    /* Remove the 15px padding */
    
    clear: left;
}
.col-left img {
    max-width: 100%;
}
.col-right {
    float: right;
    width: 25%;
    padding-right: 0;
    /* Remove the 15px padding */
}
.col-right img {
    max-width: 100%;
}
.col-main {
    float: left;
    width: 75%;
}
.col1-layout .col-main {
    float: none;
    width: auto;
    padding: 0;
    /* Remove the 15px padding */
}
.col2-left-layout .col-main {
    float: right;
    padding-right: 0;
    /* Remove the 15px padding */
}
.col2-right-layout .col-main {
    padding-left: 0;
    /* Remove the 15px padding */
}
.col3-layout .col-right {
    width: 20.83333%;
}
.col3-layout .col-wrapper {
    float: left;
    width: 79.16667%;
}
.col3-layout .col-wrapper .col-main {
    float: right;
    width: 73.68421%;
}
.col3-layout .col-wrapper .col-left {
    width: 26.31579%;
}
@media only screen and (max-width: 1000px) {
    .col3-layout .col-right {
        float: left;
        clear: left;
        padding-left: 0;
        padding-right: 10px;
        width: 25%;
    }
    .col3-layout .col-wrapper {
        float: right;
        width: 100%;
    }
    .col3-layout .col-wrapper .col-main {
        float: right;
        width: 75%;
    }
    .col3-layout .col-wrapper .col-left {
        width: 25%;
    }
}
@media only screen and (max-width: 770px) {
    .col-left,
    .col-right,
    .col-main,
    .col1-layout .col-left,
    .col1-layout .col-right,
    .col1-layout .col-main,
    .col2-left-layout .col-left,
    .col2-left-layout .col-right,
    .col2-left-layout .col-main,
    .col2-right-layout .col-left,
    .col2-right-layout .col-right,
    .col2-right-layout .col-main,
    .col3-layout .col-wrapper .col-left,
    .col3-layout .col-right,
    .col3-layout .col-wrapper .col-main {
        padding: 0;
        margin-bottom: 10px;
        float: none;
        width: auto;
    }
    .col3-layout .col-wrapper {
        float: none;
        width: auto;
    }
    .col-main {
        float: none;
        width: auto;
    }
    .col-main .col-left {
        padding: 0;
        /* On product listing pages, the left column gets moved inside col-main on small viewports */
    }
}
/* Content Columns */

.col2-set {
    width: 100%;
}
.col2-set .col-1,
.col2-set .col-2 {
    width: 50%;
    padding: 20px;
}
@media only screen and (max-width: 770px) {
    .col2-set .col-1,
    .col2-set .col-2 {
        padding: 10px;
    }
}
.col2-set .col-1 {
    float: left;
    padding-left: 0;
}
.col2-set .col-2 {
    float: right;
    padding-right: 0;
}
@media only screen and (max-width: 479px) {
    .col2-set .col-1,
    .col2-set .col-2 {
        float: none;
        width: auto;
        border: 0;
        padding-right: 0;
        padding-left: 0;
    }
}
.col2-set .narrow {
    width: 33%;
}
.col2-set .wide {
    width: 65%;
}
.col2-set:after {
    content: '';
    display: table;
    clear: both;
}
/* -------------------------------------------- *
 * Top Container
 */

@media only screen and (min-width: 771px) {
    .top-container {
        max-width: 1260px;
        margin: 0 auto;
        padding: 0 30px;
    }
}
/* -------------------------------------------- *
 * Global Site Notice
 */

.global-site-notice {
    background: #676157;
    color: #e6e6e6;
    font-size: 11px;
}
.global-site-notice .notice-inner {
    padding-left: 120px;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    line-height: 11px;
    min-height: 40px;
    padding-top: 14.5px;
    padding-bottom: 14.5px;
    background-image: url("../images/demo-logo.png");
    background-position: left;
    background-repeat: no-repeat;
}
.global-site-notice p {
    margin-bottom: 0;
}
/* -------------------------------------------- *
 * Promotional Message Banner
 */

.promo-msg {
    color: #3399cc;
    text-align: center;
    margin: 10px;
    text-transform: uppercase;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
/* -------------------------------------------- *
 * Grid
 */

.grid:after {
    content: '';
    display: table;
    clear: both;
}
/* -------------------------------------------- *
 * Messages
 */

.success {
    color: #11b400;
}
.error {
    color: #df280a;
    font-weight: bold;
}
.notice {
    color: #e26703;
    font-weight: bold;
}
/* -------------------------------------------- *
 * Messages
 */

.messages {
    margin-bottom: 10px;
}
.messages li li {
    position: relative;
    margin-bottom: 5px;
    padding: 7px 10px 7px 20px;
    background: #f4f4f4;
    font-size: 15px;
}
.messages li li:before {
    top: 50%;
    left: 0;
    margin-top: -6px;
}
.messages .error-msg li {
    color: black;
    border-left: 5px solid #df280a;
    background-color: #faebe7;
}
.messages .error-msg li:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #df280a;
    border-right: none;
}
.messages .notice-msg li {
    color: black;
    border-left: 5px solid #e26703;
    background-color: #f9ebe6;
}
.messages .notice-msg li:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #e26703;
    border-right: none;
}
.messages .success-msg li {
    color: black;
    border-left: 5px solid #11b400;
    background-color: #eff5ea;
}
.messages .success-msg li:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #11b400;
    border-right: none;
}
@media only screen and (min-width: 915px) {
    .order-list-grid .col-1 {
        width: 30%;
    }
    .order-list-grid .col-2 {
        width: 50%;
        padding-right: 20px;
    }
    .order-list-grid .col-3 {
        clear: none;
        width: 20%;
        padding-top: 0;
    }
}
/* -------------------------------------------- *
 * Page Popup
 */

.page-popup {
    padding: 20px;
    background: #FFFFFF;
    height: auto;
}
.page-popup h1 {
    margin: 0 0 0.5em;
    font-size: 36px;
}
/* -------------------------------------------- *
 * Payment Methods
 */

.payment-methods {
    margin-bottom: 20px;
}
.payment-methods dt {
    padding: 5px 0;
}
.payment-methods dd {
    padding-top: 10px;
}
.payment-methods .form-list {
    position: relative;
    display: inline-block;
    max-width: 100%;
    margin: 5px 15px 15px;
    padding: 15px;
    border: 1px solid #cccccc;
    background: #f4f4f4;
}
.payment-methods .form-list:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #cccccc;
    border-top: none;
    top: -11px;
    left: 30px;
}
.payment-methods .form-list:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #f4f4f4;
    border-top: none;
    top: -10px;
    left: 30px;
}
.payment-methods .form-list li:last-child {
    margin-bottom: 0;
}
/* -------------------------------------------- *
 * Please Wait (Loading Indicator)
 */

.please-wait {
    display: inline-block;
    margin-left: 10px;
    margin-top: 5px;
    line-height: 24px;
    height: 24px;
    white-space: nowrap;
    /* Prevent the linebreak in the HTML from causing layout issues */
}
.please-wait img {
    float: left;
    margin-right: 5px;
    width: 24px;
}
/* -------------------------------------------- *
 * Price Box - Standard
 */

.price-box {
    margin: 7px 0;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.price-box p {
    margin-bottom: 0;
}
.price-notice {
    color: #a0a0a0;
}
.price-box .price {
    color: #3399cc;
    font-size: 16px;
}
.price-box .price,
.price {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.price-box .price-label {
    color: #a0a0a0;
    white-space: nowrap;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.price-box .minimal-price-link {
    padding-left: 1em;
    color: #3399cc;
    display: block;
    /* We want this to show on its own line, otherwise the layout looks funky */
}
.price-box .minimal-price-link .label {
    color: #a0a0a0;
}
/* -------------------------------------------- *
 * Price Box - Special
 */

.price-box .old-price,
.price-box .special-price {
    display: inline-block;
}
.price-box .old-price .price-label,
.price-box .special-price .price-label {
    display: none;
}
.price-box .old-price .price,
.price-box .special-price .price {
    display: inline-block;
}
.price-box .old-price .price {
    color: #a0a0a0;
    text-decoration: line-through;
}
.price-box .special-price {
    color: #3399cc;
    padding-left: 1em;
}
.price-box .special-price .price-label {
    color: #D84D3C;
}
/* -------------------------------------------- *
 * Price Box - Taxes
 */

.price-box .price-excluding-tax,
.price-box .price-including-tax {
    display: block;
}
span.weee {
    display: block;
}
/* -------------------------------------------- *
 * Tier Prices
 */

.product-pricing,
.tier-prices,
.tier-prices-grouped {
    display: inline-block;
    padding: 4px 8px;
    background: #FBF4DE;
    border: 1px solid #E2D4C7;
    margin-top: 7px;
}
.product-pricing li,
.tier-prices li,
.tier-prices-grouped li {
    font-size: 12px;
}
.product-pricing .benefit,
.tier-prices .benefit,
.tier-prices-grouped .benefit {
    font-style: italic;
}
.product-pricing .price,
.tier-prices .price,
.tier-prices-grouped .price {
    font-weight: bold;
}
/* ============================================ *
 * Item Options
 * ============================================ */

.item-options {
    font-size: 14px;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.item-options:after {
    content: '';
    display: table;
    clear: both;
}
.item-options dt {
    float: left;
    clear: left;
    font-weight: 600;
    padding-right: 5px;
    font-style: italic;
}
.item-options dt:after {
    content: ': ';
}
.item-options dd {
    float: left;
    padding-left: 10px;
    margin: 0 0 6px;
}
.truncated,
.truncated a.dots {
    cursor: help;
}
.truncated a.details {
    cursor: help;
    height: 16px;
    line-height: 16px;
}
.truncated a.details:hover {
    text-decoration: none;
}
.truncated .truncated_full_value {
    position: relative;
    z-index: 300;
}
.truncated .truncated_full_value .item-options {
    display: none;
    position: absolute;
    z-index: 300;
    width: 200px;
    padding: 8px;
    border: 1px solid #3399cc;
    background-color: #F6F6F6;
    top: 21px;
    left: -100px;
}
.truncated .truncated_full_value .item-options:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #3399cc;
    border-top: none;
    left: 97px;
    top: -7px;
}
.truncated .truncated_full_value .item-options > p {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.truncated .show .item-options {
    display: block;
}
@media only screen and (max-width: 479px) {
    .truncated {
        cursor: inherit;
    }
    .truncated a.details {
        display: none;
    }
    .truncated .truncated_full_value .item-options {
        display: block;
        position: static;
        z-index: 1;
        width: 100%;
        border: none;
        background-color: transparent;
    }
    .truncated .truncated_full_value .item-options p {
        float: none;
    }
    .truncated .truncated_full_value .item-options:after {
        display: none;
    }
}
/* -------------------------------------------- *
 * Printer Friendly Page
 */

.page-print {
    width: 6.5in;
    margin: 20px;
    background: #FFFFFF;
}
/* -------------------------------------------- *
 * Add to links
 */

.add-to-links {
    margin: 7px 0;
}
.add-to-links a {
    display: inline-block;
    padding: 0px 3px 3px;
}
.add-to-links .separator {
    display: none;
}
/* -------------------------------------------- *
 * Product Image
 */

.product-image,
.no-touch .product-img-box .product-image:not(.zoom-available):hover {
    position: relative;
    display: block;
    border: 1px solid #ededed;
}
@media only screen and (max-width: 770px) {
    body .product-img-box .product-image:hover {
        border-color: #ededed;
    }
}
.no-touch .product-image:hover {
    border-color: #3399cc;
}
/* -------------------------------------------- *
 * Ratings
 */

.ratings {
    margin: 7px 0;
}
.ratings .rating-box,
.ratings .rating-links {
    margin: 5px 0;
}
.ratings .rating-box {
    width: 65px;
    height: 13px;
    background-repeat: repeat-x;
    background-position: 0 -615px;
    overflow: hidden;
}
.ratings .rating-box .rating {
    float: left;
    height: 13px;
    background-repeat: repeat-x;
    background-position: 0 -600px;
}
.ratings .amount {
    display: block;
    margin: 5px auto;
}
.ratings .rating-links .separator {
    margin: 0 3px;
}
/* -------------------------------------------- *
 * Standard Formatted Text Block
 */

.std p {
    margin: 0 0 .8em;
}
.std ol {
    list-style: decimal outside;
    margin-bottom: 1.5em;
}
.std ol li {
    margin-left: 2em;
}
.std ul {
    list-style: disc outside;
    margin-bottom: 1.5em;
}
.std ul li {
    margin-left: 2em;
}
.std .note {
    color: #a0a0a0;
    font-size: 13px;
}
/* -------------------------------------------- *
 * Tabs
 */

.tabs {
    margin-bottom: 10px;
    background: #FFFFFF;
}
/* -------------------------------------------- *
 * Toolbar
 */

.toolbar {
    margin-top: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    background: #f4f4f4;
    padding: 5px 10px 0px 10px;
}
.toolbar:after {
    content: '';
    display: table;
    clear: both;
}
.pager-no-toolbar {
    margin-bottom: 10px;
}
.pager-no-toolbar ~ .pager-no-toolbar {
    margin-top: 10px;
}
.toolbar,
.pager {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    color: #636363;
    line-height: 30px;
    font-size: 12px;
}
.toolbar label,
.pager-no-toolbar label {
    font-weight: normal;
    text-transform: uppercase;
}
.sorter {
    float: left;
    margin-bottom: 5px;
}
.sorter label {
    float: left;
    margin-right: 5px;
}
.sorter label:after {
    content: ':';
}
.sorter > .sort-by {
    float: left;
    margin-right: 5px;
    height: 30px;
}
.sorter > .sort-by .sort-by-switcher {
    width: 30px;
    height: 30px;
    display: inline-block;
}
.sorter > .sort-by .sort-by-switcher--asc {
    background-position: 4px -542px;
}
.sorter > .sort-by .sort-by-switcher--asc:hover {
    background-position: -46px -542px;
}
.sorter > .sort-by .sort-by-switcher--desc {
    background-position: 4px -567px;
}
.sorter > .sort-by .sort-by-switcher--desc:hover {
    background-position: -46px -567px;
}
.sorter > .view-mode {
    float: right;
}
.sorter > .view-mode .grid,
.sorter > .view-mode .list {
    float: left;
    width: 30px;
    height: 30px;
}
.sorter > .view-mode .grid {
    margin-right: 5px;
    background-position: 8px -492px;
}
.sorter > .view-mode strong.grid,
.sorter > .view-mode a.grid:hover {
    background-position: -42px -492px;
}
.sorter > .view-mode .list {
    background-position: 11px -517px;
}
.sorter > .view-mode strong.list,
.sorter > .view-mode a.list:hover {
    background-position: -39px -517px;
}
.pager {
    float: right;
    overflow: hidden;
}
.pager > .count-container {
    float: left;
}
.pager .amount {
    float: left;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    white-space: nowrap;
    margin: 0 15px 0 0;
}
.pager .limiter {
    float: left;
    height: 30px;
    line-height: 30px;
}
.pager .limiter > label {
    padding-right: 5px;
}
.pager .limiter > label:after {
    content: ':';
}
.pager .amount,
.pager .limiter,
.pager .pages {
    margin-bottom: 5px;
}
.pages {
    float: right;
    overflow: hidden;
    margin-left: 15px;
}
.pages strong {
    display: none;
}
.pages li {
    float: left;
}
.pages a,
.pages .current {
    display: inline-block;
    border: 0;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 30px;
    width: 25px;
    height: 30px;
    padding: 0;
    color: #3399cc;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.pages .current,
.pages .current:hover {
    color: #636363;
    border: 1px solid #cccccc;
    width: 30px;
    background-color: #FFFFFF;
    cursor: default;
}
.pages .next,
.pages .previous {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    position: relative;
}
.pages .next:hover,
.pages .previous:hover {
    border: 1px solid #3399cc;
}
.pages .next:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #3399cc;
    border-right: none;
    top: 50%;
    margin-top: -3px;
    left: 50%;
    margin-left: -2px;
}
.pages .next:hover:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #246b8f;
    border-right: none;
}
.pages .previous:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #3399cc;
    border-left: none;
    top: 50%;
    margin-top: -3px;
    left: 50%;
    margin-left: -2px;
}
.pages .previous:hover:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #246b8f;
    border-left: none;
}
@media only screen and (max-width: 479px) {
    .pager .amount--has-pages {
        display: none;
    }
    .pages {
        float: left;
    }
    .limiter label {
        display: none;
    }
}
@media only screen and (max-width: 770px) {
    .col1-layout .sorter,
    .col1-layout .pager {
        width: 100%;
    }
    .col1-layout .pager {
        float: left;
        clear: both;
    }
    .col1-layout .pager .pages {
        float: left;
        margin-left: 0;
    }
    .col1-layout .pager .count-container {
        float: right;
    }
}
@media only screen and (max-width: 979px) {
    .col2-left-layout .sorter,
    .col2-left-layout .pager,
    .col2-right-layout .sorter,
    .col2-right-layout .pager,
    .col3-layout .sorter,
    .col3-layout .pager {
        width: 100%;
    }
    .col2-left-layout .pager,
    .col2-right-layout .pager,
    .col3-layout .pager {
        float: left;
        clear: both;
    }
    .col2-left-layout .pager .pages,
    .col2-right-layout .pager .pages,
    .col3-layout .pager .pages {
        float: left;
        margin-left: 0;
    }
    .col2-left-layout .pager .count-container,
    .col2-right-layout .pager .count-container,
    .col3-layout .pager .count-container {
        float: right;
    }
}
@media only screen and (max-width: 1279px) {
    .toolbar .view-mode > label {
        display: none;
    }
}
/* ============================================ *
 * Tax - Full Tax Summary
 * ============================================ */

#checkout-review-table .summary-collapse,
#shopping-cart-totals-table .summary-collapse,
body.customer-account .data-table .summary-collapse {
    position: relative;
    cursor: pointer;
}
#checkout-review-table .summary-collapse:before,
#shopping-cart-totals-table .summary-collapse:before,
body.customer-account .data-table .summary-collapse:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 7px solid #3399cc;
    border-bottom: none;
    position: static;
    display: inline-block;
    margin-right: 5px;
}
#checkout-review-table .summary-collapse:hover:before,
#shopping-cart-totals-table .summary-collapse:hover:before,
body.customer-account .data-table .summary-collapse:hover:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 7px solid #246b8f;
    border-bottom: none;
    position: static;
    display: inline-block;
    margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:before,
#shopping-cart-totals-table .show-details .summary-collapse:before,
body.customer-account .data-table .show-details .summary-collapse:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #3399cc;
    border-top: none;
    position: static;
    display: inline-block;
    margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:hover:before,
#shopping-cart-totals-table .show-details .summary-collapse:hover:before,
body.customer-account .data-table .show-details .summary-collapse:hover:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #246b8f;
    border-top: none;
    position: static;
    display: inline-block;
    margin-right: 5px;
}
#shopping-cart-totals-table tfoot td .summary-collapse:before,
#shopping-cart-totals-table tfoot td .summary-collapse:hover:before {
    margin-bottom: 5px;
}
/* ============================================ *
 * Magento Helpers
 * ============================================ */

.a-center {
    text-align: center;
}
.a-right,
.align-right {
    text-align: right;
}
.no-display {
    display: none !important;
}
.nobr,
.nowrap {
    white-space: nowrap;
}
.width-full {
    width: 100%;
}
/* ============================================ *
 * Custom Helpers
 * ============================================ */

.hidden {
    display: none;
}
/* ============================================ *
 * Print Styles
 * ============================================ */

.page-print .print-head {
    margin: 0 0 15px;
}
.page-print .print-head .logo {
    float: none;
    max-height: 50px;
    width: auto;
}
/* ============================================ *
 * FORMS - COMMON
 * ============================================ */
/* -------------------------------------------- *
 * Fieldsets
 */

.fieldset p {
    margin-bottom: 7px;
}
.fieldset p.required {
    margin-bottom: 5px;
    float: right;
    font-size: 12px;
    margin-top: 0px;
}
.fieldset + .fieldset {
    margin-top: 5px;
}
form .legend {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-bottom: 7px;
    border-bottom: 1px solid #ededed;
}
/* -------------------------------------------- *
 * Input Box
 */

.input-box {
    padding-top: 2px;
    margin-bottom:20px;
}
.input-box:after {
    content: '';
    display: table;
    clear: both;
}
li.centinel-logos div.input-box img {
    display: inline;
    vertical-align: middle;
}
/* For adjacent select inputs. */
/* Example: credit card expiration month and year. */

.input-box .v-fix {
    float: left;
    margin-right: 5px;
    max-width: 100%;
}
/* -------------------------------------------- *
 * Labels
 */

label {
    display: inline-block;
    font-size: 13px;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-weight: 600;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
   /* margin-bottom:6px;*/
}
label.required:after,
span.required:after {
    content: ' *';
    color: #df280a;
    font-weight: normal;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
}
label.required em,
span.required em {
    display: none;
}
/* -------------------------------------------- *
 * Hints
 */

.input-hint {
    color: #a0a0a0;
    font-size: 12px;
}
/* -------------------------------------------- *
 * Select
 */

select {
    font-size: 14px;
}
select + select {
    margin-left: 5px;
}
select[multiple] {
    width: 270px;
    border: 1px solid silver;
    font-size: 15px;
    padding: 5px;
}
/* -------------------------------------------- *
 * Textarea
 */

textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    /*max-width: 450px;*/
    max-width: 400px;
    padding: 5px;
}
/* -------------------------------------------- *
 * Inputs
 */

.input-text {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid silver;
    background: #FFFFFF;
    font-size: 15px;
}
.input-text:focus {
    border: 1px solid #3399cc;
}
.input-text.validation-failed {
    border-color: #df280a;
}
.input-text.validation-failed:focus {
    outline-color: #ef9384;
}
input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
    height: 30px;
    padding: 0 8px;
}
input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
    /*width: 365px;*/
    width: 400px;
    max-width: 100%;
}
/* Only show on iPhones (not iPads or any other device) */

@media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) {
    input[type=email],
    input[type=search],
    input[type=number],
    input[type=password],
    input[type=tel],
    input[type=text],
    select {
        font-size: 16px;
        /* Prevent from zooming on focus */
    }
}
.ie8 .input-text {
    max-width: none;
}
/* -------------------------------------------- *
 * Inputs - Quantity
 */

input[type=number].qty,
input[type=text].qty {
    width: 3em;
    text-align: center;
    vertical-align: middle;
}
/* -------------------------------------------- *
 * Placeholder
 */

::-webkit-input-placeholder {
    color: #a0a0a0;
}
input:-moz-placeholder {
    color: #a0a0a0;
}
/* -------------------------------------------- *
 * Checkbox And Radio
 */

.checkbox,
.radio {
    position: relative;
    top: -1px;
    display: inline-block;
}
.checkbox + label,
.radio + label {
    width: auto;
    max-width: 85%;
    padding: 0 0 0 8px;
    font-size: 14px;
    font-weight: normal;
    vertical-align: top;
}
/* -------------------------------------------- *
 * Validation
 */

p.required,
.validation-advice {
    margin: 5px 0 0;
    color: #df280a;
    font-size: 13px;
}
/* ============================================ *
 * Form List
 * ============================================ */

.form-list > li {
    margin-bottom: 10px;
}
.form-list select {
    margin-top: 4px;
    width: 400px;
    max-width: 100%;
}
.form-list .input-range .input-text {
    width: 74px;
}
.form-list .field,
.form-list .wide,
.form-list .control {
    margin-bottom: 10px;
}
/* Turn the label of controls (radio/checkbox) into a button style that wraps the input */

.form-list .control,
.sp-methods dt,
#checkout-shipping-method-load .sp-methods dd,
#co-shipping-method-form .sp-methods dd,
.product-options ul.options-list {
    /* When a label is next to an input that is set to not display, we should style the label in a non-clickable state */
}
.form-list .control div.input-box,
.sp-methods dt div.input-box,
#checkout-shipping-method-load .sp-methods dd div.input-box,
#co-shipping-method-form .sp-methods dd div.input-box,
.product-options ul.options-list div.input-box {
    display: inline;
    float: left;
}
.form-list .control div.input-box:after,
.sp-methods dt div.input-box:after,
#checkout-shipping-method-load .sp-methods dd div.input-box:after,
#co-shipping-method-form .sp-methods dd div.input-box:after,
.product-options ul.options-list div.input-box:after {
    display: none;
}
.form-list .control input.radio,
.form-list .control input.checkbox,
.sp-methods dt input.radio,
.sp-methods dt input.checkbox,
#checkout-shipping-method-load .sp-methods dd input.radio,
#checkout-shipping-method-load .sp-methods dd input.checkbox,
#co-shipping-method-form .sp-methods dd input.radio,
#co-shipping-method-form .sp-methods dd input.checkbox,
.product-options ul.options-list input.radio,
.product-options ul.options-list input.checkbox {
    float: left;
    margin-right: -40px;
    margin-top: 10px;
    margin-left: 15px;
}
.form-list .control label,
.sp-methods dt label,
#checkout-shipping-method-load .sp-methods dd label,
#co-shipping-method-form .sp-methods dd label,
.product-options ul.options-list label {
    color: #636363;
    background-color: #f4f4f4;
    padding: 5px 10px;
    display: inline-block;
    width: auto;
    max-width: none;
    min-width: 250px;
    float: none;
    padding: 6px 10px 6px 40px;
}
.form-list .control label:hover,
.sp-methods dt label:hover,
#checkout-shipping-method-load .sp-methods dd label:hover,
#co-shipping-method-form .sp-methods dd label:hover,
.product-options ul.options-list label:hover {
    background-color: #ececec;
}
.form-list .control .no-display + label,
.sp-methods dt .no-display + label,
#checkout-shipping-method-load .sp-methods dd .no-display + label,
#co-shipping-method-form .sp-methods dd .no-display + label,
.product-options ul.options-list .no-display + label {
    padding-left: 10px;
    background-color: transparent;
}
.form-list .control .no-display + label:hover,
.sp-methods dt .no-display + label:hover,
#checkout-shipping-method-load .sp-methods dd .no-display + label:hover,
#co-shipping-method-form .sp-methods dd .no-display + label:hover,
.product-options ul.options-list .no-display + label:hover {
    background-color: transparent;
}
.product-options ul.options-list label,
.col2-set .form-list .control label {
    min-width: inherit;
    width: 250px;
    max-width: 100%;
}
.form-list .control.remember-me-box label {
    width: auto;
    max-width: none;
    min-width: inherit;
}
.form-list .control {
    margin-top: 10px;
}
.form-list .control label {
    float: none;
}
.form-list .control .radio,
.form-list .control .checkbox {
    margin-right: 6px;
}
.form-list .control .input-box {
    clear: none;
    display: inline-block;
    width: auto;
    padding: 0;
}
form .form-instructions {
    font-style: italic;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 13px;
    color: #a0a0a0;
}
/* ============================================ *
 * Table Helpers
 * ============================================ */

.hide-th {
    text-indent: -9999px;
}
/* ============================================ *
 * Data Table
 * ============================================ */

.data-table {
    width: 100%;
}
.data-table td,
.data-table th {
    padding: 10px;
    vertical-align: top;
}
.data-table th {
    background: #f4f4f4;
    text-transform: uppercase;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    line-height: 1.4;
    white-space: nowrap;
}
.data-table thead th,
.data-table tbody td {
    border-bottom: 1px solid silver;
}
.data-table tbody td,
.data-table tfoot td {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.data-table tfoot tr {
    background: #f4f4f4;
}
.data-table tbody td .item-options {
    margin-left: 20px;
    margin-top: 10px;
}
.data-table tbody td .item-options dt:after {
    content: ':';
}
/* ============================================ *
 * Generic Info Table
 * ============================================ */

.info-box {
    border: 1px solid silver;
    padding: 12px 15px;
    margin: 0 0 15px;
}
.info-box h2 {
    font-weight: bold;
    font-size: 13px;
}
.info-table th,
.info-table td {
    vertical-align: top;
}
.info-table th {
    font-weight: bold;
    padding: 4px 20px 4px 0;
}
.info-table td {
    padding: 4px 0;
}
/* ============================================ *
 * Zebra-Stripe Table
 * ============================================ */

.zebra-table tr:first-child,
.zebra-table th:first-child {
    border-top: 1px solid silver;
}
.zebra-table td,
.zebra-table th {
    border-bottom: 1px solid silver;
    padding: 6px;
    background-color: transparent;
}
.zebra-table tr {
    background-color: #eeeded;
}
.zebra-table tr:nth-child(odd) {
    background-color: #f8f7f5;
}
/* ============================================ *
 * Linearize Table
 * ============================================ */

@media only screen and (max-width: 479px) {
    .linearize-table {
        /* Helpers */
    }
    .linearize-table tr,
    .linearize-table th,
    .linearize-table td {
        display: block;
    }
    .linearize-table thead th {
        border-right: 0;
        border-left: 0;
    }
    .linearize-table thead th.lin-hide {
        display: none;
    }
    .linearize-table thead th:nth-child(1n+2) {
        display: none;
    }
    .linearize-table tbody tr {
        position: relative;
        border-bottom: 1px solid #cccccc;
    }
    .linearize-table tbody td {
        padding: 0 10px 4px;
        border-right: 0;
        border-bottom: 0;
    }
    .linearize-table tbody td.lin-hide {
        display: none;
    }
    .linearize-table tbody td:first-child {
        padding-top: 10px;
    }
    .linearize-table tbody td:first-child,
    .linearize-table tbody td:first-child h3 {
        font-weight: bold;
    }
    .linearize-table tbody td[data-rwd-label] {
        text-align: left;
        padding-left: 30px;
    }
    .linearize-table tbody td[data-rwd-label]:before {
        content: attr(data-rwd-label) ":";
        font-size: 12px;
        font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
        padding-right: 5px;
        text-transform: uppercase;
    }
    .linearize-table tfoot tr {
        display: block;
        text-align: right;
    }
    .linearize-table tfoot tr:after {
        content: '';
        display: table;
        clear: both;
    }
    .linearize-table tfoot td {
        display: block;
        float: left;
    }
    .linearize-table tfoot td.lin-hide {
        display: none;
    }
    .linearize-table tfoot td:nth-child(odd) {
        clear: left;
        width: 60%;
    }
    .linearize-table tfoot td:nth-child(even) {
        text-align: left;
        width: 40%;
    }
    .linearize-table .linearize-hide {
        display: none;
    }
    .linearize-table .linearize-unpad {
        padding: 0;
    }
    .linearize-table .linearize-show {
        display: block;
    }
}
@media only screen and (max-width: 599px) {
    .linearize-table-large {
        /* Helpers */
    }
    .linearize-table-large tr,
    .linearize-table-large th,
    .linearize-table-large td {
        display: block;
    }
    .linearize-table-large thead th {
        border-right: 0;
        border-left: 0;
    }
    .linearize-table-large thead th.lin-hide {
        display: none;
    }
    .linearize-table-large thead th:nth-child(1n+2) {
        display: none;
    }
    .linearize-table-large tbody tr {
        position: relative;
        border-bottom: 1px solid #cccccc;
    }
    .linearize-table-large tbody td {
        padding: 0 10px 4px;
        border-right: 0;
        border-bottom: 0;
    }
    .linearize-table-large tbody td.lin-hide {
        display: none;
    }
    .linearize-table-large tbody td:first-child {
        padding-top: 10px;
    }
    .linearize-table-large tbody td:first-child,
    .linearize-table-large tbody td:first-child h3 {
        font-weight: bold;
    }
    .linearize-table-large tbody td[data-rwd-label] {
        text-align: left;
        padding-left: 30px;
    }
    .linearize-table-large tbody td[data-rwd-label]:before {
        content: attr(data-rwd-label) ":";
        font-size: 12px;
        font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
        padding-right: 5px;
        text-transform: uppercase;
    }
    .linearize-table-large tfoot tr {
        display: block;
        text-align: right;
    }
    .linearize-table-large tfoot tr:after {
        content: '';
        display: table;
        clear: both;
    }
    .linearize-table-large tfoot td {
        display: block;
        float: left;
    }
    .linearize-table-large tfoot td.lin-hide {
        display: none;
    }
    .linearize-table-large tfoot td:nth-child(odd) {
        clear: left;
        width: 60%;
    }
    .linearize-table-large tfoot td:nth-child(even) {
        text-align: left;
        width: 40%;
    }
    .linearize-table-large .linearize-hide {
        display: none;
    }
    .linearize-table-large .linearize-unpad {
        padding: 0;
    }
    .linearize-table-large .linearize-show {
        display: block;
    }
}
@media only screen and (min-width: 600px) {
    .linearize-table .linearize-collapse {
        display: none;
    }
}
/* ============================================ *
 * Global
 * ============================================ */

html,
body {
    height: 100%;
}
.wrapper {
    min-width: 320px;
    min-height: 100%;
    margin: 0 auto;
    background: #FFFFFF;
}
.wrapper:after {
    content: '';
    display: table;
    clear: both;
}
/* ============================================ *
 * Header
 * ============================================ */

@media only screen and (min-width: 771px) {
    .page-header {
        /*max-width: 1260px;*/
        
        max-width: 1360px;
        margin: 0 auto;
        padding: 0 30px;
    }
    .page-header-container {
        position: relative;
    }
}
.header-language-container,
.page-header {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
/* ============================================ *
 * Language switcher + welcome message
 * ============================================ */

.header-language-background {
    padding: 8px;
    background-color: #e1e1e1;
    text-transform: uppercase;
}
.header-language-background .header-language-container {
    /*max-width: 1200px;
  margin-left: auto;
  margin-right: auto;*/
    
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 30px;
}
.header-language-background:after {
    content: '';
    display: table;
    clear: both;
}
.header-language-background .form-language,
.header-language-background .currency-switcher {
    float: left;
    margin-right: 10px;
}
.header-language-background .welcome-msg {
    float: right;
}
.page-header-container .store-language-container {
    float: right;
    max-width: 35%;
    padding: 13px 15px 10px 10px;
}
.page-header-container .store-language-container label {
    display: none;
}
.page-header-container .store-language-container select {
    max-width: 100%;
}
@media only screen and (max-width: 479px) {
    .page-header-container .store-language-container {
        padding-top: 8px;
    }
    .page-header-container .store-language-container select {
        font-size: 12px;
    }
}
.header-language-background,
.header-language-background a {
    color: #e6e6e6;
}
@media only screen and (max-width: 770px) {
    .header-language-background {
        display: none;
    }
}
/* ============================================ *
 * Logo
 * ============================================ */

.logo {
    display: block;
    /*float: left;
  width: 65%;*/
    
    min-width: 100px;
    min-height: 44px;
    text-align: center;
    padding: 10px;
    
    /*margin: 4px auto*/
    margin:4px 0
}
.logo img {
    /*max-width: 80%;*/
    width: 100%; max-width: 115px;
}
.logo .small {
    display: block;
}
.logo .large {
    display: none;
}
.logo:hover {
    opacity: 0.8;
}
@media only screen and (min-width: 771px) {
    .logo {
        max-width: 294px;
        min-height: 82px;
    }
    .logo .small {
        display: none;
    }
    .logo .large {
        display: block;
    }
}
/* ============================================ *
 * Skip Links
 * ============================================ */

.skip-links {
    clear: both;
    overflow: hidden;
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
}
@media only screen and (min-width: 771px) {
    .skip-links {
        border: 0;
    }
}
/* -------------------------------------------- *
 * Skip - Link
 */

.skip-link {
    position: relative;
    float: left;
    width: 20%;
    height: 44px;
    background: #FFFFFF;
    color: #636363;
    line-height: 42px;
    text-align: center;
}
a.skip-link {
    text-decoration: none;
}
.skip-link:not(.skip-active):hover {
    opacity: 0.8;
}
@media only screen and (max-width: 770px) {
    .skip-link {
        border-right: 1px solid #EDEDED;
    }

    .skip-link:last-child {
        border-right: 0;
    }
}
@media only screen and (min-width: 500px) {
    .skip-link {
        width: 25%;
    }
}
/* -------------------------------------------- *
 * Skip Link - Active
 */

@media only screen and (max-width: 770px) {
    .skip-link.skip-active {
        background: #EDEDED;
        color: inherit;
    }
    .skip-link.skip-active span {
        color: inherit;
    }
}
/* -------------------------------------------- *
 * Skip Link - Icon
 */

.skip-link .icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}
.skip-link.skip-nav .icon,
.skip-link.skip-cart:not(.no-count) .icon {
    margin-right: 3px;
}
@media only screen and (min-width: 500px) {
    .skip-link .icon {
        margin-right: 3px;
    }
}
/* -------------------------------------------- *
 * Skip Link - Label
 */

.skip-link .label {
    display: none;
}
@media only screen and (min-width: 500px) {
    .skip-link .label {
        display: inline;
    }
}
/* ============================================ *
 * Skip Content
 * ============================================ */

.skip-content {
    display: none;
}
.skip-content.skip-active {
    display: block;
    background: #EDEDED;
}
/* ============================================ *
 * Global Header Navigation
 * ============================================ */

@media only screen and (max-width: 770px) {
    #header-account li a,
    .nav-primary a.level0 {
        padding: 0 15px 0 25px;
        border-bottom: 1px solid #cccccc;
        text-align: left;
        text-transform: uppercase;
        line-height: 30px;
    }
    #header-account li:last-child a,
    .nav-primary li.level0:last-child a.level0 {
        border-bottom: 0;
    }
    .no-touch #header-account a:hover,
    .no-touch .nav-primary a:hover {
        background-color: #f4f4f4;
        text-decoration: none;
    }

}
.account-cart-wrapper {
    position: absolute;
    top: 0px;
    right: 0px;
}
@media only screen and (max-width: 770px) {
    .account-cart-wrapper {
        position: static;
    }
}
/* ============================================ *
 * Nav - Skip Link
 * ============================================ */

.skip-nav {
    width: 40%;
}
.skip-nav:not(.skip-active):hover {
    text-decoration: none;
}
.skip-nav:not(.skip-active):hover .icon {
    background-position: -46px 4px;
}
.skip-nav .label {
    display: inline;
}
.skip-nav .icon {
    background-position: 4px 4px;
}
@media only screen and (min-width: 500px) {
    .skip-nav {
        width: 25%;
    }
}
@media only screen and (min-width: 771px) {
    .skip-nav {
        display: none;
    }
}
/* ============================================ *
 * Nav - Skip Content
 * ============================================ */

@media only screen and (max-width: 770px) {
    #header-nav {
        padding: 5px 0;
    }
}
@media only screen and (min-width: 771px) {
    #header-nav {
        display: block;
        /* Force visibility */
        /*border-bottom: 1px solid #ededed;*/
    }
}
/* ============================================ *
 * Nav Primary
 * ============================================ */

@media only screen and (min-width: 771px) {
    .nav-primary {
        display: block;
        /*margin-top: 15px;
        margin-bottom: 15px;*/
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
/* ============================================ *
 * General Navigation Styles
 * ============================================ */

.nav-primary a {
    text-decoration: none;
    position: relative;
    display: block;
    color: #706f6f;
    font-size: .9em;
    line-height: 30px;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-weight: bold
}
.nav-primary li {
    position: relative;
}
.nav-primary li.level1 a {
    /*border-bottom: 1px solid #cccccc;*/
    
    border-bottom: 1px solid #3b3b3b;
    color: #ccc;
    font-weight: normal;
    padding: 10px 0
}
.nav-primary .menu-active > ul.level0,
.nav-primary li.level0 li.sub-menu-active > ul {
    display: block;
}
.nav-primary li.level0 > a {
    /* text-transform: uppercase;*/
}
/* ============================================ *
 * Small Viewports - Accordion Style Menu
 * ============================================ */

@media only screen and (max-width: 770px) {
    .nav-primary a.level0,
    .nav-primary a {
        line-height: 35px;
    }
    .nav-primary li.level0 ul {
        display: none;
    }
    .nav-primary li.level0 li {
        padding: 0 0 0 25px;
    }
    .nav-primary li.level1 a {
        padding: 0 15px 0 25px;
    }
    .nav-primary li.parent > a:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #cccccc;
        border-right: none;
        top: 50%;
        left: -14px;
        right: auto;
        margin-top: -5px;
    }
    .nav-primary li.parent.sub-menu-active > a:after,
    .nav-primary li.parent.menu-active > a:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 5px solid #cccccc;
        border-bottom: none;
        top: 52%;
        left: -17px;
        right: auto;
        margin-top: -5px;
    }
    .nav-primary li.menu-active > a,
    .nav-primary li.sub-menu-active > a {
        color: #3399cc;
    }
}
/* ============================================ *
 * Large Viewports - Dropdown Menu
 * ============================================ */

@media only screen and (min-width: 771px) {
    .nav-primary {
        /* Default styles for 1+ drop-down menus */
        /* Level 2+ */
        /* Class for js to add briefly to evaluate element positioning. */
        /* Correct menus that will hang off the page (class added by js) */
        /* Level 1+ */
    }
    .nav-primary a.level0 {
        padding: 0 15px;
    }
    .nav-primary li.level0,
    .nav-primary a.level0 {
        display: inline-block;
    }
    .nav-primary li:last-child > a {
        border-bottom: none;
    }
    .nav-primary a:hover,
    .nav-primary li:hover > a {
        color: #3399cc;
    }
    .nav-primary .menu-active a{
        color: #3399cc
    }
    .nav-primary .menu-active {
        z-index: 200;
        
    }
    .nav-primary li.level0 ul {
        /*background: #FBFBFB;
    border: solid 1px #cccccc;*/
        
        background: #000;
        border: solid 1px #000;
        position: absolute;
        left: 0;
        top: 30px;
        /* Height of ".nav-primary a.level0" */
        
        z-index: 10;
        /*width: 250px;*/
        width: 220px;
        padding-left: 10px;
        padding-right: 10px;
        display: none;
        /* Hide until displayed. */
    }
    /*  .nav-primary li.level1 ul {
    left: 60px;
    top: 15px;
  }*/
    
    .nav-primary li.level1 ul {
        left:160px;
        top: 15px;
    }
    .nav-primary li.level0 ul.level0.position-test {
        display: block;
    }
    .nav-primary li.level0 ul.level0.spill {
        right: 0;
        left: auto;
    }
    .nav-primary li.level0 ul.level0.spill li.level1 ul {
        left: auto;
        right: 50px;
        top: 20px;
    }
    .nav-primary li.level0 li.parent > a {
        position: relative;
    }
    .nav-primary li.level0 li.parent > a:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #cccccc;
        border-right: none;
        right: 5px;
        top: 50%;
        /*margin-top: -17px;*/
        margin-top: -3px;
    }
}
.nav-primary li.menu-active > ul {
    display: block;
}
/* ============================================ *
 * Search - Skip Link
 * ============================================ */

.skip-search:not(.skip-active):hover .icon {
    background-position: -46px -146px;
}
.skip-search .icon {
    background-position: 4px -146px;
}
@media only screen and (min-width: 771px) {
    .skip-search {
        display: none;
    }
}
/* ============================================ *
 * Search - Skip Content
 * ============================================ */

#header-search {
    padding: 20px;
}
@media only screen and (min-width: 771px) {
    #header-search {
        display: block;
        position: absolute;
        /*top: 55px;*/
        
        top: 96px;
        right: 0;
        width: 25%;
        height: 50px;
        padding: 0;
    }
}
/* ============================================ *
 * Search Input
 * ============================================ */

#search_mini_form .input-box {
    position: relative;
    padding-top: 0;
}
#search_mini_form label {
    display: none;
}
#search {
    width: 100%;
    height: 40px;
    padding-right: 40px;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
#search_mini_form .search-button {
    text-indent: -9999px;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border: 0;
    background: none;
}
#search_mini_form .search-button:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    background-position: 4px -146px;
}
#search_mini_form .search-button:hover:before {
    opacity: 0.8;
}
#search_mini_form .search-button:active:before {
    margin-top: -13px;
    margin-left: -13px;
}
/* ============================================ *
 * Header - Account
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Account
 */

.skip-account:not(.skip-active):hover .icon {
    background-position: -46px -44px;
}
.skip-account .icon {
    background-position: 4px -44px;
}
@media only screen and (min-width: 771px) {
    .skip-account {
        float: none;
        width: auto;
        vertical-align: top;
        display: inline-block;
        padding: 0 10px;
        text-transform: uppercase;
    }
    #header-account.skip-active {
        background: #FBFBFB;
        border: solid 1px #cccccc;
        display: block;
        position: absolute;
        z-index: 200;
        top: 40px;
        right: 115px;
        width: 200px;
    }
    #header-account a {
        display: block;
        padding: 5px 10px;
        color: #636363;
        line-height: 2;
    }
    #header-account a:hover {
        color: #3399cc;
    }
}
/* -------------------------------------------- *
 * Account Links
 */

#header-account {
    padding: 5px 0;
}
#header-account a {
    position: relative;
    display: block;
    padding: 5px 10px;
    line-height: 23px;
    text-align: center;
}
#header-account a:hover {
    color: #3399cc;
}
/* ============================================ *
 * Header - Cart
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Cart
 */

.skip-cart:not(.skip-active):hover .icon {
    background-position: -50px -95px;
}
.skip-cart .icon {
    background-position: 0px -95px;
}
@media only screen and (min-width: 771px) {
    .skip-cart {
        width: auto;
        padding: 0 10px;
    }
    #header-cart.skip-active {
        background: #FBFBFB;
        border: solid 1px #cccccc;
        display: block;
        position: absolute;
        z-index: 200;
        top: 40px;
        right: 0;
        width: 320px;
        background: white;
    }
}
/* -------------------------------------------- *
 * Skip Cart Notifier
 */

.skip-cart .count {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    display: inline-block;
    top: -6px;
    position: relative;
    z-index: 5;
    width: 22px;
    height: 22px;
    background: rgba(51, 153, 204, 0.9);
    color: #FFFFFF;
    font-size: 11px;
    line-height: 22px;
    text-align: center;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.skip-link.skip-active .count {
    color: white;
}
.skip-cart.no-count .count {
    display: none;
}
@media only screen and (max-width: 499px) {
    .skip-cart .count {
        margin-left: -12px;
    }
}
@media only screen and (min-width: 771px) {
    .skip-cart {
        color: #3399cc;
        text-transform: uppercase;
    }
    .skip-cart:hover {
        text-decoration: none;
    }
    .skip-cart .count {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        position: static;
        background: none;
        margin-left: 0px;
        font-size: 14px;
        width: auto;
    }
    .skip-cart .count:before {
        content: '(';
    }
    .skip-cart .count:after {
        content: ')';
    }
    .skip-cart .count,
    .skip-link.skip-active .count {
        color: #3399cc;
    }
}
.skip-cart .count.empty {
    display: none;
}
/* -------------------------------------------- *
 * Mini Cart - Empty
 */

.cart-menu .empty {
    padding: 20px;
    text-align: center;
}
/* -------------------------------------------- *
 * Mini Cart - Full
 */
/* Actions */

.cart-menu .actions {
    overflow: hidden;
    padding: 15px;
}
.cart-menu .actions .button {
    float: left;
    width: 48%;
}
.cart-menu .actions .button + .button {
    margin-left: 4%;
}
/* Subtotal */

.cart-menu .subtotal {
    padding: 0 15px 15px;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 24px;
    line-height: 1.2;
}
/* List */

.mini-cart-list {
    margin-bottom: 5px;
}
.mini-cart-list li {
    position: relative;
    min-height: 90px;
    padding: 15px 15px 15px 90px;
    border-top: 1px solid #cccccc;
    font-size: 13px;
    line-height: 1.35;
}
.mini-cart-list .product-name {
    display: inline-block;
}
.mini-cart-list .product-image {
    position: absolute;
    left: 15px;
    top: 15px;
}
.mini-cart-list .product-image img {
    width: 60px;
    height: 60px;
}
.mini-cart-list .has-options {
    margin-bottom: 0;
    color: #a0a0a0;
    font-size: 12px;
}
/* Too full - additional items will be shown in cart */

.cart-menu .last-added {
    padding: 10px 15px 15px;
    border-top: 1px solid #cccccc;
    font-size: 13px;
}
/* ============================================ *
 * Footer
 * ============================================ */
/* -------------------------------------------- *
 * Footer
 */

.footer,
.footer button {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.footer {
    clear: both;
    width: 100%;
    /*border-top: 1px solid #cccccc;*/
    
    padding-top:12px;
    /* -------------------------------------------- *
   * Social icons
   */
}
@media only screen and (max-width: 479px) {
    .footer {
        padding-top: 15px;
    }
}
.footer .block-title {
    border-bottom: 0;
    padding: 3px 0;
}
.footer .block-title strong {
    font-weight: normal;
}
.footer .block-title,
.footer address {
    color: #3399cc;
}
.footer .links {
    float: left;
    width: 17%;
    padding: 0 30px 0 0;
    margin-bottom: 30px;
}
.footer .links li {
    word-break: break-all;
    line-height: 1.4;
    padding: 4px 0;
}
.footer .links a {
    color: #636363;
}
.footer .links a:hover {
    color: #3399cc;
}
.footer .block-subscribe {
    float: right;
    width: 320px;
    margin-bottom: 30px;
}
.footer .links,
.footer .block-subscribe {
    text-transform: uppercase;
    font-size: 12px;
}
.footer .form-subscribe-header {
    display: none;
}
.footer .links.social-media em {
    background-image: url(../images/social_icons.png);
    background-repeat: no-repeat;
    width: 13px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 7px;
}
@media (-webkit-min-device-pixel-ratio: 2),
(min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 4 / 2),
(min-device-pixel-ratio: 2),
(min-resolution: 192dpi),
(min-resolution: 2dppx) {
    .footer .links.social-media em {
        background-image: url(../images/social_icons@2x.png);
        background-size: 50px 125px;
    }
}
.footer .links.social-media em.facebook {
    background-position: 0 -0px;
    height: 13px;
}
.footer .links.social-media a:hover em.facebook {
    background-position: -25px -0px;
}
.footer .links.social-media em.twitter {
    background-position: 0 -24px;
    height: 13px;
}
.footer .links.social-media a:hover em.twitter {
    background-position: -25px -24px;
}
.footer .links.social-media em.youtube {
    background-position: 0 -49px;
    height: 13px;
}
.footer .links.social-media a:hover em.youtube {
    background-position: -25px -49px;
}
.footer .links.social-media em.pinterest {
    background-position: 0 -74px;
    height: 15px;
}
.footer .links.social-media a:hover em.pinterest {
    background-position: -25px -74px;
}
.footer .links.social-media em.rss {
    background-position: 0 -99px;
    height: 13px;
}
.footer .links.social-media a:hover em.rss {
    background-position: -25px -99px;
}
.footer .block-subscribe .input-box {
    float: left;
    width: 65.625%;
    padding-top: 0;
}
.footer .block-subscribe .input-text {
    width: 100%;
    border-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.footer .block-subscribe .block-content {
    padding-top: 7px;
}
.footer .block-subscribe .block-content:after {
    content: '';
    display: table;
    clear: both;
}
.footer .block-subscribe .actions {
    float: left;
    width: 34.375%;
    margin: 0;
}
.footer .block-subscribe .actions .button {
    height: 30px;
    line-height: 17px;
    float: left;
}
.footer .bugs,
.footer address {
    clear: both;
}
.footer .bugs {
    display: none;
}
.footer .form-language,
.footer .currency-switcher,
.footer .store-switcher {
    clear: both;
    margin-bottom: 10px;
}
.footer .form-language,
.footer .currency-switcher {
    display: none;
}
.footer address {
    border-top: 1px solid #cccccc;
    text-align: center;
    width: 100%;
    font-size: 11px;
    margin-top: 30px;
    padding: 30px 0;
}
@media only screen and (max-width: 1199px) {
    .footer .links {
        width: 22.65625%;
        padding-right: 0;
        margin-right: 3.125%;
    }
    .footer .links:nth-child(4) {
        margin-right: 0;
    }
    .footer .block-subscribe {
        clear: both;
        float: none;
        margin: 0 auto 30px auto;
    }
}
@media only screen and (max-width: 770px) {
    .footer .form-language,
    .footer .currency-switcher {
        display: block;
    }
}
@media only screen and (max-width: 599px) {
    .footer .links {
        width: 48.4375%;
        margin-right: 0;
    }
    .footer .links:nth-child(odd) {
        margin-right: 3.125%;
        clear: both;
    }
    .footer .block-subscribe {
        clear: both;
        float: left;
        width: 100%;
    }
}
/* ================================================= *
 * General Product List Styles (not module-specific)
 * ================================================= */
/* -------------------------------------------- *
 * Product List General
 */

.category-title h1,
body.catalogsearch-result-index .page-title h1 {
    border-bottom: none;
}
.category-image {
    margin-bottom: 1.5em;
}
.products-list .action .button,
.products-grid .actions .button {
    white-space: normal;
}
/* -------------------------------------------- *
 * Product Name
 */

h2.product-name,
h3.product-name,
h4.product-name,
h5.product-name,
p.product-name {
    margin: 0;
    margin-bottom: 0.5em;
    color: #636363;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.4;
}
h2.product-name a,
h3.product-name a,
h4.product-name a,
h5.product-name a,
p.product-name a {
    color: #636363;
}
h2.product-name a:hover,
h3.product-name a:hover,
h4.product-name a:hover,
h5.product-name a:hover,
p.product-name a:hover {
    color: #3399cc;
    text-decoration: none;
}
.products-grid .product-name,
.products-list .product-name {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 14px;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.products-grid .product-name a,
.products-list .product-name a {
    font-weight: 500;
}
/* ============================================ *
 * Product Grid
 * ============================================ */

.products-grid {
    position: relative;
}
.products-grid:after {
    content: '';
    display: table;
    clear: both;
}
.products-grid > li {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}
.products-grid > li:after {
    content: '';
    display: table;
    clear: both;
}
.products-grid .product-image {
    width: 100%;
    margin-bottom: 15px;
}
.products-grid .product-image img {
    width: 100%;
    height: auto;
}
.products-grid .product-image img:hidden {
    display: none;
}
.widget-new-products .products-grid .product-image {
    width: 75%;
    margin-bottom: 15px;
    margin-left: 10%;
}
.products-grid .product-info {
    position: relative;
    padding-bottom: 95px;
}
.products-grid .actions {
    padding-top: 10px;
    position: absolute;
    bottom: 0px;
    min-height: 85px;
    width: 100%;
}
.products-grid .ratings .rating-box {
    margin: 0 auto;
}
.products-grid .ratings .amount {
    display: none;
}
.products-grid .price-box {
    color: #a0a0a0;
    font-size: 13px;
    margin: 0 0 5px;
}
.products-grid .add-to-links {
    margin-bottom: 0;
}
/* Config: Two columns + flexible gutter */

.products-grid > li {
    float: left;
    width: 47.72727%;
    margin-right: 4.54545%;
}
.products-grid > li:nth-child(odd) {
    clear: left;
}
.products-grid > li:nth-child(even) {
    margin-right: 0;
}
.products-grid .product-image {
    margin-bottom: 5px;
}
.products-grid .product-image:before,
.products-grid .product-image:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}
.products-grid .product-image:before {
    background-color: white;
    opacity: 0.8;
    z-index: 2;
}
.products-grid .product-image:after {
    background-image: url("../images/opc-ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
}
.products-grid .product-image.loading {
    position: relative;
}
.products-grid .product-image.loading:before,
.products-grid .product-image.loading:after {
    display: block;
}
@media only screen and (min-width: 480px) {
    /* Config: Three columns + flexible gutter */
    
    .products-grid {
        /* Undo two-column config */
        /* Set three-column config */
    }
    .products-grid > li:nth-child(odd) {
        clear: none;
    }
    .products-grid > li:nth-child(even) {
        margin-right: 3.7037%;
    }
    .products-grid > li {
        width: 30.8642%;
        margin-right: 3.7037%;
    }
    .products-grid > li:nth-child(3n+1) {
        clear: left;
    }
    .products-grid > li:nth-child(3n) {
        margin-right: 0;
    }
}
@media only screen and (min-width: 960px) {
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    
    .products-grid--max-4-col > li:nth-child(odd) {
        clear: none;
    }
    .products-grid--max-4-col > li:nth-child(3n+1) {
        clear: none;
    }
    .products-grid--max-4-col > li:nth-child(even),
    .products-grid--max-4-col > li:nth-child(3n) {
        margin-right: 2.22222%;
    }
    /* Set column config */
    
    .products-grid--max-4-col > li {
        margin-right: 2.22222%;
    }
    .products-grid--max-4-col > li {
        width: 23.33333%;
        margin-right: 2.22222%;
    }
    .products-grid--max-4-col > li:nth-child(4n+1) {
        clear: left;
    }
    .products-grid--max-4-col > li:nth-child(4n) {
        margin-right: 0;
    }
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    
    .products-grid--max-5-col > li:nth-child(odd) {
        clear: none;
    }
    .products-grid--max-5-col > li:nth-child(3n+1) {
        clear: none;
    }
    .products-grid--max-5-col > li:nth-child(even),
    .products-grid--max-5-col > li:nth-child(3n) {
        margin-right: 2.22222%;
    }
    /* Set column config */
    
    .products-grid--max-5-col > li {
        margin-right: 2.22222%;
    }
    .products-grid--max-5-col > li {
        width: 18.22222%;
        margin-right: 2.22222%;
    }
    .products-grid--max-5-col > li:nth-child(5n+1) {
        clear: left;
    }
    .products-grid--max-5-col > li:nth-child(5n) {
        margin-right: 0;
    }
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    
    .products-grid--max-6-col > li:nth-child(odd) {
        clear: none;
    }
    .products-grid--max-6-col > li:nth-child(3n+1) {
        clear: none;
    }
    .products-grid--max-6-col > li:nth-child(even),
    .products-grid--max-6-col > li:nth-child(3n) {
        margin-right: 2.22222%;
    }
    /* Set column config */
    
    .products-grid--max-6-col > li {
        margin-right: 2.22222%;
    }
    .products-grid--max-6-col > li {
        width: 14.81481%;
        margin-right: 2.22222%;
    }
    .products-grid--max-6-col > li:nth-child(6n+1) {
        clear: left;
    }
    .products-grid--max-6-col > li:nth-child(6n) {
        margin-right: 0;
    }
}
/* ============================================ *
 * Product List
 * ============================================ */

.products-list {
    margin-top: 20px;
    margin-bottom: 20px;
}
.products-list > li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ededed;
}
.products-list > li:after {
    content: '';
    display: table;
    clear: both;
}
.products-list > li .product-image {
    float: left;
    width: 33.33333%;
}
.products-list > li .product-image img {
    width: 100%;
    max-width: 100%;
}
.products-list > li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.products-list .product-shop {
    float: right;
    width: 66.66667%;
    padding-left: 20px;
}
.products-list .product-shop .product-name {
    margin-bottom: 0;
}
.products-list .product-shop .ratings {
    margin: 0;
}
.products-list .product-shop .ratings .rating-box,
.products-list .product-shop .ratings .rating-links {
    float: left;
    margin-right: 7px;
}
.products-list .product-shop .ratings .rating-links {
    margin-top: 4px;
}
.products-list .product-shop .price-box {
    margin-top: 0;
}
.products-list .product-shop .price-box .price {
    font-size: 18px;
}
.products-list .product-shop .action {
    margin: 7px 0;
}
.products-list .product-shop .desc {
    margin-top: 7px;
}
.products-list .product-shop .product-primary,
.products-list .product-shop .desc {
    float: left;
    width: 65%;
    overflow: hidden;
}
.products-list .product-shop .product-secondary {
    float: right;
    width: 35%;
    text-align: right;
    clear: right;
}
@media only screen and (min-width: 480px) {
    .products-list .product-name a {
        font-size: 18px;
    }
}
@media only screen and (max-width: 1279px) {
    .products-list .product-shop .product-primary,
    .products-list .product-shop .desc {
        float: left;
        width: 60%;
        padding-right: 20px;
    }
    .products-list .product-shop .product-secondary {
        float: right;
        width: 40%;
    }
}
@media only screen and (max-width: 600px) {
    .products-list .product-shop .price-box .special-price {
        padding-left: 0;
    }
    .products-list .product-shop .product-primary,
    .products-list .product-shop .product-secondary,
    .products-list .product-shop .desc {
        float: none;
        width: 100%;
        padding-right: 0;
        text-align: left;
    }
}
/* ============================================ *
 * Mini Product List
 * ============================================ */

.mini-products-list .product-image {
    float: left;
    min-width: 50px;
}
.mini-products-list .product-details {
    margin-left: 60px;
}
.mini-products-list .product-details .product-name {
    padding-top: 10px;
}
.mini-products-list li {
    margin-bottom: 10px;
    clear: both;
}
.mini-products-list li:after {
    content: '';
    display: table;
    clear: both;
}
.mini-products-images-list:after {
    content: '';
    display: table;
    clear: both;
}
.mini-products-images-list li.item {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0 5px 10px 0;
}
.mini-products-images-list li.item:nth-child(even) {
    padding-right: 0;
    padding-left: 5px;
}
.mini-products-images-list li.item .product-image {
    display: block;
}
.mini-products-images-list li.item .product-image img {
    width: 100%;
    max-width: 100%;
}
/* ============================================ *
 * Catalog - List
 * ============================================ */

.category-image {
    border: 1px solid #cccccc;
    padding: 10px;
}
.category-image img {
    width: 100%;
    max-width: 100%;
}
.category-image img:hidden {
    display: none;
}
/* ============================================ *
 * Layered Navigation
 * ============================================ */

.block-layered-nav .block-subtitle--filter {
    display: none;
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    position: relative;
    background-color: #f4f4f4;
    cursor: pointer;
}
.block-layered-nav .block-subtitle--filter:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #3399cc;
    border-bottom: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
}
.block-layered-nav .block-subtitle--filter:hover {
    background-color: #ececec;
}
.block-layered-nav .block-content .toggle-tabs {
    display: none;
}
.block-layered-nav .block-content > dl > dt {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    position: relative;
    background-color: #f4f4f4;
    display: block;
}
.block-layered-nav .block-content > dl > dt:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #3399cc;
    border-bottom: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
}
.block-layered-nav .block-content > dl > dt:hover {
    background-color: #ececec;
}
.block-layered-nav .block-content > dl > dd {
    padding: 10px;
    margin: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: #cccccc;
}
.block-layered-nav .block-content > dl > dd:last-child {
    border-width: 0 1px 1px 1px;
}
.block-layered-nav dl dd {
    margin-bottom: 10px;
    margin-top: 10px;
}
.block-layered-nav dl dd ol > li > span,
.block-layered-nav dl dd ol > li > a {
    padding: 5px 15px;
    display: block;
}
.block-layered-nav dl dd ol > li > a .count {
    color: #a0a0a0;
}
@media only screen and (min-width: 771px) {
    .block-layered-nav .block-content > dl > dt {
        padding-left: 10px;
    }
    .block-layered-nav .block-content > dl > dt:after {
        display: none;
    }
}
@media only screen and (max-width: 770px) {
    .sidebar .block.block-layered-nav {
        border-bottom: none;
    }
    .block-layered-nav--no-filters .block-title {
        display: none;
    }
    .block-layered-nav .block-content {
        padding-top: 0;
        margin-top: 15px;
    }
    .block-layered-nav .block-content > dl > dt {
        cursor: pointer;
        border-bottom-width: 0;
    }
    .block-layered-nav .block-content > dl > dt:hover {
        color: #3399cc;
    }
    .block-layered-nav .block-content > dl > dt:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #3399cc;
        border-right: none;
    }
    .block-layered-nav .block-content > dl > dt.last {
        border-bottom-width: 1px;
    }
    .block-layered-nav .block-content > dl > dd {
        display: none;
    }
    .block-layered-nav .block-content.accordion-open > dl > dt.current {
        border-bottom-width: 1px;
    }
    .block-layered-nav .block-content.accordion-open > dl > dt.current:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 4px solid #3399cc;
        border-bottom: none;
        left: 6px;
        top: 50%;
        margin-top: -3px;
    }
    .block-layered-nav .block-content.accordion-open > dl > dd.current {
        display: block;
    }
    .block-layered-nav .block-subtitle--filter {
        background-color: #3399cc;
        border: 0;
        margin-bottom: 0;
        display: block;
        color: #FFFFFF;
    }
    .block-layered-nav .block-subtitle--filter:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid white;
        border-right: none;
        right: 10px;
        top: 50%;
        margin-top: -5px;
    }
    .block-layered-nav .block-subtitle--filter:hover {
        background-color: #2e8ab8;
        color: #FFFFFF;
    }
    .block-layered-nav .block-subtitle--filter.active:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 4px solid white;
        border-bottom: none;
        right: 10px;
        top: 50%;
        margin-top: -3px;
    }
    #narrow-by-list,
    #narrow-by-list2 {
        padding: 10px;
        border: 1px solid #cccccc;
        border-top: 0;
    }
    .block-layered-nav dl ol > li > a,
    .block-layered-nav dl ol > li > span {
        padding: 7px;
        margin: 5px;
    }
    .block-layered-nav dl ol > li > a {
        color: #636363;
        background-color: #f4f4f4;
        padding: 5px 10px;
    }
    .block-layered-nav dl ol > li > a:hover {
        text-decoration: none;
        background: #ececec;
    }
}
.block-layered-nav .currently .block-subtitle {
    display: block;
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
}
.block-layered-nav .currently ol {
    padding-left: 10px;
    margin-bottom: 10px;
}
.block-layered-nav .currently ol li {
    margin-bottom: 5px;
}
.block-layered-nav .currently ol li .label {
    font-weight: bold;
}
.block-layered-nav .currently ol li:after {
    content: '';
    display: table;
    clear: both;
}
.block-layered-nav .actions {
    text-align: right;
    margin-bottom: 7px;
}
/* ============================================ *
 * Catalog - Product
 * ============================================ */

.product-view .product-essential .extra-info .ratings .rating-box,
.product-view .product-essential .extra-info .ratings .amount {
    float: left;
}
.product-view .product-essential .extra-info .ratings .rating-box {
    margin-top: 8px;
    margin-right: 10px;
}
.product-view .product-essential .extra-info .ratings:after {
    content: '';
    display: table;
    clear: both;
}
.product-view .product-essential:after {
    content: '';
    display: table;
    clear: both;
}
.product-view .product-shop .product-name .h1,
.product-view .product-img-box .product-name h1 {
    color: #3399cc;
    margin-bottom: 10px;
    border: 0;
}
.product-view .product-shop {
    width: 50%;
    float: right;
}
.product-view .product-shop .product-name {
    display: none;
    float: left;
}
.product-view .product-shop .product-name .h1 {
    float: left;
    margin-bottom: 5px;
}
.product-view .product-shop .extra-info {
    float: left;
    padding-right: 15px;
    clear: left;
    width: 70%;
}
.product-view .product-shop .price-info {
    float: right;
    padding-left: 15px;
    text-align: right;
}
.product-view .product-shop .extra-info,
.product-view .product-shop .price-info {
    max-width: 70%;
    margin-bottom: 10px;
}
.product-view .product-shop .short-description {
    margin-bottom: 10px;
    clear: both;
}
.product-view .product-shop .ratings {
    margin-bottom: 8px;
}
.product-view .product-shop .availability {
    font-size: 16px;
}
.product-view .product-shop .price-box {
    margin-top: 0;
}
.product-view .product-shop .price-box .old-price,
.product-view .product-shop .price-box .special-price,
.product-view .product-shop .price-box .regular-price {
    padding-right: 0;
    line-height: 1.2;
}
.product-view .product-shop .price-box .regular-price .price,
.product-view .product-shop .price-box .special-price .price,
.product-view .product-shop .price-box .full-product-price .price {
    color: #3399cc;
    font-size: 24px;
}
.product-view .product-shop .price-box .special-price .price-label {
    font-size: 16px;
    text-transform: uppercase;
}
.product-view .product-shop .price-box .special-price span.weee {
    color: #636363;
}
.product-view .product-shop .price-box .special-price span.weee span.price {
    font-size: 16px;
}
.product-view .product-shop .price-box .price-excluding-tax,
.product-view .product-shop .price-box .price-including-tax {
    display: block;
    line-height: 1.2;
    color: #636363;
}
.product-view .product-shop .price-box .price-excluding-tax .label,
.product-view .product-shop .price-box .price-including-tax .label {
    font-size: 16px;
    font-weight: 300;
}
.product-view .product-shop .price-box .price-excluding-tax .price,
.product-view .product-shop .price-box .price-including-tax .price {
    font-size: 20px;
}
.product-view .price-box.map-info a {
    display: inherit;
}
.product-view .old-price .price-label {
    display: none;
}
.product-view .add-to-cart-wrapper,
.product-view .block-related {
    width: 50%;
    float: right;
    clear: right;
}
@media only screen and (max-width: 850px) {
    .product-view .product-shop .price-box .price-excluding-tax .label,
    .product-view .product-shop .price-box .price-including-tax .label {
        font-size: 15px;
    }
    .product-view .product-shop .price-box .price-excluding-tax .price,
    .product-view .product-shop .price-box .price-including-tax .price {
        font-size: 18px;
    }
}
@media only screen and (max-width: 770px) {
    .product-view .add-to-cart-wrapper {
        float: none;
        width: 100%;
        clear: both;
    }
    .product-view .product-shop .price-box .price-excluding-tax .label,
    .product-view .product-shop .price-box .price-including-tax .label {
        font-size: 16px;
    }
    .product-view .product-shop .price-box .price-excluding-tax .price,
    .product-view .product-shop .price-box .price-including-tax .price {
        font-size: 20px;
    }
}
@media only screen and (max-width: 420px) {
    .product-view .product-shop .price-box .price-excluding-tax,
    .product-view .product-shop .price-box .price-including-tax {
        margin-bottom: 5px;
    }
    .product-view .product-shop .price-box .price-excluding-tax span,
    .product-view .product-shop .price-box .price-including-tax span {
        display: block;
    }
}
.product-img-box {
    width: 50%;
    float: left;
}
.product-img-box .product-name h1 {
    border: 0;
}
.product-img-box .product-image {
    margin-bottom: 10px;
}
.product-img-box .product-image img {
    max-width: 100%;
    max-height: 750px;
    margin: 0px auto;
}
@media only screen and (max-width: 479px) {
    .product-img-box .product-image img {
        max-height: 450px;
    }
}
.product-image-gallery {
    position: relative;
}
.product-image-gallery .gallery-image {
    display: none;
}
.product-image-gallery .gallery-image.visible {
    display: block;
}
.product-image-gallery .gallery-image.visible.hidden {
    visibility: hidden;
}
.product-image-gallery:before,
.product-image-gallery:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}
.product-image-gallery:before {
    background-color: white;
    opacity: 0.8;
    z-index: 2;
}
.product-image-gallery:after {
    background-image: url("../images/opc-ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
}
.product-image-gallery.loading {
    position: relative;
}
.product-image-gallery.loading:before,
.product-image-gallery.loading:after {
    display: block;
}
.product-image-thumbs li {
    display: inline-block;
}
.product-image-thumbs li:first-child {
    margin-left: -1px;
}
.product-image-thumbs a {
    display: inline-block;
    border: 1px solid transparent;
}
.no-touch .product-image-thumbs a:hover {
    border-color: #c7c7c7;
}
.product-view .product-shop,
.product-view .add-to-cart-wrapper,
.product-view .block-related {
    padding-left: 15px;
}
.product-img-box {
    padding-right: 15px;
}
.product-view .product-shop,
.product-img-box,
.product-collateral,
.product-view .block-related,
.box-collateral {
    margin-bottom: 10px;
}
.product-view {
    /* Set a min-height so that the floated elements break appropriately */
}
.product-view .add-to-box:after,
.product-view .add-to-cart:after {
    content: '';
    display: table;
    clear: both;
}
.product-view .add-to-cart {
    padding-bottom: 3px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}
.product-view .add-to-cart .qty-wrapper,
.product-view .product-options-bottom .price-box,
.product-view .add-to-cart-buttons {
    min-height: 40px;
}
.product-view .product-options-bottom .price-box,
.product-view .add-to-cart .qty-wrapper,
.product-view .add-to-cart-buttons .button,
.product-view .add-to-cart-buttons .paypal-logo {
    margin-bottom: 10px;
}
.product-view .add-to-cart .qty-wrapper,
.product-view .add-to-cart .qty-wrapper label {
    margin-right: 7px;
    float: left;
}
.product-view .add-to-cart .qty-wrapper label {
    line-height: 40px;
}
.product-view .add-to-cart .qty-wrapper .qty {
    float: left;
    height: 40px;
}
.product-view .add-to-cart-buttons {
    float: left;
    margin-right: 10px;
    max-width: 100%;
}
.product-view .add-to-cart-buttons .paypal-logo {
    clear: left;
    text-align: center;
}
.product-view .add-to-cart-buttons .paypal-logo .paypal-button {
    margin: 0 auto;
    display: block;
    width: 170px;
}
.product-view .add-to-cart-buttons .paypal-logo .bml_button {
    display: block;
    width: 174px;
    margin: 0 auto;
}
.product-view .add-to-cart-buttons .paypal-logo .bml_button a {
    text-align: center;
}
.product-view .add-to-cart-buttons .paypal-logo .paypal-or {
    display: block;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    line-height: 1;
    text-align: center;
}
.product-view .add-to-cart-buttons .button {
    min-height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding: 0px 30px;
    float: left;
    min-width: 160px;
    width: 100%;
    white-space: normal;
}
.product-view .alert-price,
.product-view .alert-stock {
    clear: both;
}
@media only screen and (max-width: 479px) {
    .product-view .add-to-cart-buttons .paypal-or {
        line-height: 20px;
    }
    .product-view .add-to-cart-buttons .paypal-logo,
    .product-view .add-to-cart-buttons .paypal-or,
    .product-view .add-to-cart-buttons .paypal-button,
    .product-view .add-to-cart-buttons .button {
        text-align: center;
        width: 100%;
        display: block;
        margin-right: 0;
        margin-left: 0;
        float: none;
    }
}
/* This is the "or" that separates the "Add to Cart" and "Add to X" links */

.add-to-box .or {
    display: none;
}
.product-view .add-to-links {
    clear: both;
    margin-top: 0px;
    margin-right: 15px;
    float: left;
}
.product-view .add-to-links:after {
    content: '';
    display: table;
    clear: both;
}
.product-view .add-to-links li {
    float: left;
}
.product-view .add-to-links a {
    padding: 2px 7px 2px 0px;
    margin-left: 7px;
    border-right: 1px solid #cccccc;
}
.product-view .add-to-links li:first-child a {
    margin-left: 0px;
}
.product-view .add-to-links li:last-child a {
    border-right: 0px;
}
.product-view .sharing-links {
    float: left;
}
.product-view .sharing-links:after {
    content: '';
    display: table;
    clear: both;
}
.product-view .sharing-links li {
    float: left;
    padding: 0px 7px 7px;
}
.product-view .sharing-links a {
    text-indent: -9999px;
    display: block;
    width: 26px;
    height: 26px;
}
.product-view .sharing-links a:hover {
    opacity: 0.8;
}
.product-view .sharing-links a.link-wishlist {
    background-position: 0px -225px;
}
.product-view .sharing-links a.link-compare {
    background-position: 0px -250px;
}
.product-view .sharing-links a.link-email-friend {
    background-position: 0px -322px;
}
.product-view .sharing-links a.link-facebook {
    background-position: 0px -425px;
}
.product-view .sharing-links a.link-twitter {
    background-position: 0px -372px;
}
@media only screen and (max-width: 599px) {
    .add-to-box .add-to-links a {
        float: none;
        width: auto;
        text-indent: 0;
    }
}
.product-collateral {
    clear: both;
}
.collateral-tabs dd h2 {
    display: none;
}
.box-collateral {
    clear: both;
}
@media only screen and (min-width: 771px) {
    .product-collateral .toggle-tabs {
        display: block;
        width: 100%;
        position: relative;
        border: 1px solid #cccccc;
        background-color: #f4f4f4;
    }
    .product-collateral .toggle-tabs li {
        float: left;
        border-right: 1px solid transparent;
        border-left: 1px solid transparent;
    }
    .product-collateral .toggle-tabs li > span {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none;
        display: inline-block;
        padding: 0 30px;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        text-transform: uppercase;
        font-size: 12px;
        position: relative;
        bottom: -1px;
    }
    .product-collateral .toggle-tabs li.current {
        border-right: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
    }
    .product-collateral .toggle-tabs li.current > span {
        background-color: #FFFFFF;
        z-index: 5;
    }
    .product-collateral .toggle-tabs li.current span,
    .product-collateral .toggle-tabs li:hover span {
        color: #3399cc;
    }
    .product-collateral .toggle-tabs li:first-child {
        border-left: none;
    }
    .product-collateral .toggle-tabs:after {
        content: '';
        display: table;
        clear: both;
    }
    .product-collateral > dl {
        width: 100%;
    }
    .product-collateral > dl > dt {
        display: none;
    }
    .product-collateral > dl > dd {
        width: 100%;
        display: none;
        padding: 15px;
        border: 1px solid #cccccc;
        border-top: 0;
    }
    .product-collateral > dl > dd.current {
        display: block;
    }
}
@media only screen and (max-width: 770px) {
    .product-collateral .toggle-tabs {
        display: none;
    }
    .product-collateral > dl > dt {
        margin: 0;
        margin-bottom: 10px;
        color: #636363;
        font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        line-height: 1.4;
        text-rendering: optimizeSpeed;
        text-transform: uppercase;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none;
        font-weight: normal;
        margin-bottom: 0px;
        padding: 7px 10px 7px 24px;
        border-width: 1px;
        border-style: solid;
        border-color: #cccccc;
        position: relative;
        background-color: #f4f4f4;
        display: block;
    }
    .product-collateral > dl > dt:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 4px solid #3399cc;
        border-bottom: none;
        left: 10px;
        top: 50%;
        margin-top: -3px;
    }
    .product-collateral > dl > dt:hover {
        background-color: #ececec;
    }
    .product-collateral > dl > dd {
        padding: 10px;
        margin: 0;
        border-width: 0 1px;
        border-style: solid;
        border-color: #cccccc;
    }
    .product-collateral > dl > dd:last-child {
        border-width: 0 1px 1px 1px;
    }
    .product-collateral > dl > dt {
        cursor: pointer;
        border-bottom-width: 0;
    }
    .product-collateral > dl > dt:hover {
        color: #3399cc;
    }
    .product-collateral > dl > dt:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #3399cc;
        border-right: none;
    }
    .product-collateral > dl > dt.last {
        border-bottom-width: 1px;
    }
    .product-collateral > dl > dd {
        display: none;
    }
    .product-collateral.accordion-open > dl > dt.current {
        border-bottom-width: 1px;
    }
    .product-collateral.accordion-open > dl > dt.current:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 4px solid #3399cc;
        border-bottom: none;
        left: 6px;
        top: 50%;
        margin-top: -3px;
    }
    .product-collateral.accordion-open > dl > dd.current {
        display: block;
    }
}
@media only screen and (max-width: 770px) {
    .product-view .product-shop,
    .product-view .add-to-cart-wrapper,
    .product-view .block-related,
    .product-img-box,
    .product-collateral {
        width: 100%;
        float: none;
        padding-right: 0;
        padding-left: 0;
    }
}
@media only screen and (min-width: 771px) {
    .product-view .product-shop .product-name {
        display: block;
    }
    .product-img-box .product-name {
        display: none;
    }
}
@media only screen and (max-width: 479px) {
    .product-view .product-shop,
    .product-img-box,
    .product-collateral,
    .product-view .block-related,
    .box-collateral {
        margin-bottom: 15px;
    }
}
.product-view .ratings .rating-links {
    clear: left;
    float: left;
    margin-top: 0;
}
#product-attribute-specs-table {
    max-width: 50em;
    border: 1px solid silver;
}
#product-attribute-specs-table th {
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
}
/* -------------------------------------------- *
 * Catalog - Grouped Product List
 */

.grouped-items-table-wrapper {
    border: solid 1px silver;
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
}
.grouped-items-table-wrapper tbody tr:last-child td {
    border-bottom: none;
}
@media only screen and (max-width: 479px) {
    .grouped-items-table-wrapper {
        margin-bottom: 15px;
    }
}
.grouped-items-table .name-wrapper {
    color: #3399cc;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.grouped-items-table .qty-wrapper {
    padding-top: 7px;
}
.grouped-items-table .qty-label {
    margin-left: 7px;
}
.grouped-items-table td {
    padding: 4px;
}
.grouped-items-table td:last-child {
    width: 30%;
    text-align: left;
}
.grouped-items-table .price-box {
    text-align: right;
}
/* -------------------------------------------- *
 * Catalog - Product Options
 */

.product-options {
    width: 100%;
    margin: 10px 0 0;
    padding: 10px 15px 15px;
    border: 1px solid #cccccc;
    clear: both;
    position: relative;
}
.product-options p.required {
    position: absolute;
    top: 6px;
    right: 15px;
    text-align: right;
}
@media only screen and (max-width: 979px) {
    .product-view .product-options .required {
        position: static;
    }
}
.product-options dt {
    margin: 10px 0 3px;
    font-weight: normal;
}
.product-options dt:first-child {
    margin-top: 0;
}
.product-options dd .qty-holder {
    display: block;
    padding: 10px 0 0 0;
}
.product-options dd .qty-holder .qty {
    width: 3em;
}
.product-options dd .qty-holder label {
    vertical-align: middle;
}
.product-options dd .qty-disabled {
    background: none;
    border: 0;
    padding: 0 2px;
}
.product-options dd {
    padding: 0 0 10px 0;
    margin: 0 0 5px;
    border-bottom: 1px solid #ededed;
}
.product-options dl.last dd.last {
    border-bottom: 0;
    padding-bottom: 5px;
    margin-bottom: 0;
}
.product-options dd .input-text {
    width: 98%;
}
.product-options dd .input-box {
    padding-top: 0;
}
.product-options dd input.datetime-picker {
    width: 150px;
}
.product-options dd .time-picker {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 2px 0;
    vertical-align: middle;
}
.product-options dd textarea {
    width: 98%;
    height: 8em;
}
.product-options dd select {
    width: 330px;
    max-width: 100%;
}
.product-options ul.options-list {
    margin-right: 5px;
}
.product-options ul.options-list li {
    line-height: 1.5;
    margin-bottom: 7px;
}
.product-options ul.options-list li:last-child {
    margin-bottom: 0;
}
.product-options ul.options-list .radio,
.product-options ul.options-list .checkbox {
    float: left;
    margin-top: 5px;
}
.product-options ul.options-list .label {
    display: block;
}
.product-options ul.options-list label {
    font-weight: normal;
}
.product-options p.note {
    margin: 0;
    font-size: 11px;
}
.product-options-bottom {
    background-color: #f4f4f4;
    padding: 15px 20px;
    border: 1px solid #cccccc;
    border-top: 0;
    margin-bottom: 10px;
}
.product-options-bottom:after {
    content: '';
    display: table;
    clear: both;
}
.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices {
    float: right;
    margin: 0;
    padding: 0 0 10px;
    border: 0;
    background: 0;
    color: #636363;
}
@media only screen and (max-width: 1199px) {
    .product-options-bottom .product-pricing,
    .product-options-bottom .tier-prices {
        float: none;
        width: 100%;
        text-align: right;
        padding-bottom: 5px;
        margin-bottom: 10px;
        border-bottom: 1px solid #cccccc;
    }
}
.product-options-bottom .tier-prices li {
    background: 0;
    padding: 2px 0;
}
.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit {
    color: #636363;
}
/* "display: none" should be removed if products on site have a long list of product options and those product options */
/*  affect the price so that the customer can see the updated price close to the "Add to Cart" button */

.product-options-bottom .price-box {
    display: none;
    float: right;
    margin: 0 0 10px;
    padding: 0;
}
@media only screen and (max-width: 479px) {
    .product-options-bottom .price-box .price-as-configured {
        text-align: right;
    }
    .product-options-bottom .price-box .price-as-configured .price-label {
        display: block;
    }
}
.product-options-bottom .price-tax {
    float: left;
}
/* -------------------------------------------- *
 * Related Products
 */
/* Block: Related */

.block-related li {
    margin-bottom: 7px;
}
.block-related .block-title {
    border-bottom: none;
}
.block-related .block-title h2 {
    margin: 0;
    margin-bottom: 0.5em;
    color: #636363;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
    margin-bottom: 0;
}
.block-related .block-subtitle {
    margin-bottom: 7px;
}
.block-related .product {
    margin-left: 20px;
    position: relative;
}
.block-related .checkbox {
    float: left;
    margin-top: 36px;
}
.block-related .product-details {
    margin-left: 90px;
}
.block-related .product-name {
    margin-bottom: 3px;
}
.block-related .product-details .price-box {
    margin: 2px 0 3px;
}
.block-related .product-details .price-box a,
.block-related .product-details .price-box p,
.block-related .product-details .price-box span {
    float: left;
    margin-left: 3px;
}
.block-related .product-details .price-box a:first-child,
.block-related .product-details .price-box p:first-child,
.block-related .product-details .price-box span:first-child {
    margin-left: 0;
    font-size: 16px;
    padding-right: 5px;
    padding-left: 5px;
}
.block-related .product-details .price-box:after {
    content: '';
    display: table;
    clear: both;
}
.block-related .link-wishlist {
    display: none;
}
/* -------------------------------------------- *
 * Upsell Products
 */

.box-up-sell {
    margin-top: 20px;
}
.box-up-sell .ratings {
    display: none;
}
/* ============================================ *
 * Catalog - MSRP MAP Popup
 * ============================================ */

.cart-msrp-totals {
    color: red;
    font-size: 12px !important;
    font-weight: bold;
    margin: 10px 10px 0;
    padding: 10px;
    text-align: right;
    text-transform: uppercase;
}
.map-cart-sidebar-total {
    color: red;
    display: block;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding: 2px 5px;
}
.map-popup {
    background: #FFFFFF;
    border: 5px solid #cccccc;
    margin: 12px 0 0;
    position: absolute;
    text-align: left;
    width: 450px;
    z-index: 100;
}
@media only screen and (min-width: 771px) {
    .map-popup.map-popup-right {
        left: 10px !important;
    }
    .map-popup.map-popup-left {
        left: auto !important;
        right: 10px !important;
    }
}
@media only screen and (max-width: 770px) {
    .map-popup {
        width: 100%;
        left: 0px !important;
    }
}
.map-popup .map-popup-heading {
    padding: 8px 10px;
    margin-right: 40px;
    width: auto;
}
.map-popup .map-popup-heading h3 {
    font-size: 14px;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word;
    text-align: left;
    text-overflow: ellipsis;
}
@media only screen and (max-width: 479px) {
    .map-popup .map-popup-heading h3 {
        text-align: center;
    }
}
.map-popup .map-popup-close {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 36px;
    width: 36px;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
}
.map-popup .map-popup-content {
    border-top: 1px solid #ededed;
    padding: 10px;
    margin: 0 10px;
    overflow: hidden;
    text-align: left;
}
@media only screen and (max-width: 479px) {
    .map-popup .map-popup-content {
        text-align: center;
    }
}
.map-popup .map-popup-checkout {
    padding: 10px 0;
}
.map-popup .map-popup-checkout form:after {
    content: '';
    display: table;
    clear: both;
}
.map-popup .map-popup-checkout span {
    display: block;
}
.map-popup .map-popup-checkout .button {
    float: left;
    margin: 0 2px;
    clear: left;
}
.map-popup .map-popup-checkout .additional-addtocart-box {
    float: left;
    min-width: 210px;
}
.map-popup .map-popup-checkout .additional-addtocart-box li {
    list-style-type: none;
}
.map-popup .map-popup-checkout .paypal-logo {
    width: auto;
}
.map-popup .map-popup-checkout .paypal-logo a {
    display: inline-block;
    float: left;
    clear: left;
}
.map-popup .map-popup-checkout .paypal-logo .paypal-or {
    float: left;
    text-align: center;
    padding: 5px 15px;
    clear: left;
}
.map-popup .map-popup-checkout .paypal-logo:after {
    content: '';
    display: table;
    clear: both;
}
.map-popup .map-popup-checkout .paypal-logo .bml_button a {
    clear: left;
}
@media only screen and (max-width: 479px) {
    .map-popup .map-popup-checkout {
        text-align: center;
    }
    .map-popup .map-popup-checkout .button,
    .map-popup .map-popup-checkout .additional-addtocart-box,
    .map-popup .map-popup-checkout .paypal-logo a,
    .map-popup .map-popup-checkout .paypal-logo .paypal-or {
        float: none;
    }
    .map-popup .map-popup-checkout .additional-addtocart-box {
        min-width: 0px;
    }
    .map-popup .map-popup-checkout .paypal-logo .paypal-or {
        margin: 0px;
        margin-bottom: 10px;
    }
}
.map-popup .map-popup-checkout:after {
    content: '';
    display: table;
    clear: both;
}
.map-popup .map-popup-price {
    padding: 10px 0;
}
@media only screen and (max-width: 479px) {
    .map-popup .map-popup-price {
        text-align: center;
        padding-top: 0px;
    }
}
.map-popup .map-popup-price .price-box,
.map-popup .map-popup-price .price-box .special-price {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.map-popup .map-popup-price .price-box .minimal-price-link {
    display: inline-block;
}
.map-popup .map-popup-text {
    padding: 10px 0;
    margin: 0 10px;
    word-wrap: break-word;
}
.map-popup .map-popup-text,
.map-popup .map-popup-only-text {
    border-top: 1px solid #ededed;
}
/* ============================================ *
 * Catalog - MSRP Product Listing
 * ============================================ */

.price-box .map-link {
    display: block;
    text-align: center;
}
/* ============================================ *
 * Catalog - Compare
 * ============================================ */

.block-compare .product-name:after {
    content: '';
    display: table;
    clear: both;
}
.compare-table .product-image {
    display: inline-block;
}
.compare-table .product-shop-row.top td {
    padding-bottom: 0;
    border-bottom: 0;
}
.compare-table .product-shop-row.bottom td {
    padding-top: 0;
}
/* ============================================ *
 * Checkout - Layout
 * ============================================ */

.cart-table {
    float: left;
    width: 60%;
}
.cart .button {
    white-space: normal;
}
.cart-forms,
.cart-totals-wrapper,
.crosssell {
    float: right;
    clear: right;
    width: 40%;
    padding-left: 20px;
}
.cart-totals,
.cart-forms .discount,
.cart-forms .giftcard,
.cart-forms .shipping {
    padding: 10px;
    background-color: #f4f4f4;
    border: 1px solid #cccccc;
}
.cart-table,
.cart-totals,
.cart-forms .discount,
.cart-forms .giftcard,
.cart-forms .shipping {
    margin-bottom: 20px;
}
.checkout-cart-index #postcode {
    width: 100%;
}
.display-both-prices .cart-table {
    float: none;
    width: 100%;
}
.display-both-prices .cart-forms {
    float: left;
    padding-right: 10px;
    padding-left: 0;
}
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {
    padding-left: 10px;
}
.display-both-prices .cart-forms,
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {
    width: 50%;
}
.display-both-prices .crosssell {
    clear: right;
    float: right;
}
@media only screen and (max-width: 979px) {
    .display-single-price .cart-table {
        float: none;
        width: 100%;
    }
    .display-single-price .cart-forms {
        float: left;
        padding-right: 10px;
        padding-left: 0;
    }
    .display-single-price .cart-totals-wrapper,
    .display-single-price .crosssell {
        padding-left: 10px;
    }
    .display-single-price .cart-forms,
    .display-single-price .cart-totals-wrapper,
    .display-single-price .crosssell {
        width: 50%;
    }
    .display-single-price .crosssell {
        clear: right;
        float: right;
    }
}
@media only screen and (max-width: 599px) {
    .product-cart-sku {
        display: none;
    }
    .display-both-prices .cart-forms,
    .display-both-prices .cart-totals-wrapper,
    .display-both-prices .crosssell,
    .display-single-price .cart-forms,
    .display-single-price .cart-totals-wrapper,
    .display-single-price .crosssell {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        float: none;
        width: 100%;
    }
}
.display-single-price:after {
    content: '';
    display: table;
    clear: both;
}
/* ============================================ *
 * Checkout - Cart
 * ============================================ */

.cart .page-title {
    margin-bottom: 15px;
    border-bottom: 1px solid #ededed;
}
.cart .page-title:after {
    content: '';
    display: table;
    clear: both;
}
.cart .page-title h1 {
    float: left;
    border-bottom: none;
    margin-bottom: 6px;
    margin-right: 10px;
}
.checkout-types {
    float: right;
    text-align: right;
    max-width: 100%;
    /* We always want this shipping method to display on its own line */
}
.checkout-types li {
    vertical-align: top;
    margin: 0 0 5px 5px;
}
.checkout-types li:after {
    content: '';
    display: table;
    clear: both;
}
.checkout-types li img {
    display: inline;
    vertical-align: top;
}
.checkout-types li:first-child {
    margin-left: 0;
}
.checkout-types .method-checkout-cart-methods-multishipping {
    display: block;
}
.checkout-types.top li {
    display: inline-block;
}
.checkout-types.top .bml_button {
    display: inline-block;
    vertical-align: top;
}
.checkout-types.top .bml_button img {
    display: block;
}
.checkout-types.top .paypal-logo .paypal-or {
    margin-top: 5px;
}
.checkout-types.bottom .paypal-logo a,
.checkout-types.minicart .paypal-logo a {
    display: block;
}
.checkout-types.bottom .paypal-or,
.checkout-types.minicart .paypal-or {
    margin: 0px;
    display: block;
    text-align: center;
}
@media only screen and (min-width: 741px) {
    .checkout-types.bottom .paypal-or {
        text-align: right;
        padding-right: 70px;
    }
}
.cart-totals .checkout-types .btn-checkout {
    margin-bottom: 7px;
}
@media only screen and (max-width: 740px) {
    .checkout-types {
        float: none;
        text-align: center;
    }
    .checkout-types.bottom .paypal-or,
    .checkout-types.minicart .paypal-or {
        width: auto;
        float: none;
    }
    .checkout-types li {
        float: none;
        width: 100%;
        margin-left: 0;
    }
}
@media only screen and (max-width: 599px) {
    .btn-checkout {
        width: 100%;
    }
}
.cart-table {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.cart-table th,
.cart-table td,
.cart-table tbody td {
    border-bottom: none;
    vertical-align: top;
}
.cart-table h2 {
    color: #636363;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.cart-table thead th,
.cart-table tbody td {
    background-color: transparent;
    padding: 10px 5px;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.cart-table .product-cart-info,
.cart-table .product-cart-actions {
    padding-left: 15px;
}
.cart-table tr {
    border-bottom: 1px solid silver;
}
.cart-table tfoot tr {
    background: none;
}
.cart-table tfoot tr > td:after {
    content: '';
    display: table;
    clear: both;
}
.cart-table span.or {
    font-size: 9px;
    padding: 0 5px;
    text-transform: uppercase;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.cart-table .product-cart-image .cart-links,
.cart-table .product-cart-info .btn-remove,
.cart-table .product-cart-actions .button {
    display: none;
}
.cart-table .product-cart-image {
    padding-left: 0;
    padding-right: 0;
}
.cart-table .product-cart-image .product-image img {
    max-width: 100%;
    width: 100%;
}
.cart-table .product-cart-image a.cart-edit {
    display: none;
}
.cart-table .product-cart-sku {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-style: italic;
    font-size: 12px;
    margin: 5px 0 12px;
}
.cart-table .product-cart-sku .label {
    font-weight: 600;
}
.cart-table .btn-empty {
    float: left;
}
.cart-table .product-cart-total,
.cart-table .product-cart-price {
    text-align: center;
}
.cart-table .cart-tax-total {
    position: relative;
    cursor: pointer;
}
.cart-table .cart-tax-total:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #3399cc;
    border-left: none;
    position: absolute;
    top: 3px;
    right: -11px;
}
.cart-table .cart-tax-total.cart-tax-total-expanded:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #3399cc;
    border-bottom: none;
    right: -15px;
    top: 6px;
}
.cart-table .cart-links > li {
    white-space: nowrap;
    line-height: 1.3;
    margin-bottom: 5px;
    min-width: 65px;
    font-size: 13px;
}
.cart-table .cart-links > li > a {
    display: block;
}
.cart-table .cart-links > li:last-child {
    margin-bottom: 0;
}
.cart-table .product-cart-actions {
    min-width: 60px;
    text-align: center;
}
.cart-table .product-cart-actions .qty {
    height: 30px;
    border-color: silver;
    border-radius: 0;
    margin-bottom: 10px;
    text-align: center;
    width: 3.2em;
}
.cart-table .product-cart-actions .button {
    margin-bottom: 5px;
}
.cart-table .item-options {
    padding-left: 15px;
}
@media only screen and (max-width: 770px) {
    .cart-table th {
        font-size: 12px;
    }
    .cart-table th,
    .cart-table td {
        padding: 7px 6px;
    }
    .cart-table .product-cart-actions > li {
        white-space: inherit;
    }
}
@media only screen and (max-width: 699px) {
    .display-both-prices .cart-table thead th.cart-total-head,
    .display-both-prices .cart-table td.product-cart-total {
        display: none;
    }
}
@media only screen and (max-width: 599px) {
    .cart-table colgroup,
    .cart-table thead {
        display: none;
    }
    .cart-table tr {
        display: block;
        margin-bottom: 10px;
        padding-bottom: 10px;
        position: relative;
        width: 100%;
    }
    .cart-table tr:after {
        content: '';
        display: table;
        clear: both;
    }
    .cart-table tr:last-child {
        margin-bottom: 0;
    }
    .cart-table tfoot tr {
        padding-bottom: 0;
    }
    .cart-table td {
        border: none;
        display: block;
    }
    .cart-table td[data-rwd-label] {
        padding-left: 15px;
        margin-bottom: 6px;
    }
    .cart-table td[data-rwd-label] .price {
        font-weight: normal;
    }
    .cart-table td[data-rwd-label]:before {
        content: attr(data-rwd-label) ":";
        font-size: 12px;
        font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
        padding-right: 5px;
        text-transform: uppercase;
    }
    .cart-table td.product-cart-price {
        text-align: left;
    }
    .cart-table h2 {
        font-size: 12px;
    }
    .cart-table .cart-links {
        padding-top: 5px;
        padding-right: 5px;
    }
    .cart-table .cart-links > li {
        white-space: normal;
        text-align: center;
    }
    .cart-table .cart-links > li > a {
        padding: 2px 0px;
    }
    .cart-table .cart-tax-info {
        font-style: italic;
        padding-left: 15px;
        font-size: 13px;
    }
    .cart-table .cart-tax-info .price {
        font-size: 13px;
    }
    .cart-table .product-cart-image {
        width: 25%;
        float: left;
        padding-bottom: 0;
    }
    .cart-table .product-cart-image a.cart-edit {
        display: block;
        font-size: 16px;
        text-align: center;
        text-transform: uppercase;
    }
    .cart-table .product-cart-info,
    .cart-table td[data-rwd-label] {
        float: right;
        width: 75%;
    }
    .cart-table .product-cart-actions,
    .cart-table .product-cart-price {
        padding-bottom: 0;
        padding-top: 0;
        float: right;
    }
    .cart-table .product-cart-remove,
    .cart-table .product-cart-total,
    .cart-table .product-cart-actions .cart-links {
        display: none;
    }
    .cart-table .product-cart-image .cart-links,
    .cart-table .product-cart-info .btn-remove {
        display: block;
    }
    .cart-table .product-cart-actions .button {
        display: none;
    }
    .cart-table .product-cart-info .btn-remove {
        float: right;
        margin: -4px 0px 2px 7px;
    }
    .cart-table .product-cart-info .product-cart-sku {
        margin-bottom: 5px;
    }
    .cart-table .product-cart-actions {
        text-align: left;
    }
    .cart-table .product-cart-actions .qty {
        margin-right: 7px;
        margin-bottom: 7px;
    }
    .cart-table .price,
    .cart-table .product-cart-price:before {
        font-weight: 500;
        font-size: 15px;
        font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    }
    .cart-table .cart-footer-actions {
        text-align: center;
        width: 100%;
    }
    .cart-table .cart-footer-actions #empty_cart_button {
        float: right;
    }
    .cart-table .cart-footer-actions .btn-continue {
        float: left;
    }
    .cart-table .cart-footer-actions .btn-update,
    .cart-table .cart-footer-actions span.or {
        display: none;
    }
    .display-both-prices .cart-table td[data-rwd-tax-label]:before {
        content: attr(data-rwd-tax-label) ":";
    }
}
/* ============================================ *
 * Checkout - Estimate Shipping and Tax
 * ============================================ */

.shipping h2 {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px;
}
.shipping select {
    max-width: 100%;
    height: 30px;
    display: block;
    border: 1px solid silver;
}
.shipping select.validation-failed {
    border-color: #df280a;
}
.shipping .shipping-desc {
    display: none;
}
.shipping .buttons-set {
    border: none;
    margin: 0;
    padding: 0;
}
.shipping .form-list:after {
    content: '';
    display: table;
    clear: both;
}
.shipping .form-list li {
    float: left;
    margin: 5px 2% 10px 0;
}
.shipping .form-list .shipping-country {
    width: 37%;
}
.shipping .form-list .shipping-region {
    width: 41%;
}
.shipping .form-list .shipping-postcode {
    margin-right: 0;
    width: 18%;
}
.shipping .form-list .shipping-postcode input {
    margin-top: 4px;
}
.shipping .form-list .input-box {
    padding-top: 0;
}
.shipping .form-list input {
    height: 30px;
    margin-top: 4px;
}
.shipping .form-list label {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    white-space: nowrap;
}
.shipping .sp-methods {
    padding: 10px 0 0;
    text-align: left;
}
.shipping .sp-methods dd {
    margin-bottom: 10px;
}
.shipping .sp-methods label {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-style: italic;
    min-width: 100px;
}
.shipping .sp-methods label span {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
}
.shipping #co-shipping-method-form .buttons-set .button {
    float: left;
    margin-left: 0;
}
.shipping #co-shipping-method-form .sp-methods dd label {
    border: 1px solid #cccccc;
    background-color: #ececec;
    min-width: 220px;
}
.shipping #co-shipping-method-form .sp-methods dd label:hover {
    background-color: #dbdbdb;
}
@media only screen and (max-width: 770px) {
    .shipping .shipping-form .form-list > li {
        width: 100%;
        float: none;
    }
    .shipping .shipping-form .form-list > li label {
        display: block;
    }
    .shipping .shipping-form .form-list > li input,
    .shipping .shipping-form .form-list > li select {
        width: 100%;
    }
}
.cart .cart-totals {
    text-align: right;
}
.cart .cart-totals:after {
    content: '';
    display: table;
    clear: both;
}
.cart .cart-totals table {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
    margin-bottom: 20px;
    text-transform: uppercase;
    width: 100%;
}
.cart .cart-totals table td {
    padding: 2px 0px;
}
.cart .cart-totals table td:first-child {
    padding-right: 10px;
    min-width: 120px;
}
.cart .cart-totals table tbody tr:last-child td,
.cart .cart-totals table tbody tr:last-child th {
    padding-bottom: 10px;
}
.cart .cart-totals table tfoot {
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}
.cart .cart-totals table tfoot td {
    font-size: 24px;
    padding: 2px 5px;
    vertical-align: top;
}
.cart .cart-totals table tfoot strong span,
.cart .cart-totals table tfoot span.price {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.cart .cart-totals table tfoot strong {
    font-weight: 400;
}
@media only screen and (max-width: 600px) {
    .cart-totals {
        text-align: right;
    }
}
@media only screen and (max-width: 770px) {
    .cart .cart-totals table tfoot td {
        font-size: 18px;
    }
}
.discount-form:after,
#giftcard-form:after {
    content: '';
    display: table;
    clear: both;
}
#discount-coupon-form,
.cart .giftcard {
    width: 100%;
}
#discount-coupon-form h2,
.cart .giftcard h2 {
    display: none;
}
#discount-coupon-form label,
.cart .giftcard label {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    min-width: 105px;
    display: inline-block;
    margin-right: 10px;
}
#discount-coupon-form .field-wrapper,
.cart .giftcard .field-wrapper {
    display: inline-block;
}
#discount-coupon-form .validation-advice,
.cart .giftcard .validation-advice {
    display: inline;
}
#discount-coupon-form .button-wrapper,
.cart .giftcard .button-wrapper {
    display: inline-block;
    vertical-align: bottom;
}
#discount-coupon-form .button-wrapper > button,
.cart .giftcard .button-wrapper > button {
    float: left;
}
#discount-coupon-form .input-text,
.cart .giftcard .input-text {
    border-radius: 0;
    height: 30px;
    margin: 4px 10px 0 0;
    width: 190px;
}
.cart .giftcard p {
    margin-bottom: 7px;
}
.cart .giftcard .check-gc-status {
    float: left;
    padding: 0px;
}
.cart .giftcard .check-gc-status > span > span {
    font-size: 14px;
    text-transform: none;
}
/* ============================================ *
 * Checkout - Cart Cross sell
 * ============================================ */

.crosssell h2 {
    color: #3399cc;
}
.crosssell .item a.product-image {
    width: auto;
    float: left;
}
/* Change the layout to 2 columns at a breakpoint that is higher than a 3 columns layout would normally break */

@media only screen and (max-width: 979px) {
    .crosssell {
        /* Undo three-column config */
    }
    .crosssell .products-grid > li:nth-child(even),
    .crosssell .products-grid > li:nth-child(3n),
    .crosssell .products-grid > li {
        width: 47.72727%;
        margin-right: 4.54545%;
    }
    .crosssell .products-grid > li:nth-child(odd) {
        clear: left;
    }
    .crosssell .products-grid > li:nth-child(even) {
        margin-right: 0;
    }
    .crosssell .products-grid > li:nth-child(3n+1) {
        clear: none;
    }
}
@media only screen and (max-width: 599px) {
    .cart-table .cart-tax-total:after {
        right: -9px;
    }
    .cart-table .cart-tax-total.cart-tax-total-expanded:after {
        right: -13px;
    }
}
@media only screen and (max-width: 320px) {
    .crosssell ul .item {
        padding: 0 0px 40px;
    }
    .crosssell ul .product-details .crosssell-actions {
        padding: 0 5px;
    }
}
/* ============================================ *
 * Checkout - One Page
 * ============================================ */

.checkout-onepage-index .col-right,
.checkout-onepage-index .col-left {
    display: none;
}
.checkout-onepage-index .col-main {
    width: auto;
    float: none;
}
@media only screen and (min-width: 980px) {
    .checkout-onepage-index .col-main {
        float: left;
        width: 68.75%;
        padding-right: 20px;
    }
    .checkout-onepage-index .col-right,
    .checkout-onepage-index .col-left {
        width: 31.25%;
        display: block;
    }
    .checkout-onepage-index .col-right {
        padding-left: 0;
    }
}
.opc select {
    width: 365px;
}
/* -------------------------------------------- *
 * Section Styling - Default
 */

.opc .section .step-title {
    width: 100%;
    border-top: 1px solid #ececec;
    position: relative;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.opc .section .step-title:after {
    content: '';
    display: table;
    clear: both;
}
.opc .section.allow:not(.active) .step-title {
    cursor: pointer;
}
/* Using .no-touch since touch devices emulate hover, thereby making steps look active that are not */

.no-touch .opc .section.allow:not(.active) .step-title:hover {
    background-color: #f4f4f4;
}
.opc .section.active .step-title {
    border-bottom: 1px solid #ececec;
}
.opc .section .step-title a {
    display: none;
}
.opc .section.allow:not(.active) .step-title a {
    display: block;
    float: right;
    line-height: 40px;
    height: 40px;
    padding: 0px 10px;
}
.no-touch .opc .section .step-title a:hover {
    text-decoration: none;
}
.opc .section .step-title .number,
.opc .section.allow.active .step-title .number,
.no-touch .opc .section.allow:hover .step-title .number {
    width: 26px;
    height: 26px;
    text-align: center;
    color: #FFFFFF;
    line-height: 26px;
    background-color: #3399cc;
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -13px;
}
.opc .section.allow .step-title .number {
    background-color: #99cce5;
}
.opc .section.allow .step-title h2 {
    color: #a0a0a0;
}
.opc .section.allow .step-title:hover h2,
.opc .section.active .step-title h2 {
    color: #3399cc;
}
.opc .section .step-title h2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    height: 40px;
    float: left;
    margin: 0px 4px 0px 45px;
}
.opc .section .step {
    padding: 20px;
}
.opc .section .step:after {
    content: '';
    display: table;
    clear: both;
}
@media only screen and (max-width: 979px) {
    .opc .section .step {
        padding: 10px;
    }
}
.opc select {
    max-width: 365px;
    width: 100%;
}
.opc h3 {
    font-weight: 500;
}
.opc .buttons-set {
    text-align: left;
}
.opc .buttons-set button.button {
    float: left;
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 0;
}
.opc .buttons-set p.required {
    float: right;
    margin-left: 5px;
    margin-bottom: 0;
}
.opc .buttons-set .back-link {
    float: right;
    margin: 0;
}
.opc .buttons-set a {
    line-height: 20px;
    display: inline-block;
    padding: 5px 5px 5px 0;
}
@media only screen and (max-width: 479px) {
    .opc .buttons-set .button + .buttons-set .button,
    .paypal-express-review .buttons-set .button + .buttons-set .button {
        margin-left: 0;
    }
}
.opc #opc-login .step {
    padding: 0px;
}
.opc #opc-login .buttons-set {
    border-top: 0;
    padding-top: 5px;
}
@media only screen and (max-width: 770px) {
    .opc #opc-login .description,
    .opc #opc-login p.required {
        display: none;
    }
}
#opc-payment .note {
    padding: 10px;
}
/* -------------------------------------------- *
 * This section hides everything but the "Checkout Method" step of the checkout process and fades in the content
 * once the customer progresses to the next step. The purpose of this is to simplify what the customer has to focus on.
 * It is limited to larger viewports since smaller devices are inherently going to be focused solely on the
 * "Checkout Method" step.
 */

.opc.opc-firststep-login .section:not(#opc-login) .step-title,
.opc-block-progress-step-login {
    -webkit-transition: opacity 300ms linear;
    -webkit-transition-delay: 0;
    -moz-transition: opacity 300ms linear 0;
    -o-transition: opacity 300ms linear 0;
    transition: opacity 300ms linear 0;
}
.opc.opc-firststep-login .section#opc-login .step-title .number {
    -webkit-transition: width 80ms linear;
    -webkit-transition-delay: 0;
    -moz-transition: width 80ms linear 0;
    -o-transition: width 80ms linear 0;
    transition: width 80ms linear 0;
}
.opc.opc-firststep-login .section#opc-login .step-title h2 {
    -webkit-transition: margin-left 80ms linear;
    -webkit-transition-delay: 0;
    -moz-transition: margin-left 80ms linear 0;
    -o-transition: margin-left 80ms linear 0;
    transition: margin-left 80ms linear 0;
}
/* When a user progresses from the "Checkout Method" to "Billing Information" for the first time, the              */
/* "opc-has-progressed-from-login" class gets added to the body. Also, the .opc element will only have the         */
/* "opc-firststep-login" class if the first step of the checkout is the "Checkout Method" (eg, not when logged in) */

body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section:not(#opc-login) .step-title,
body:not(.opc-has-progressed-from-login) .opc-block-progress-step-login {
    opacity: 0;
}
body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title .number {
    width: 0px;
    overflow: hidden;
}
body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title h2 {
    margin-left: 0px;
}
/* -------------------------------------------- *
 * Shipping and Payment methods
 */

.sp-methods {
    margin: 0 0 8px;
}
.sp-methods dt {
    margin: 13px 0 5px;
    font-weight: bold;
}
.sp-methods dt:first-child {
    margin: 0 0 5px;
}
.sp-methods dd li {
    margin: 5px 0;
}
.sp-methods label img {
    float: left;
}
.sp-methods label a {
    margin-top: 6px;
    float: right;
    margin-left: 10px;
}
.sp-methods .price {
    font-weight: bold;
}
.sp-methods .form-list {
    padding-left: 20px;
}
.sp-methods .form-list li {
    margin: 0 0 8px;
}
.sp-methods select.month {
    width: 120px;
    margin-right: 10px;
}
.sp-methods select.year {
    width: 96px;
}
.sp-methods input.cvv {
    width: 4em !important;
}
.sp-methods #advice-validate-cc-exp-ccsave_expiration {
    max-width: 130px;
}
.sp-methods .checkmo-list li {
    margin: 0 0 5px;
    content: '';
    display: table;
    clear: both;
}
.sp-methods .checkmo-list label {
    width: 165px;
    padding-right: 15px;
    text-align: right;
    float: left;
}
.sp-methods .checkmo-list address {
    float: left;
}
@media only screen and (max-width: 479px) {
    .sp-methods .checkmo-list {
        padding-left: 0;
    }
    .sp-methods .checkmo-list label {
        width: 135px;
    }
}
.sp-methods .release-amounts {
    margin: 0.5em 0;
}
.sp-methods .release-amounts button {
    float: left;
    margin: 5px 10px 0 0;
}
/* One Page Checkout */

.block-progress {
    border: 0;
    margin: 0;
    border-left: 1px solid #cccccc;
    padding-left: 20px;
}
.block-progress .block-content {
    font-size: 13px;
}
.block-progress dt {
    padding-top: 6px;
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-weight: normal;
    color: #a0a0a0;
}
.block-progress dt.complete {
    color: #636363;
}
.block-progress dd {
    padding-left: 15px;
    margin-bottom: 10px;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-style: italic;
}
.block-progress dd address {
    font-style: italic;
}
.block-progress #payment-progress-opcheckout .subtitle {
    margin-bottom: 3px;
}
.block-progress .payment-info dt {
    padding: 0;
    margin: 0 0 3px 0;
    color: #636363;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    text-transform: none;
    font-style: italic;
    float: left;
    clear: both;
    font-size: 13px;
}
.block-progress .payment-info dt:after {
    content: ': ';
}
.block-progress .payment-info dd {
    float: left;
    margin-bottom: 3px;
    font-size: 13px;
}
.block-progress .payment-info:after {
    content: '';
    display: table;
    clear: both;
}
/* review step */

#checkout-review-table .btn-remove img {
    display: none;
}
#checkout-review-table-wrapper {
    clear: both;
}
#review-buttons-container {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}
#review-buttons-container .btn-checkout {
    min-width: 220px;
}
#review-buttons-container .please-wait {
    float: left;
    margin-right: 10px;
}
#review-buttons-container .f-left {
    float: right;
}
@media only screen and (max-width: 599px) {
    .linearize-table-large.checkout-review-table thead tr:nth-child(1n+2) {
        display: none;
    }
}
@media only screen and (max-width: 479px) {
    .linearize-table.checkout-review-table thead tr:nth-child(1n+2) {
        display: none;
    }
}
/* show/hide "change" link for progress step depend on complete status
 * should be placed in .css file */

.opc-block-progress dt.complete a,
.opc-block-progress dt.complete .separator {
    display: inline;
}
.opc-block-progress dt a,
.opc-block-progress dt .separator {
    display: none;
}
/* On small screens, the progress review content will be moved to the review step via JS. Styled via this CSS: */

#checkout-step-review .opc-block-progress {
    border-left: none;
    padding-left: 0;
}
#checkout-step-review .opc-block-progress .block-title {
    display: none;
}
#checkout-step-review .opc-block-progress .block-content {
    display: block !important;
    padding: 0;
}
#checkout-step-review .opc-block-progress .block-content > dl > div {
    float: left;
    width: 50%;
}
@media only screen and (max-width: 479px) {
    #checkout-step-review .opc-block-progress .block-content > dl > div {
        float: none;
        width: auto;
    }
}
#checkout-step-review .opc-block-progress .block-content .changelink {
    display: none;
}
@media only screen and (max-width: 479px) {
    #checkout-review-table thead > tr > th {
        display: none;
    }
    #checkout-review-table thead > tr > th:first-child {
        display: block;
    }
    #checkout-review-table thead > tr > th:first-child {
        display: block;
    }
}
#checkout-step-review .centinel > p {
    margin-bottom: 10px;
}
#checkout-step-review .centinel iframe {
    width: 100%;
    min-height: 400px;
}
/* Gift options */

.gift-messages-form .item {
    content: '';
    display: table;
    clear: both;
    margin-top: 30px;
}
.gift-messages-form .item h5 {
    font-weight: bold;
}
.gift-messages-form .item .product-img-box {
    width: auto;
    float: left;
    padding-right: 15px;
}
.gift-messages-form .item .details {
    float: left;
}
.gift-message-form .inner-box > div {
    content: '';
    display: table;
    clear: both;
    width: 100%;
    margin-top: 15px;
    display: block;
}
.gift-message-form .inner-box > div.extra-options-container p {
    margin-bottom: 15px;
}
.gift-message-form .gift-wrapping-form label {
    margin-right: 10px;
}
.gift-message-form .gift-wrapping-form img {
    float: left;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design {
    height: 75px;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design:after {
    content: '';
    display: table;
    clear: both;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design .image-box {
    margin-right: 5px;
}
.gift-message-form .gift-item {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #ececec;
}
.gift-message-form .gift-item:after {
    content: '';
    display: table;
    clear: both;
}
.gift-message-form .gift-item .product-img-box {
    width: 200px;
}
.gift-message-form .gift-item .product-img-box .product-image {
    width: 75px;
    margin-left: auto;
    margin-right: auto;
}
.gift-message-form .gift-item .product-img-box .product-name {
    display: block;
}
.gift-message-form .gift-item .fieldset {
    margin-left: 200px;
}
@media only screen and (max-width: 770px) {
    .gift-message-form .giftmessage-area {
        max-width: 100%;
    }
    .gift-message-form .gift-item .product-img-box {
        width: 100%;
        float: none;
    }
    .gift-message-form .gift-item .fieldset {
        margin-left: 0px;
    }
    .gift-message-form .gift-item .fieldset textarea {
        width: 100%;
    }
}
/* ============================================ *
 * Checkout - Success
 * ============================================ */

.checkout-onepage-success .col-main {
    padding: 0;
    text-align: center;
}
.checkout-onepage-success .buttons-set {
    margin: 10px 0;
    text-align: center;
}
.checkout-onepage-success .buttons-set button {
    float: none;
}
/* ============================================ *
 * Configurable Swatches
 * ============================================ */
/* Clears */

.clearfix:after,
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
    content: '';
    display: table;
    clear: both;
}
/* General Swatch Styling */

.swatch-link,
.swatch-label {
    display: block;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    color: #636363;
    text-decoration: none;
    box-sizing: content-box;
}
.swatch-link {
    border: 1px solid #cccccc;
    margin: 0 0 3px;
}
.swatch-link img {
    border-radius: 2px;
}
.swatch-link:hover {
    cursor: pointer;
    text-decoration: none;
}
.swatch-link .x {
    display: none;
    text-indent: -999em;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/bg_x.png) center no-repeat transparent;
    z-index: 10;
}
.swatch-link.has-image .swatch-label {
    position: relative;
}
.swatch-link.has-image img {
    position: absolute;
    top: 0;
    left: 0;
}
.swatch-label {
    border: 1px solid #fff;
    margin: 0;
    white-space: nowrap;
    background: #f4f4f4;
}
.configurable-swatch-list {
    margin-left: -3px;
    zoom: 1;
    clear: both;
    -webkit-transform: translateZ(0px);
}
.configurable-swatch-list li {
    float: left;
    zoom: 1;
    margin: 0 0 0 3px;
}
.products-grid .configurable-swatch-list li {
    display: inline-block;
    float: none;
    margin: 0;
    vertical-align: top;
}
.configurable-swatch-list .not-available .x {
    display: block;
}
.configurable-swatch-list .not-available .swatch-link {
    border-color: #ededed;
    position: relative;
}
.configurable-swatch-list .not-available .swatch-link.has-image img {
    opacity: 0.4;
    filter: alpha(opacity=40);
}
.configurable-swatch-list .not-available .swatch-label {
    color: #aaa;
    background: #fff;
}
.configurable-swatch-list .wide-swatch .swatch-label {
    padding: 0 6px;
}
.configurable-swatch-list .not-available a:focus {
    outline: 0;
}
#narrow-by-list dd .configurable-swatch-list li {
    margin: 0 0 0 3px;
    width: 47%;
}
#narrow-by-list dd .swatch-link {
    border: none;
    line-height: 25px;
    margin-right: 2px;
    text-align: left;
}
#narrow-by-list dd .swatch-link.has-image {
    line-height: inherit;
}
#narrow-by-list dd .swatch-link:hover .swatch-label {
    border-color: #3399cc;
}
#narrow-by-list dd .swatch-label {
    background: #f4f4f4;
    border: 1px solid #cccccc;
    border-radius: 3px;
    display: block;
    float: left;
    line-height: 1.5em;
    margin: 0 5px 0 0;
    padding: 1px 5px;
    white-space: nowrap;
}
#narrow-by-list dd .swatch-label img {
    border: 1px solid #fff;
    border-radius: 3px;
    box-sizing: content-box;
}
#narrow-by-list dd .has-image .swatch-label {
    padding: 0;
}
@media only screen and (max-width: 770px) {
    #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) {
        clear: left;
    }
}
.currently .swatch-current {
    position: relative;
}
.currently .swatch-current .btn-remove {
    margin-top: -10px;
    position: absolute;
    right: 0;
    top: 50%;
}
.currently .swatch-current span {
    display: block;
    float: left;
}
.currently .swatch-link {
    display: inline-block;
    margin: 0 0 0 3px;
}
.currently .swatch-link:hover {
    border-color: #cccccc;
    cursor: default;
}
/* Other Swatch States */

.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
    border-color: #3399cc;
}
.configurable-swatch-box {
    background: none !important;
}
.configurable-swatch-box select.swatch-select {
    display: none;
}
.configurable-swatch-box .validation-advice {
    margin: 0 0 5px;
    background: #df280a;
    padding: 2px 5px !important;
    font-weight: bold;
    color: #fff !important;
    float: left;
    display: block;
    border-radius: 3px;
}
/* CUSTOM */

.availability.out-of-stock span {
    color: #a0a0a0;
}
.product-view .product-options .swatch-attr {
    float: none;
    display: block;
    clear: both;
    border: 0;
}
.product-view .product-options .swatch-attr label,
.product-view .product-options .swatch-attr .select-label {
    font-size: 12px;
}
.product-view .product-options .swatch-attr label {
    display: block;
    line-height: 1.3;
}
.product-view .product-options .swatch-attr .select-label {
    display: inline;
    font-weight: normal;
    color: #3399cc;
    padding-left: 5px;
}
.product-view .product-options dd .input-box {
    width: auto;
    height: auto;
}
.product-view .product-options .select-label {
    display: none;
}
.product-view .add-to-cart button.out-of-stock {
    background-position: -80px -362px;
    cursor: default;
}
/* ============================================ *
 * Customer
 * ============================================ */

.customer-account-login .scaffold-form label:first-child {
    width: 115px;
}
.customer-account-login .col2-set .buttons-set {
    text-align: left;
    border-top: 0;
}
.customer-account-login .col2-set .buttons-set button,
.customer-account-login .col2-set .buttons-set .button {
    float: none;
    min-width: 50%;
    margin: 0;
}
.customer-account-login .col2-set .col-1 ul {
    list-style: disc;
    padding-left: 20px;
    margin: 10px 0 20px 0;
}
@media only screen and (min-width: 480px) {
    .customer-account-login .col2-set .col-1,
    .customer-account-login .col2-set .col-2 {
        padding-top: 0;
        margin-top: 20px;
    }
    .customer-account-login .col2-set .col-1 {
        padding-right: 20px;
    }
    .customer-account-login .col2-set .col-2 {
        padding-left: 20px;
        border-left: 1px solid #ededed;
    }
}
@media only screen and (min-width: 770px) {
    .customer-account-login .col2-set .col-1 {
        padding-right: 0;
    }
    .customer-account-login .col2-set .col-2 {
        padding-left: 60px;
        border-left: 1px solid #ededed;
    }
}
@media only screen and (max-width: 479px) {
    .customer-account-login .col2-set .col-1 {
        padding-bottom: 30px;
    }
    .customer-account-login .col2-set .col-2 {
        padding-top: 30px;
        border-top: 1px solid #ededed;
    }
}
@media only screen and (max-width: 770px) {
    .customer-account-login .col2-set p.required {
        display: none;
    }
}
.customer-account-create .scaffold-form label:first-child {
    width: 140px;
}
.opc #opc-login p:not(.required) {
    font-style: italic;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 13px;
    color: #a0a0a0;
}
.remember-me-box a.hide {
    display: none;
}
.remember-me-box .link-tip {
    font-size: 13px;
    padding-left: 10px;
}
.remember-me-popup {
    display: none;
    border: 1px solid #cccccc;
    padding: 10px;
    position: relative;
}
.remember-me-popup.show {
    display: block;
}
.remember-me-popup p {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.remember-me-popup .remember-me-popup-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    font-size: 12px;
}
.remember-me-popup .remember-me-popup-close-button {
    display: none;
}
.customer-account-create .buttons-set {
    max-width: 455px;
}
.customer-account-create .fieldset,
.customer-account-create .buttons-set {
    margin-left: 30px;
}
@media only screen and (max-width: 479px) {
    .customer-account-create .fieldset,
    .customer-account-create .buttons-set {
        margin-left: 0;
    }
}
.customer-account-create .fieldset .hidden {
    display: none;
}
.customer-account-create #remember-me-popup {
    max-width: 455px;
}
.customer-account-forgotpassword .fieldset,
.customer-account-forgotpassword .buttons-set {
    margin-left: 30px;
    max-width: 400px;
}
@media only screen and (max-width: 479px) {
    .customer-account-forgotpassword .fieldset,
    .customer-account-forgotpassword .buttons-set {
        margin-left: 0;
    }
}
.customer-account-forgotpassword .fieldset .input-box input.input-text {
    width: 100%;
}
/* ============================================ *
 * My Account Global Styles
 * ============================================ */

body.customer-account .my-account .page-title h1 {
    border: 0;
    text-align: left;
}
body.customer-account .my-account .title-buttons {
    position: relative;
    text-align: right;
}
body.customer-account .my-account .title-buttons h1 {
    text-align: left;
}
body.customer-account .my-account .title-buttons .button {
    position: absolute;
    right: 0;
    top: 0;
}
body.customer-account .my-account .title-buttons a,
body.customer-account .my-account .title-buttons span.separator {
    position: relative;
    top: -42px;
}
body.customer-account .my-account .fieldset h2,
body.customer-account .my-account .addresses-list h2,
body.customer-account .my-account .order-details h2 {
    width: 100%;
    display: inline-block;
}
body.customer-account .my-account .addresses-list h3 {
    font-size: 14px;
    font-weight: 600;
}
body.customer-account .my-account .fieldset {
    margin-top: 30px;
    margin-bottom: 30px;
}
body.customer-account .data-table {
    margin-top: 5px;
}
body.customer-account .data-table td a {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-size: 13px;
}
body.customer-account .data-table span.nobr {
    white-space: normal;
}
body.customer-account .data-table span.nobr a {
    white-space: nowrap;
}
body.customer-account .data-table td.view a {
    display: block;
}
body.customer-account .data-table .separator {
    display: none;
}
body.customer-account .sidebar .block ol#compare-items li {
    margin: 10px 0;
}
body.customer-account .sidebar .block .block-content p.block-subtitle {
    margin-bottom: 15px;
}
body.customer-account .sidebar .block .block-content .actions {
    margin-top: 30px;
}
body.customer-account .sidebar ol#cart-sidebar-reorder li {
    margin-top: 10px;
    margin-bottom: 0;
}
body.customer-account .sidebar ol#cart-sidebar-reorder p.product-name {
    display: inline-block;
    margin-bottom: 0;
}
body.customer-account .sidebar .block-cart .summary {
    margin-bottom: 15px;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li {
    margin-top: 10px;
    margin-bottom: 0;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input {
    margin-right: 10px;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder p.product-name {
    display: inline;
    margin-bottom: 0;
}
.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day {
    width: 40px;
    float: left;
    margin-right: 10px;
}
.form-list .customer-dob .dob-year {
    width: 80px;
    float: left;
}
/* ============================================ *
 * Dashboard
 * ============================================ */

.dashboard .box-head {
    margin-top: 30px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 7px;
}
.dashboard .box-head h2 {
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 0;
}
.dashboard .box-head a {
    padding: 10px;
}
.dashboard .box-title a,
.dashboard .box-head a {
    text-transform: uppercase;
    font-size: 12px;
}
.dashboard .box-account {
    padding-bottom: 40px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 45px;
}
.dashboard .box-account p,
.dashboard .box-account address {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-style: italic;
}
.dashboard .col2-set .col-1,
.dashboard .col2-set .col-2 {
    padding-right: 12.09677%;
    padding-bottom: 0;
}
.dashboard .col2-set .col-1 .box-title,
.dashboard .col2-set .col-2 .box-title {
    position: relative;
    padding-bottom: 10px;
}
.dashboard .col2-set .col-1 .box-title h2,
.dashboard .col2-set .col-1 .box-title h3,
.dashboard .col2-set .col-2 .box-title h2,
.dashboard .col2-set .col-2 .box-title h3 {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0;
}
.dashboard .col2-set .col-1 .box-title a,
.dashboard .col2-set .col-2 .box-title a {
    line-height: 19.6px;
}
.dashboard .box-reviews.box-account {
    padding-bottom: 0;
}
.dashboard .box-reviews li {
    padding: 10px 0;
    border-top: 1px solid #ededed;
}
.dashboard .box-reviews li:first-child {
    border-top: 0;
}
.dashboard .box-reviews li .number {
    margin-right: -20px;
    float: left;
    line-height: 1.4;
    font-size: 13px;
}
.dashboard .box-reviews li .details {
    margin-left: 20px;
}
.dashboard .box-reviews li .details .ratings {
    content: '';
    display: table;
    clear: both;
    margin-bottom: 0;
}
.dashboard .box-reviews li .details .ratings strong {
    float: left;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 13px;
    margin-right: 5px;
}
.dashboard .box-reviews li .details .ratings .rating-box {
    float: left;
    margin: 3px 0 0 0;
}
/* ============================================ *
 * Address Book
 * ============================================ */

.my-account .addresses-list {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.my-account .addresses-list .col-1,
.my-account .addresses-list .col-2 {
    padding-bottom: 0;
}
.my-account .addresses-list .item {
    margin: 0 0 30px 0;
}
.my-account .addresses-list .item p {
    margin-top: 10px;
}
@media only screen and (max-width: 770px) {
    .my-account .addresses-list .col-1,
    .my-account .addresses-list .col-2 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .my-account .addresses-list .col-1 li.empty,
    .my-account .addresses-list .col-2 li.empty {
        width: 100%;
    }
}
@media only screen and (max-width: 599px) {
    .my-account .addresses-list .addresses-additional p a {
        white-space: nowrap;
    }
}
/* ============================================ *
 * Order View
 * ============================================ */

.order-info {
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
    width: 100%;
    margin-bottom: 30px;
}
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li {
    display: inline;
}
.order-info dt {
    margin-right: 20px;
}
.order-info li {
    margin: 0 0 0 20px;
}
.order-info li.current {
    font-weight: 600;
}
.order-info li:first-child {
    margin-left: 0;
}
.order-date {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    text-transform: uppercase;
}
.order-info-box {
    margin-bottom: 40px;
    margin-top: 20px;
}
.order-info-box + .order-info-box {
    padding-bottom: 40px;
    border-bottom: 1px solid #ededed;
}
.order-info-box .col-1 {
    padding-right: 0;
    width: 48%;
}
.order-info-box .col-2 {
    width: 52%;
}
.order-info-box .col-1,
.order-info-box .col-2 {
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
}
.order-info-box .box-title {
    width: 150px;
    padding-right: 10px;
    float: left;
}
.order-info-box .box-title h2 {
    font-size: 14px;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.5;
}
.order-info-box .box-title h2:after {
    content: ':';
}
.order-info-box .box-content {
    float: left;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.order-info-box .box-content td,
.order-info-box .box-content th {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    line-height: 1.3;
}
.order-info-box .box-content th {
    padding-top: 10px;
}
.order-info-box .box-content td {
    padding-left: 15px;
}
.order-info-box .box-content strong {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}
#my-orders-table .option-label {
    margin-left: 10px;
    font-weight: 600;
    font-style: italic;
}
#my-orders-table .option-value {
    margin-left: 20px;
}
#my-orders-table tr.bundle:not(:last-child) td {
    border-bottom: none;
    border-top: none;
}
ol#cart-sidebar-reorder li {
    margin-top: 10px;
    margin-bottom: 0;
}
ol#cart-sidebar-reorder li input {
    margin-right: 10px;
}
ol#cart-sidebar-reorder p.product-name {
    display: inline;
}
@media only screen and (max-width: 599px) {
    #my-orders-table .option-label {
        margin-left: 20px;
    }
    #my-orders-table .option-value {
        margin-left: 35px;
    }
    #my-orders-table td[data-rwd-label=Qty] .nobr br {
        display: none;
    }
    #my-orders-table td[data-rwd-label=Qty] .nobr strong {
        margin-right: 10px;
    }
    #my-orders-table tr.bundle {
        border-color: #ededed;
    }
    #my-orders-table tr.bundle.child td[data-rwd-label] {
        padding-left: 60px;
    }
    #my-orders-table tbody:last-child tr:last-child td {
        padding-bottom: 10px;
        border-bottom: 0;
    }
    #my-orders-table tbody:last-child tr:last-child td:last-child {
        padding-bottom: 15px;
    }
    #my-orders-table tfoot tr.shipping {
        margin-top: 0;
    }
}
.order-additional {
    margin: 40px 0;
}
.order-gift-message dd {
    margin-top: 10px;
}
@media only screen and (max-width: 1199px) {
    .dashboard .col2-set .col-1,
    .dashboard .col2-set .col-2 {
        padding-right: 30px;
        padding-bottom: 0;
    }
    body.customer-account .data-table td.view a {
        white-space: normal;
    }
}
@media only screen and (max-width: 979px) {
    body.customer-account .my-account .title-buttons {
        text-align: left;
    }
    body.customer-account .my-account .title-buttons span.separator,
    body.customer-account .my-account .title-buttons a {
        top: -12px;
    }
}
@media only screen and (max-width: 770px) {
    body.customer-account .data-table.orders th.ship,
    body.customer-account .data-table.orders td.ship,
    body.customer-account .data-table.orders td.status,
    body.customer-account .data-table.orders th.status {
        display: none;
    }
    .order-info-box .box-content {
        clear: left;
    }
    .addresses-list .item {
        float: left;
        width: 50%;
        padding-right: 30px;
    }
    .order-info dt {
        display: none;
    }
    .dashboard .page-title {
        margin-top: 20px;
    }
    .dashboard .page-title h1 {
        margin-top: 0;
    }
    .dashboard .welcome-msg {
        font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    }
    .dashboard .welcome-msg .hello {
        font-style: italic;
    }
    .dashboard .box-account {
        padding-bottom: 15px;
        margin-bottom: 30px;
    }
    .dashboard .col2-set .col-1,
    .dashboard .col2-set .col-2 {
        width: 48%;
        padding-right: 0;
        padding-left: 0;
    }
    .dashboard .col2-set .col-1 {
        float: left;
        margin-right: 4%;
    }
    .dashboard .col2-set .col-2 {
        float: right;
    }
}
@media only screen and (max-width: 599px) {
    body.customer-account .my-account .form-list .control {
        padding-left: 0;
    }
}
@media only screen and (max-width: 479px) {
    body.customer-account .my-account .page-title h1 {
        text-align: center;
    }
    body.customer-account .my-account .title-buttons {
        text-align: center;
    }
    body.customer-account .my-account .title-buttons .button {
        width: 100%;
        position: static;
        margin-bottom: 15px;
    }
    body.customer-account .my-account .title-buttons .button + .button {
        margin-left: 0px;
    }
    body.customer-account .my-account .fieldset h2 {
        margin-bottom: 15px;
    }
    body.customer-account .my-account .order-details h2 {
        margin-bottom: 15px;
    }
    body.customer-account .my-account .buttons-set {
        border-top: 0;
    }
    body.customer-account .my-account .addresses-list .item {
        margin-bottom: 15px;
        padding-right: 0;
        float: none;
        width: auto;
    }
    body.customer-account .my-account .addresses-list h2 {
        margin-bottom: 15px;
    }
    .order-info {
        margin-top: 15px;
    }
    .data-table.orders .link-reorder,
    .data-table.orders .date {
        display: none;
    }
    .data-table.orders td.view {
        text-align: right;
    }
    .dashboard .col2-set .col-1,
    .dashboard .col2-set .col-2 {
        width: 100%;
        margin-top: 15px;
    }
    .order-info-box {
        margin: 0;
    }
    .order-info-box .col-1,
    .order-info-box .col-2 {
        width: 100%;
        border-bottom: 1px solid #ededed;
        padding: 15px 0;
    }
    .order-info-box + .order-info-box {
        padding-bottom: 0;
        border-bottom: 0;
        margin-bottom: 30px;
    }
    #my-reviews-table .nobr {
        white-space: normal;
    }
}
/* ============================================ *
 * Newsletter Subscriptions
 * ============================================ */

body.newsletter-manage-index .my-account .fieldset {
    margin-bottom: 20px;
}
body.newsletter-manage-index .my-account .fieldset h2 {
    display: none;
}
body.newsletter-manage-index .my-account .form-list {
    border-top: 1px solid #ededed;
    padding-top: 10px;
}
/* ============================================ *
 * Contacts
 * ============================================ */

.contacts-index-index .buttons-set {
    /*margin-left: 30px;*/
    max-width: 435px;
}
.contacts-index-index .buttons-set p.required {
    float: left;
}
@media only screen and (max-width: 599px) {
    .contacts-index-index .buttons-set {
        max-width: 330px;
        margin-left: 0;
    }
    .contacts-index-index .buttons-set button {
        float: left;
        margin-left: 0px;
    }
    .contacts-index-index .buttons-set p.required {
        float: right;
    }
}
/* ============================================ *
 * PayPal
 * ============================================ */

@media only screen and (max-width: 870px) and (min-width: 771px) {
    .paypal-review-order .col2-set .col-1,
    .paypal-review-order .col2-set .col-2 {
        padding: 0px;
    }
}
.paypal-review-order .info-set {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
}
.paypal-review-order .buttons-set {
    margin-top: 0px;
    padding-top: 0px;
    border: 0;
}
.paypal-review-order .buttons-set button {
    margin-bottom: 10px;
}
@media only screen and (max-width: 770px) {
    .paypal-review-order .col-1 {
        padding-bottom: 0;
    }
    .paypal-review-order .field.inactive {
        display: none;
    }
}
.top-container .bml-ad {
    margin-top: 7px;
    margin-bottom: 7px;
    text-align: center;
}
.top-container .bml-ad span {
    display: inline-block;
}
.top-container .bml-ad span a {
    display: block;
}
.bml-ad {
    display: none;
    text-align: center;
    margin-bottom: 5px;
}
.bml-ad span {
    display: block;
    line-height: 0;
}
.bml-ad a {
    display: inline-block;
    max-width: 100%;
}
.bml-ad a:hover {
    opacity: 0.7;
}
.bml-ad img {
    height: auto !important;
    max-width: 100%;
}
.cart-totals-wrapper .bml-ad.large img {
    display: block;
    margin: 0;
}
@media only screen and (max-width: 770px) {
    .bml-ad.small {
        display: block;
    }
}
@media only screen and (min-width: 771px) {
    .bml-ad.large {
        display: block;
    }
}
div.paypal-logo {
    text-align: center;
    margin: 15px 0;
    max-width: 100%;
}
div.paypal-logo span {
    display: block;
    width: 100%;
}
div.paypal-logo span a {
    display: inline-block;
    max-width: 100%;
}
div.paypal-logo span a img {
    max-width: 100%;
}
div.paypal-logo span > img {
    display: none;
}
.checkout-types div.paypal-logo {
    text-align: right;
}
.bml-checkout-type {
    list-style-type: none;
}
.sidebar .paypal-logo {
    text-align: center;
    line-height: 0;
}
.sidebar .paypal-logo > a {
    display: inline-block;
    max-width: 100%;
}
.sidebar .paypal-logo > a:hover {
    opacity: 0.8;
}
.sidebar .paypal-logo > a img {
    display: block;
}
.sidebar .paypal-logo .label {
    margin-top: 4px;
}
.sidebar .paypal-logo .label a {
    font-size: 12px;
    line-height: 1.5;
}
/* ============================================ *
 * Review - Customer
 * ============================================ */

#customer-reviews {
    width: auto;
    float: none;
}
#customer-reviews .review-heading {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 10px 0 5px;
}
#customer-reviews .review-heading:after {
    content: '';
    display: table;
    clear: both;
}
#customer-reviews .review-heading h2 {
    float: left;
    display: block;
}
#customer-reviews .review-heading .pager {
    clear: none;
    float: right;
    width: auto;
}
#customer-reviews .review-heading .pager .count-container .limiter {
    margin-bottom: 0;
}
#customer-reviews .review-heading .pager .count-container .limiter label {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
}
#customer-reviews .review-heading .pager .amount {
    display: none;
}
#customer-reviews h2 {
    color: #3399cc;
    font-size: 12px;
    text-transform: uppercase;
}
#customer-reviews h2 span {
    color: #636363;
}
#customer-reviews h3 {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
}
#customer-reviews h3 span {
    color: #3399cc;
}
#customer-reviews .fieldset {
    padding-top: 25px;
    width: 470px;
}
#customer-reviews .fieldset h4 {
    border-bottom: 1px solid #cccccc;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 5px;
    text-transform: uppercase;
}
#customer-reviews .fieldset h4 em {
    display: none;
}
#customer-reviews .fieldset .form-list {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 10px 0;
    text-transform: uppercase;
    width: 470px;
}
#customer-reviews .fieldset .form-list .inline-label:after {
    content: '';
    display: table;
    clear: both;
}
#customer-reviews .fieldset .form-list label {
    font-size: 12px;
    font-weight: normal;
}
#customer-reviews .fieldset .form-list textarea {
    border: 1px solid #cccccc;
    border-radius: 0;
    min-width: 100%;
    -webkit-appearance: none;
}
#customer-reviews .fieldset .form-list input {
    border: 1px solid #cccccc;
    border-radius: 0;
}
#customer-reviews .fieldset .form-list input[type="text"] {
    width: 100%;
}
#customer-reviews .buttons-set {
    border: none;
    margin: 0;
    width: 470px;
}
#customer-reviews dl {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
}
#customer-reviews dl dt {
    margin: 10px 0;
    text-transform: uppercase;
}
#customer-reviews dl dd {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
    margin: 10px 0;
}
#customer-reviews dl dd .ratings-table {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
    width: 100%;
}
#customer-reviews dl dd .ratings-table tr {
    margin-right: 15px;
}
#customer-reviews dl dd .ratings-table .review-label {
    width: 300px;
    max-width: 70%;
}
#customer-reviews dl dd table {
    margin: 15px 0;
}
#customer-reviews dl dd .review-meta {
    color: #3399cc;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
}
.review-summary-table {
    border-bottom: 1px solid #cccccc;
    margin: 0 0 10px;
}
.review-summary-table thead {
    background: transparent;
}
.review-summary-table thead th {
    background: transparent;
    border: none;
    padding: 15px 7px 10px 8px;
}
.review-summary-table tbody th {
    background: #FFFFFF;
    font-size: 12px;
}
.review-summary-table tbody td {
    border: none;
    text-align: center;
    padding: 0;
}
.review-summary-table tbody td label {
    width: 100%;
    display: block;
    padding: 11px 0;
}
.review-summary-table .rating-box .rating-number {
    display: none;
}
.review-summary-table .rating-box .rating-number:after {
    content: "";
    display: inline-block;
    background-position: 0px -599px;
    width: 13px;
    height: 14px;
    margin-left: 5px;
    position: relative;
    top: 2px;
}
/* ============================================ *
 * Ratings - Global
 * ============================================ */

.ratings-table {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}
.ratings-table th {
    padding-right: 10px;
}
.ratings-table .rating-box {
    background-position: 0 -615px;
    background-repeat: repeat-x;
    height: 13px;
    overflow: hidden;
    text-indent: -9999px;
    width: 65px;
}
.ratings-table .rating-box .rating {
    background-position: 0 -600px;
    background-repeat: repeat-x;
    float: left;
    height: 13px;
    text-indent: -9999px;
}
@media only screen and (max-width: 770px) {
    body.review-product-list .product-view .product-shop .price-info {
        padding-left: 0;
    }
    body.review-product-list .product-view .product-shop .extra-info {
        padding: 0;
        min-width: 84%;
    }
    body.review-product-list .product-view .product-shop .extra-info .ratings-table {
        margin: 10px 0;
        width: 100%;
    }
    body.review-product-list .product-view .product-shop .extra-info .ratings-table tr {
        margin-right: 15px;
    }
}
@media only screen and (max-width: 535px) {
    body.review-product-list .product-view .product-shop .extra-info {
        min-width: 0;
    }
    body.review-product-list .product-view .product-shop .extra-info .ratings-table tr {
        float: none;
        margin-right: 0;
    }
}
@media only screen and (max-width: 520px) {
    #customer-reviews .fieldset {
        width: 100%;
    }
    #customer-reviews .fieldset .form-list {
        width: 100%;
    }
    #customer-reviews .fieldset .form-list .inline-label label,
    #customer-reviews .fieldset .form-list .inline-label .input-box {
        float: none;
    }
    #customer-reviews .buttons-set {
        width: 100%;
    }
    #customer-reviews .review-summary-table thead th {
        padding-left: 0px;
        padding-right: 0px;
    }
    #customer-reviews .review-summary-table tbody th {
        padding-left: 0px;
        padding-right: 0px;
    }
    #customer-reviews .review-summary-table tbody td {
        width: 20%;
        padding: 0px;
    }
    #customer-reviews .review-summary-table .rating-box {
        text-indent: 0px;
        text-align: center;
        background: none;
        height: 19.6px;
        width: 100%;
    }
    #customer-reviews .review-summary-table .rating-box .rating {
        display: none;
    }
    #customer-reviews .review-summary-table .rating-box .rating-number {
        display: inline-block;
    }
}
@media only screen and (max-width: 450px) {
    #customer-reviews dl dd .ratings-table tr {
        float: none;
    }
}
/* ============================================ *
 * Review View Page
 * ============================================ */

.review-product-view .product-review .product-details h2 {
    border-bottom: none;
}
.review-product-view .product-review .product-img-box {
    width: auto;
    max-width: 50%;
}
.review-product-view .product-review .product-img-box > a {
    width: 100%;
}
.review-product-view .product-review .product-img-box .product-image {
    width: 100%;
}
@media only screen and (max-width: 770px) {
    .review-product-view .product-review .product-img-box {
        max-width: 100%;
    }
}
/* ============================================ *
 * Slideshow
 * ============================================ */

.slideshow-container {
    position: relative;
    display: block;
    width: 100%;
    margin: 10px 0;
    border: 1px solid #ededed;
}
.slideshow-container .slideshow {
    width: 100%;
    padding: 0;
    position: relative;
    margin: 0;
    border: 10px solid #FFFFFF;
}
.slideshow-container .slideshow > li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    display: block;
    margin: 0;
}
.slideshow-container .slideshow > li:first-child {
    position: static;
    z-index: 100;
}
.slideshow-container .slideshow > li img {
    max-width: 100%;
    width: 100%;
}
.slideshow-pager {
    text-align: center;
    width: 100%;
    z-index: 115;
    position: absolute;
    bottom: 0px;
    top: auto;
    overflow: hidden;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.slideshow-pager span {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    width: 44px;
    height: 44px;
    display: inline-block;
    color: #DDDDDD;
    cursor: pointer;
}
.slideshow-pager span:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -8px;
    border-radius: 1px;
    background-color: #FFFFFF;
    position: relative;
}
.slideshow-pager span:hover:before {
    background-color: #2e8ab8;
}
.slideshow-pager span.cycle-pager-active:before {
    background-color: #297aa3;
}
.slideshow-pager > * {
    cursor: pointer;
}
.slideshow-prev,
.slideshow-next {
    position: absolute;
    top: 0;
    width: 15%;
    max-width: 80px;
    height: 100%;
    opacity: 0.6;
    z-index: 110;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.slideshow-prev:before,
.slideshow-next:before {
    content: '';
    width: 0;
    height: 0;
    font-size: 0;
    position: absolute;
    border-style: solid;
    display: block;
    top: 50%;
    margin-top: -15px;
}
.slideshow-prev:hover,
.slideshow-next:hover {
    opacity: 1;
}
.slideshow-prev.disabled,
.slideshow-next.disabled {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    cursor: default;
}
.slideshow-prev {
    left: 8px;
}
.slideshow-prev:before {
    border-width: 15px 15px 15px 0;
    border-color: transparent #FFFFFF transparent transparent;
    top: 50%;
    left: 10px;
}
.slideshow-prev:hover:before {
    border-color: transparent #2e8ab8 transparent transparent;
}
.slideshow-next {
    right: 8px;
}
.slideshow-next:before {
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #FFFFFF;
    top: 50%;
    right: 10px;
}
.slideshow-next:hover:before {
    border-color: transparent transparent transparent #2e8ab8;
}
.cycle-caption {
    position: absolute;
    color: white;
    bottom: 15px;
    right: 15px;
    z-index: 110;
}
.cycle-overlay {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 120;
    background: black;
    color: white;
    padding: 15px;
    opacity: .5;
}
/* ============================================ *
 * Wishlist
 * ============================================ */

#wishlist-table th {
    text-align: center;
}
#wishlist-table.clean-table {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    width: 100%;
}
#wishlist-table.clean-table th {
    border-bottom: 1px solid silver;
}
#wishlist-table.clean-table td {
    padding: 15px;
    vertical-align: top;
}
#wishlist-table.clean-table thead th {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}
#wishlist-table .product-name {
    font-size: 16px;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    margin-bottom: 0;
    text-transform: uppercase;
}
#wishlist-table .product-name a {
    color: #3399cc;
}
#wishlist-table .wishlist-sku {
    font-size: 11px;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    margin: 5px 0;
}
#wishlist-table textarea {
    border: 1px solid silver;
    width: 100%;
    height: 45px;
    font-size: 11px;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
#wishlist-table textarea::-webkit-input-placeholder {
    text-transform: uppercase;
}
#wishlist-table textarea:-moz-placeholder {
    text-transform: uppercase;
}
#wishlist-table textarea::-moz-placeholder {
    text-transform: uppercase;
}
#wishlist-table textarea:-ms-input-placeholder {
    text-transform: uppercase;
}
#wishlist-table textarea:focus {
    border: 1px solid #3399cc;
}
#wishlist-table .item-manage {
    text-align: right;
    max-width: 450px;
    padding-top: 5px;
}
#wishlist-table .item-manage .button {
    font-size: 11px;
    padding: 3px 5px;
}
#wishlist-table .cart-cell {
    text-align: center;
}
#wishlist-table td.customer-wishlist-item-image {
    width: 113px;
}
#wishlist-table td.customer-wishlist-item-quantity {
    width: 3em;
}
#wishlist-table td.customer-wishlist-item-price {
    width: 120px;
    text-align: center;
}
#wishlist-table td.customer-wishlist-item-cart {
    width: 150px;
}
#wishlist-table td.customer-wishlist-item-cart .button {
    font-size: 12px;
    margin-bottom: 10px;
    padding: 3px 5px;
    width: 100%;
}
#wishlist-table td.customer-wishlist-item-cart .truncated {
    margin-bottom: 10px;
}
#wishlist-table td.customer-wishlist-item-cart > p {
    margin-bottom: 0;
}
#wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item {
    text-align: center;
}
#wishlist-table td.customer-wishlist-item-cart .btn-remove {
    vertical-align: top;
}
#wishlist-table td.customer-wishlist-item-remove {
    width: 20px;
}
#wishlist-table td .button,
#wishlist-table td button {
    white-space: normal;
}
#wishlist-table .price-box {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
}
#wishlist-table .price-box .price {
    color: #636363;
}
#wishlist-table .giftregisty-add {
    margin-top: 5px;
}
#wishlist-table .giftregisty-add .change {
    display: none;
}
#wishlist-table .giftregisty-add li {
    cursor: pointer;
    color: #3399cc;
    margin-bottom: 3px;
}
#wishlist-table .truncated .details {
    background: none;
    color: #3399cc;
}
#wishlist-table td[data-rwd-label]:before {
    font-weight: 600;
}
@media only screen and (max-width: 1199px) {
    #wishlist-table.clean-table td {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media only screen and (max-width: 979px) {
    #wishlist-table.clean-table td {
        padding-left: 5px;
        padding-right: 5px;
    }
    #wishlist-table.clean-table td textarea {
        height: 100px;
    }
    #wishlist-table.clean-table td.customer-wishlist-item-cart {
        width: 110px;
    }
    #wishlist-table .product-name {
        font-size: 13px;
    }
}
@media only screen and (max-width: 770px) {
    #wishlist-table:after {
        content: '';
        display: table;
        clear: both;
    }
    #wishlist-table .product-name {
        font-size: 16px;
    }
    #wishlist-table textarea {
        height: 68px;
        max-width: 100%;
    }
    #wishlist-table .item-manage {
        max-width: 100%;
    }
    #wishlist-table tr {
        position: relative;
    }
    #wishlist-table tr:after {
        content: '';
        display: table;
        clear: both;
    }
    #wishlist-table td.customer-wishlist-item-image {
        width: 70px;
    }
    #wishlist-table td.customer-wishlist-item-image img {
        width: 70px;
        height: 70px;
    }
    #wishlist-table td.customer-wishlist-item-cart p {
        margin-bottom: 0;
    }
    #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item {
        margin-right: 0;
        padding-top: 4px;
    }
    #wishlist-table td.customer-wishlist-item-cart {
        padding-right: 15px;
    }
}
@media only screen and (max-width: 599px) {
    #wishlist-table td.customer-wishlist-item-quantity {
        padding-left: 0;
    }
    #wishlist-table td.customer-wishlist-item-image,
    #wishlist-table th.customer-wishlist-item-image {
        display: none;
    }
}
@media only screen and (max-width: 479px) {
    #wishlist-table tr {
        position: relative;
    }
    #wishlist-table th.customer-wishlist-item-image {
        display: block;
    }
    #wishlist-table td.customer-wishlist-item-image,
    #wishlist-table td.customer-wishlist-item-info,
    #wishlist-table td.customer-wishlist-item-quantity,
    #wishlist-table td.customer-wishlist-item-price,
    #wishlist-table td.customer-wishlist-item-cart {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        empty-cells: hide;
    }
    #wishlist-table td.customer-wishlist-item-image {
        display: block;
        overflow: hidden;
    }
    #wishlist-table td.customer-wishlist-item-image a {
        float: left;
    }
    #wishlist-table td.customer-wishlist-item-image a img {
        width: 113px;
        height: 113px;
    }
    #wishlist-table td.customer-wishlist-item-quantity,
    #wishlist-table td.customer-wishlist-item-price {
        text-align: left;
    }
    #wishlist-table td.customer-wishlist-item-quantity:before,
    #wishlist-table td.customer-wishlist-item-price:before {
        float: left;
        margin-right: 15px;
    }
    #wishlist-table td.customer-wishlist-item-quantity .cart-cell,
    #wishlist-table td.customer-wishlist-item-price .cart-cell {
        text-align: left;
    }
    #wishlist-table td.customer-wishlist-item-quantity .price-box,
    #wishlist-table td.customer-wishlist-item-price .price-box {
        margin-top: 0;
    }
    #wishlist-table td.customer-wishlist-item-cart .cart-cell {
        float: left;
        width: 48%;
    }
    #wishlist-table td.customer-wishlist-item-cart > p {
        float: right;
        width: 48%;
    }
    #wishlist-table td.customer-wishlist-item-remove {
        position: absolute;
        top: 15px;
        right: 0px;
        display: block;
        padding: 0px;
        height: 20px;
    }
    #wishlist-table.clean-table td.customer-wishlist-item-cart {
        width: 100%;
    }
}
/* ============================================ *
 * Wishlist Sidebar
 * ============================================ */

.block-wishlist .mini-products-list > li:not(:last-child) {
    padding-bottom: 5px;
}
.block-wishlist .product-details .product-name {
    padding-top: 0;
    margin-bottom: 5px;
}
.block-wishlist .price-box {
    float: left;
    margin: 0;
}
.block-wishlist .price-box,
.block-wishlist .price-box .price,
.block-wishlist .link-cart {
    font-size: 12px;
}
.block-wishlist .link-cart {
    float: left;
    text-transform: uppercase;
    margin-right: 7px;
    padding-right: 7px;
    border-right: 1px solid #ededed;
}
/* ============================================ *
 * Checkout - Mini cart
 * ============================================ */

.header-minicart {
    display: inline-block;
}
@media only screen and (max-width: 770px) {
    .header-minicart {
        display: block;
    }
}
.header-minicart .minicart-message {
    display: block;
    padding: 10px;
}
.header-minicart .empty {
    padding: 10px;
    text-align: center;
}
.header-minicart .minicart-wrapper {
    clear: both;
    position: relative;
}
.header-minicart .minicart-wrapper:before,
.header-minicart .minicart-wrapper:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}
.header-minicart .minicart-wrapper:before {
    background-color: white;
    opacity: 0.8;
    z-index: 2;
}
.header-minicart .minicart-wrapper:after {
    background-image: url("../images/opc-ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
}
.header-minicart .minicart-wrapper.loading {
    position: relative;
}
.header-minicart .minicart-wrapper.loading:before,
.header-minicart .minicart-wrapper.loading:after {
    display: block;
}
.header-minicart .block-cart {
    display: none;
}
.header-minicart .block-subtitle {
    color: #50A4CF;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.4;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.header-minicart .block-subtitle .close {
    width: 40px;
    float: right;
    display: block;
    color: #636363;
    text-decoration: none;
    font-weight: normal;
    font-size: 30px;
    position: absolute;
    top: -8px;
    right: -3px;
}
.header-minicart .mini-products-list {
    padding: 10px;
    padding-top: 0px;
}
.header-minicart .mini-products-list li {
    padding: 8px 5px 8px 11px;
    border-bottom: 1px solid #DDDDDD;
    position: relative;
}
.header-minicart .mini-products-list li.last {
    border: none;
}
.header-minicart .mini-products-list li .product-details {
    position: relative;
}
.header-minicart .product-details .product-name {
    padding-top: 0px;
    font-weight: bold;
}
.header-minicart .product-details .product-name a {
    color: #3399cc;
}
.header-minicart .info-wrapper {
    margin-bottom: 0.5em;
}
.header-minicart .info-wrapper th {
    text-transform: uppercase;
    padding-right: 10px;
}
.header-minicart .info-wrapper td {
    color: #3399cc;
    clear: right;
}
.header-minicart .info-wrapper .qty-wrapper td {
    height: 33px;
    line-height: 33px;
}
.header-minicart .info-wrapper .qty {
    padding-left: 4px;
    padding-right: 4px;
    margin-right: 2px;
    width: 3.2em;
    text-align: center;
    height: 30px;
}
.header-minicart .info-wrapper .quantity-button {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 100ms;
    -moz-transition-duration: 100ms;
    -o-transition-duration: 100ms;
    transition-duration: 100ms;
}
.header-minicart .info-wrapper .quantity-button[disabled] {
    cursor: default;
}
.header-minicart .info-wrapper .quantity-button.visible {
    opacity: 1;
}
.header-minicart .subtotal {
    background-color: #DDDDDD;
    text-align: center;
    line-height: 2em;
}
.header-minicart .subtotal .label {
    color: white;
    text-transform: uppercase;
}
.header-minicart .subtotal .price {
    color: #3399cc;
}
.header-minicart .minicart-actions {
    padding: 10px;
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.header-minicart .minicart-actions .checkout-button {
    min-width: 145px;
}
.header-minicart .minicart-actions .cart-link {
    height: 33px;
    line-height: 39px;
    text-transform: uppercase;
    font-size: 13px;
}
.header-minicart .minicart-actions .paypal-logo .paypal-or {
    line-height: 1.6;
}
.header-minicart #minicart-error-message {
    text-align: center;
    color: red;
    display: none;
}
.header-minicart #minicart-success-message {
    text-align: center;
    color: green;
    display: none;
}
.header-minicart .jcarousel-control-prev,
.header-minicart .jcarousel-control-next {
    display: none;
}
.header-minicart.skip-active .block-cart,
.block-cart.skip-active {
    display: block;
}
@media only screen and (min-width: 771px) {
    .checkout-types.minicart {
        float: none;
        text-align: center;
    }
}
@media only screen and (max-width: 479px) {
    .header-minicart a.skip-cart {
        z-index: 1;
    }
}
@media only screen and (max-width: 770px) {
    .header-minicart .subtotal .label {
        color: #636363;
    }
    .header-minicart .minicart-wrapper:before {
        background-color: #EDEDED;
    }
    .header-minicart .quantity-button {
        float: none;
    }
    .header-minicart .header-minicart .block-cart {
        padding: 15px;
    }
    .header-minicart .header-minicart .block-subtitle {
        padding-top: 59px;
    }
    .header-minicart .minicart-actions {
        padding-bottom: 33px;
    }
    .header-minicart .minicart-actions .cart-link {
        bottom: 0;
        right: 10px;
        position: absolute;
    }
    .header-minicart .minicart-actions .checkout-types.minicart li {
        display: inline-block;
    }
    .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo > a {
        display: inline;
    }
    .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .bml_button {
        display: inline-block;
        vertical-align: top;
    }
    .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or {
        width: auto;
        float: none;
        display: inline;
        margin: 0 10px 5px 10px;
        line-height: 40px;
    }
}
@media only screen and (max-width: 740px) {
    .header-minicart .minicart-actions .cart-link {
        right: auto;
        left: 0;
        text-align: center;
        width: 100%;
    }
    .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or,
    .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-button {
        width: 100%;
        display: block;
        margin-left: 0;
    }
    .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or {
        line-height: 1.6;
    }
}
@media only screen and (max-width: 599px) {
    .header-minicart .minicart-actions .checkout-button {
        width: 100%;
    }
}
/* ============================================ *
 * Search - Auto Suggest
 * ============================================ */

.search-autocomplete {
    left: 0 !important;
    overflow: visible !important;
    position: relative !important;
    top: 15px !important;
    width: 100% !important;
    z-index: 200;
}
.search-autocomplete ul {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-color: #FFFFFF;
    border: 1px solid #3399cc;
    left: 0;
    padding-left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.search-autocomplete ul li {
    border-bottom: 1px solid #f4f4f4;
    color: #3399cc;
    cursor: pointer;
    font-size: 12px;
    padding: 4px 6px;
    text-align: left;
}
.search-autocomplete ul li:hover {
    color: #2e8ab8;
}
.search-autocomplete ul li.selected {
    background-color: #3399cc;
    color: white;
}
.search-autocomplete ul li .amount {
    float: right;
    font-weight: bold;
}
.search-autocomplete ul li:last-child {
    border-bottom: none;
}
.search-autocomplete:before {
    /*content: '';*/
    
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #3399cc;
    border-top: none;
    left: 50%;
    top: -7px;
}
/* ============================================ *
 * Search - Advanced
 * ============================================ */

.advanced-search {
    background: #f4f4f4;
    border: 1px solid #ededed;
    padding: 30px;
}
.advanced-search select.multiselect option {
    border-bottom: 1px solid #ededed;
    padding: 2px 5px;
}
@media only screen and (max-width: 479px) {
    .advanced-search {
        padding: 15px;
    }
}
/* ============================================ *
 * Account - Reviews
 * ============================================ */

.product-review .product-img-box p.label {
    border-bottom: 1px solid #cccccc;
    font-size: 16px;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    margin-top: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.product-review .product-img-box .rating-box {
    margin: 15px 0;
}
.product-review .product-details h2 {
    border-bottom: 1px solid #cccccc;
    color: #3399CC;
    font-size: 16px;
    font-weight: 600;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    padding-bottom: 10px;
}
.product-review .ratings-table {
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.product-review .ratings-table th {
    padding-right: 10px;
}
.product-review .ratings-table tr {
    float: left;
    font-size: 12px;
    margin-right: 10px;
    text-transform: uppercase;
}
.product-review .ratings-description dt {
    border-bottom: 1px solid #cccccc;
    font-size: 16px;
    font-weight: 400;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    margin-top: 20px;
    padding: 10px 0;
    text-transform: uppercase;
}
.product-review .ratings-description dd {
    color: #737373;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 13px;
}
@media only screen and (min-width: 771px) {
    .product-review .ratings-table tr {
        float: none;
    }
}
@media only screen and (min-width: 1126px) {
    .product-review .ratings-table tr {
        float: left;
        margin-right: 15px;
    }
}
@media only screen and (max-width: 320px) {
    .product-review .ratings-table tr {
        float: none;
    }
}
/* ============================================ *
 * CMS Pages
 * ============================================ */

.cms-page-view .page-title h1,
.cms-page-view .page-title h3,
.cms-page-view .page-head h1,
.cms-page-view .page-head h3,
.cms-no-route .page-title h1,
.cms-no-route .page-title h3,
.cms-no-route .page-head h1,
.cms-no-route .page-head h3 {
    border: none;
}
.cms-page-view .std img,
.cms-no-route .std img {
    max-width: 100%;
}
.cms-page-view .std p,
.cms-no-route .std p {
    /*color: #636363;
  font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: 14px;
  font-style: italic;
  line-height: 24px;*/
    
    /*text-align: justify*/
}
.cms-no-route .std h1 {
    color: #3399cc;
}
.cms-page-view .std h1 {
    color: #3399cc;
    margin: 30px 0;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
    font-weight: bold
}
.cms-page-view .std h1 span {
    color: #706f6f;
}
.cms-page-view .std h2 .cms-no-route .std h2 {
    color: #3399cc;
}
.cms-page-view .std li,
.cms-no-route .std li {
    color: #636363;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
}
.cms-page-view .col-left:after,
.cms-no-route .col-left:after {
    content: '';
    display: table;
    clear: both;
}
.cms-no-route .std img {
    width: 100%;
}
.cms-page-view .std .messages,
.cms-home .std .messages,
.cms-no-route .std .messages {
    margin-bottom: 10px;
}
.cms-page-view .std .messages ul,
.cms-home .std .messages ul,
.cms-no-route .std .messages ul {
    margin-bottom: 0;
}
.cms-page-view .std .messages li,
.cms-home .std .messages li,
.cms-no-route .std .messages li {
    list-style: none;
    margin-left: 0;
    font-style: normal;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
#accordion .toggle-tabs {
    display: none;
}
#accordion > dl > dt {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: uppercase;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    position: relative;
    background-color: #f4f4f4;
    display: block;
}
#accordion > dl > dt:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #3399cc;
    border-bottom: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
}
#accordion > dl > dt:hover {
    background-color: #ececec;
}
#accordion > dl > dd {
    padding: 10px;
    margin: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: #cccccc;
}
#accordion > dl > dd:last-child {
    border-width: 0 1px 1px 1px;
}
#accordion li {
    position: relative;
    overflow: hidden;
}
#accordion li .plusimage h2 {
    margin-right: 10px;
}
.page-sitemap .links {
    display: block;
    text-align: right;
    margin: 0 20px 0 0;
}
.page-sitemap .links a {
    position: relative;
}
.page-sitemap .sitemap {
    padding: 0 20px;
    margin: 15px 0;
    font-size: 12px;
}
.page-sitemap .sitemap li {
    margin: 3px 0;
}
.contacts-index-index h1 {
    border: none;
}
#contactForm {
    /*padding-left: 40px;*/
    padding-left: 20%;
}
#contactForm h2 {
    display: none;
}
#contactForm:after {
    content: '';
    display: table;
    clear: both;
}
#contactForm .fieldset .legend + .required {
    margin: 0;
    /*margin: 0 21% 0 0;*/
}
@media only screen and (max-width: 770px) {
    #contactForm {
        padding-left: 0;
    }
}
/* ============================================ *
 * Pricing Conditions
 * ============================================ */

.price-box .minimal-price-link .label {
    color: #cf5050;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}
.map-info {
    white-space: nowrap;
}
.catalog-product-view .map-info {
    white-space: normal;
}
.catalog-product-view .map-info > span {
    float: right;
    margin-bottom: 5px;
}
.catalog-product-view .map-info .price-box.map-info > a {
    float: right;
    width: 100%;
}
/* ============================================ *
 * Cookies
 * ============================================ */

.notice-cookie .notice-inner {
    padding-bottom: 0;
}
.notice-cookie .notice-inner:after {
    content: '';
    display: table;
    clear: both;
}
.notice-cookie .notice-text {
    float: left;
    max-width: 90%;
    padding-top: 4px;
    text-align: left;
}
.notice-cookie .notice-text p {
    padding-bottom: 14.5px;
    line-height: 1.3;
}
.notice-cookie .actions {
    float: left;
    text-align: right;
    padding-bottom: 14.5px;
}
@media only screen and (max-width: 979px) {
    .notice-cookie .notice-text {
        max-width: 86%;
    }
}
@media only screen and (max-width: 770px) {
    .notice-cookie {
        padding: 0 20px;
    }
    .notice-cookie .notice-text {
        max-width: 82%;
        padding-top: 0;
    }
}
@media only screen and (max-width: 620px) {
    .notice-cookie {
        padding: 0 20px;
    }
    .notice-cookie .notice-inner {
        background-position: left 10px;
    }
    .notice-cookie .notice-inner:after {
        content: '';
        display: table;
        clear: both;
    }
    .notice-cookie .notice-text {
        float: none;
        max-width: 100%;
        padding-top: 0;
    }
    .notice-cookie .actions {
        text-align: left;
    }
}
/* ============================================ *
 * Tags
 * ============================================ */

#addTagForm button {
    margin-top: 5px;
    margin-bottom: 10px;
}
#addTagForm .form-add {
    margin-top: 10px;
}
.product-tags {
    background-color: #f4f4f4;
    border: 1px solid #cccccc;
    float: left;
    margin-bottom: 10px;
    padding: 5px 1% 10px;
    width: 98%;
}
.product-tags li {
    float: left;
    margin-right: 15px;
}
.product-tags li.last {
    margin-right: 0px;
}
.tags-list {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.tags-list > li {
    float: left;
    margin-right: 10px;
}
.block-tags .actions > a {
    font-size: 12px;
}
.my-tag-edit .button.btn-remove {
    padding: 0;
}
.my-tag-edit .button.btn-remove:after {
    color: white;
}
@media only screen and (max-width: 770px) {
    .tags-list > li,
    .tags-list {
        float: none;
    }
}
/* ============================================ *
 * Captcha
 * ============================================ */

.captcha-note {
    clear: left;
    padding-top: 5px;
}
.captcha-image {
    float: left;
    display: inline;
    max-width: 100%;
    position: relative;
    width: 258px;
    margin-bottom: 10px;
}
.captcha-image .captcha-img {
    border: 1px solid #b6b6b6;
    vertical-align: bottom;
    width: 100%;
}
.registered-users .captcha-image {
    margin: 0;
}
.captcha-reload {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 2px;
}
.captcha-reload.refreshing {
    animation: rotate 1.5s infinite linear;
    -webkit-animation: rotate 1.5s infinite linear;
    -moz-animation: rotate 1.5s infinite linear;
}
.customer-account-create .scaffold-form .captcha-input-container label:first-child {
    width: 100%;
}
.captcha-reload {
    position: absolute;
    right: 4px;
    top: 4px;
}
.captcha-img {
    border: 20px solid #bbbbbb;
}
.captcha-input-container {
    margin-bottom: 10px;
}
.control.newsletter-box,
.captcha-input-container,
.captcha-img-container {
    float: none;
    clear: both;
}
.control.newsletter-box:after,
.captcha-input-container:after,
.captcha-img-container:after {
    content: '';
    content: '';
    display: table;
    clear: both;
}
/* ============================================ *
 * Checkout Billing Fix to place the Captcha properly
 * ============================================ */

#co-billing-form ul.form-list > .control {
    float: left;
    margin: 0 0 5px;
    width: 100%;
}
/* ============================================ *
 * Account - Orders, Invoices, Credit Memos.
 * ============================================ */

@media only screen and (max-width: 479px) {
    .sales-order-invoice .sub-title,
    .sales-order-creditmemo .sub-title,
    .sales-order-shipment .sub-title {
        float: left;
        font-size: 15px;
        text-align: center;
        width: 100%;
    }
    .sales-order-invoice .order-links,
    .sales-order-creditmemo .order-links,
    .sales-order-shipment .order-links {
        text-align: center;
        width: 100%;
    }
}
/* ============================================ *
 * Recurring Profiles
 * ============================================ */

#recurring_profile_list_view th {
    white-space: normal;
}
#recurring_profile_list_view th span {
    white-space: inherit;
}
@media only screen and (max-width: 479px) {
    #recurring_profile_list_view {
        font-size: 12px;
    }
    #recurring_profile_list_view a {
        font-size: inherit;
    }
    #recurring_profile_list_view th,
    #recurring_profile_list_view td {
        padding: 2px;
    }
}
.recurring-profiles-title {
    float: left;
}
.recurring-profiles-title h1 {
    margin-bottom: 7px;
}
body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons {
    float: right;
    text-align: right;
    margin-bottom: 30px;
}
@media only screen and (max-width: 479px) {
    body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons {
        text-align: center;
        float: none;
    }
}
body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons .button {
    position: static;
}
.recurring-profiles-messages:after {
    content: '';
    display: table;
    clear: both;
}
#recurring_start_date_trig {
    display: inline;
}
/* ============================================ *
 * Billing Agreements
 * ============================================ */

.billing-agreements .info-box {
    margin-bottom: 30px;
}
.billing-agreements .info-box:after {
    content: '';
    display: table;
    clear: both;
}
.billing-agreements .info-box .form-list {
    max-width: 400px;
    width: 100%;
}
.billing-agreements .info-box .box-title {
    margin-top: 20px;
    margin-bottom: 7px;
}
.billing-agreements .info-box .button {
    float: right;
    margin-top: 7px;
}
@media only screen and (max-width: 479px) {
    .billing-agreements .info-box .button {
        width: 100%;
        float: none;
    }
}
.billing-agreements #payment_method {
    width: 100%;
    margin-top: 7px;
    margin-bottom: 7px;
}
.billing-agreement-view-header-wrapper .heading {
    max-width: 80%;
}
@media only screen and (max-width: 479px) {
    .billing-agreement-view-header-wrapper .heading {
        max-width: 100%;
    }
}
.billing-agreement-details td,
.billing-agreement-details th {
    padding: 3.5px;
}
@media only screen and (max-width: 979px) {
    .billing-agreements .data-table .created-at,
    .billing-agreements .data-table .updated-at {
        display: none;
    }
}
/* ============================================ *
 * Popular Search Terms Cloud
 * ============================================ */

.catalogsearch-term-popular .tags-list {
    float: left;
    width: 100%;
}
.catalogsearch-term-popular .tags-list > li {
    float: left;
    height: 40px;
    margin-right: 25px;
}
/* ============================================ *
 * Widgets
 * ============================================ */
/* -------------------------------------------- *
 * Add to cart by SKU
 */

.sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
    width: 100%;
}
@media only screen and (min-width: 771px) {
    .sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
        max-width: 100px;
    }
}
.widget {
    clear: both;
}
.widget .pager {
    float: none;
    width: 100%;
}
@media only screen and (min-width: 1199px) {
    .col2-left-layout .col-main .widget,
    .col2-right-layout .col-main .widget,
    .col3-layout .col-main .widget {
        /* Config: Columns + flexible gutter */
        /* Undo three-column config */
        /* Set column config */
        /* Config: Columns + flexible gutter */
        /* Undo three-column config */
        /* Set column config */
    }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) {
        clear: none;
    }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) {
        clear: none;
    }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) {
        margin-right: 2.22222%;
    }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
        margin-right: 2.22222%;
    }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
        width: 23.33333%;
        margin-right: 2.22222%;
    }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) {
        clear: left;
    }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) {
        margin-right: 0;
    }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) {
        clear: none;
    }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) {
        clear: none;
    }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) {
        margin-right: 2.22222%;
    }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
        margin-right: 2.22222%;
    }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
        width: 18.22222%;
        margin-right: 2.22222%;
    }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) {
        clear: left;
    }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) {
        margin-right: 0;
    }
}
@media only screen and (min-width: 770px) {
    .col1-layout .col-main .widget {
        /* Config: Columns + flexible gutter */
        /* Undo three-column config */
        /* Set column config */
        /* Config: Columns + flexible gutter */
        /* Undo three-column config */
        /* Set column config */
    }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) {
        clear: none;
    }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) {
        clear: none;
    }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) {
        margin-right: 2.22222%;
    }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
        margin-right: 2.22222%;
    }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
        width: 23.33333%;
        margin-right: 2.22222%;
    }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) {
        clear: left;
    }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) {
        margin-right: 0;
    }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) {
        clear: none;
    }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) {
        clear: none;
    }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) {
        margin-right: 2.22222%;
    }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
        margin-right: 2.22222%;
    }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
        width: 18.22222%;
        margin-right: 2.22222%;
    }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) {
        clear: left;
    }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) {
        margin-right: 0;
    }
}
/* ============================================ *
 * Checkout - Multiple Addresses
 * ============================================ */

body[class*="checkout-multishipping-"] .checkout-progress {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}
body[class*="checkout-multishipping-"] .checkout-progress > li {
    float: left;
    width: 20%;
    text-align: center;
    padding: 8px 1% 6px;
    background: #f4f4f4;
    text-transform: uppercase;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    margin-bottom: 10px;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
body[class*="checkout-multishipping-"] .checkout-progress > li.active {
    background-color: #dddddd;
}
body[class*="checkout-multishipping-"] .checkout-progress > li.last {
    border-right: 0px;
}
body[class*="checkout-multishipping-"] .page-title {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
body[class*="checkout-multishipping-"] .page-title h1 {
    border: 0 none;
    float: left;
    margin-top: 2px;
    margin-right: 2%;
}
body[class*="checkout-multishipping-"] .page-title .button {
    float: right;
}
body[class*="checkout-multishipping-"] .multiple-checkout > h2 {
    text-transform: none;
    font-size: 17px;
    margin-bottom: 15px;
}
body[class*="checkout-multishipping-"] .messages {
    float: left;
    width: 100%;
}
body[class*="checkout-multishipping-"] .col-2.col-wide {
    width: 66%;
}
body[class*="checkout-multishipping-"] .col-1.col-narrow {
    width: 30%;
}
body[class*="checkout-multishipping-"] .actions {
    margin-bottom: 10px;
}
body[class*="checkout-multishipping-"] .grand-total {
    text-align: right;
    font-size: 16px;
    font-weight: bold;
}
body[class*="checkout-multishipping-"] #checkout-review-submit {
    float: right;
}
body[class*="checkout-multishipping-"] #review-buttons-container {
    float: right;
    text-align: right;
}
.checkout-multishipping-addresses .btn-remove2 {
    text-indent: -5555px;
    display: block;
    width: 22px;
    height: 22px;
}
.checkout-multishipping-shipping .gift-messages {
    margin-top: 20px;
}
.checkout-multishipping-shipping .gift-messages-form {
    margin-top: 15px;
}
.checkout-multishipping-shipping .gift-messages-form h4 {
    margin-top: 15px;
    margin-bottom: 5px;
}
.checkout-multishipping-shipping .gift-messages-form .form-list {
    margin-top: 10px;
    margin-bottom: 25px;
}
.checkout-multishipping-shipping .gift-messages-form .item {
    margin-top: 15px;
}
.checkout-multishipping-shipping .col-1 .box-title h2,
.checkout-multishipping-shipping .col-1 .box-title h3,
.checkout-multishipping-shipping .col-1 .box-title h4,
.checkout-multishipping-shipping .col-2 .box-title h2,
.checkout-multishipping-shipping .col-2 .box-title h3,
.checkout-multishipping-shipping .col-2 .box-title h4,
.checkout-multishipping-billing .col-1 .box-title h2,
.checkout-multishipping-billing .col-1 .box-title h3,
.checkout-multishipping-billing .col-1 .box-title h4,
.checkout-multishipping-billing .col-2 .box-title h2,
.checkout-multishipping-billing .col-2 .box-title h3,
.checkout-multishipping-billing .col-2 .box-title h4,
.checkout-multishipping-overview .col-1 .box-title h2,
.checkout-multishipping-overview .col-1 .box-title h3,
.checkout-multishipping-overview .col-1 .box-title h4,
.checkout-multishipping-overview .col-2 .box-title h2,
.checkout-multishipping-overview .col-2 .box-title h3,
.checkout-multishipping-overview .col-2 .box-title h4 {
    font-weight: normal;
    width: 100%;
    background: #f4f4f4;
    border-bottom: 1px solid #cccccc;
    padding: 10px;
    font-size: 14px;
}
.checkout-multishipping-shipping .col-1 > h4,
.checkout-multishipping-shipping .col-2 > h4,
.checkout-multishipping-billing .col-1 > h4,
.checkout-multishipping-billing .col-2 > h4,
.checkout-multishipping-overview .col-1 > h4,
.checkout-multishipping-overview .col-2 > h4 {
    font-weight: normal;
    width: 100%;
    background: #f4f4f4;
    border-bottom: 1px solid #cccccc;
    padding: 10px;
    font-size: 14px;
}
.checkout-multishipping-shipping .col-1 .box-content,
.checkout-multishipping-shipping .col-2 .box-content,
.checkout-multishipping-billing .col-1 .box-content,
.checkout-multishipping-billing .col-2 .box-content,
.checkout-multishipping-overview .col-1 .box-content,
.checkout-multishipping-overview .col-2 .box-content {
    margin-bottom: 25px;
    padding-left: 10px;
    margin-top: 10px;
}
.checkout-multishipping-billing .sp-methods dt {
    float: left;
    width: 100%;
}
.checkout-multishipping-payment-customerbalance input.checkbox {
    margin-left: 15px;
}
#multiship-addresses-table > tbody > tr > td.a-center.last > a {
    background-image: none;
}
#review-order-form > div:nth-child(3) > div.divider {
    width: 100%;
    clear: both;
}
@media only screen and (max-width: 979px) {
    body[class*="checkout-multishipping-"] .checkout-progress span {
        word-spacing: 300px;
    }
    #review-order-form .col-1,
    #review-order-form .col-2 {
        float: none;
        width: auto;
        border: 0;
        padding-right: 0;
        padding-left: 0;
    }
}
@media only screen and (max-width: 770px) {
    body[class*="checkout-multishipping-"] .checkout-progress span {
        width: 12px;
    }
    body[class*="checkout-multishipping-"] .checkout-progress li {
        width: 100%;
        margin: 0;
        text-align: left;
        padding-left: 3%;
        border-right: 0px;
    }
    body[class*="checkout-multishipping-"] .checkout-progress span {
        word-spacing: 1px;
        width: 12px;
    }
    body[class*="checkout-multishipping-"] .box-title {
        float: left;
        width: 100%;
    }
    body[class*="checkout-multishipping-"] .page-title .button {
        float: left;
        margin-bottom: 10px;
    }
    body[class*="checkout-multishipping-"] .linearize-table tfoot td {
        text-align: right;
    }
    body[class*="checkout-multishipping-"] .linearize-table select {
        width: 100%;
        min-width: 200px;
    }
    body[class*="checkout-multishipping-"] .col-1.col-narrow,
    body[class*="checkout-multishipping-"] .col-2.col-wide {
        width: 100%;
        padding: 0;
    }
}
@media only screen and (max-width: 599px) {
    .checkout-multishipping-addresses .linearize-table tbody td[data-rwd-label] {
        text-align: left;
        padding-left: 10px;
        margin-top: 12px;
    }
}
@media only screen and (max-width: 479px) {
    body[class*="checkout-multishipping-"] .buttons-set .back-link {
        display: block;
    }
}
/* ============================================ *
 * Calendar styles (restore styles from /js/calendar)
 * ============================================ */

div.calendar table {
    border-collapse: separate;
}
div.calendar table td.button {
    display: table-cell;
    background: inherit;
    color: inherit;
    text-transform: none;
}
/*-----------footer---------------*/

.footer-outer {
    width: 100%;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
   /* margin-top: 80px*/
   margin-top: 30px
}
.footer-bottom {
    background-color: #ededee;
    width: 100%;
}
.footer-bottom p {
    text-align: center;
    font-size: .8em
}
.footer-logo {
    width: 23.33%;
    float: left
}
.footer-links {
    width:100%;
    float: left
}
.footer-links p {
    margin: 16px 0 0 0
}
.footer-links p a {
    font-size: .9em;
    margin: 0px -1px;
border-right: 2px solid #706f6f;
padding: 0 5px;
color:#706f6f;
}
.footer-links p a:hover {
    color: #0288bd;
    text-decoration: none
}
.footer-sm {
    width: 23.33%;
    float: left;
    margin: 12px 0 0 0
}
.footer-sm p {
    font-size: .9em;
    float: left;
    margin: 7px 10px 0 0
}
.footer-sm ul {
    float: left
}
.footer-sm ul li {
    float: left;
    margin: 0 6px
}
/*--------------------------header------------------------*/

.order_online {
    float: left;
    margin: 10px 0 0 0
}
.select_country {
    float: right
}
.order_online a img {
    float: left;
    margin: 1px 4px 0 0
}
.order_online a span {
    color: #000;
    font-size: .8em;
    float: left
}
.order_online a span:hover {
    color: #0288bd
}
#header-search .input-text {
    border-radius: 0;
    border-bottom: 1px solid #000;
    border-top: none;
    border-right: none;
    border-left: none
}
/*----------------------main container------------------*/

.home-sec {
    margin-top: 10px
}
.home-sec-left {
    float: left;
    width: 50%;
    padding-right: 2%
}
.home-sec-left h3,
.home-sec-right h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 4em;
    font-weight: bold!important;
    text-transform: none;
    color: #000;
    line-height: 1em
}
.home-sec-left p,
.home-sec-right p {
    margin-top: 25px;
    line-height: 2em
}
.home-sec-left a,
.home-sec-right a {
    font-family: 'Montserrat', sans-serif;
    background: url(../images/blue_btn.png) no-repeat 0 0;
    width: 179px;
    height: 39px;
    display: block;
    color: #fff;
    padding: 7px 0 0 20px
}
.home-sec-right {
    float: left;
    width: 50%;
    padding-left: 2%
}
.img-responsive {
    display: block;
    width: 100%;
    height: auto
}
.clear {
    font-size: 0;
    line-height: 0;
    clear: both
}
.clearfix {
    content: '';
    display: table;
    clear: both;
}
.main-full-width-gray {
    width: 100%;
    background-color: #ededee;
    padding: 70px 0;
    margin-top: 60px
}
.main-full-width-gray .home-sec {
    margin-top: 0!important
}
.our_brands h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 4em;
    font-weight: bold!important;
    text-transform: none;
    color: #000;
    line-height: 1em;
    text-align: center
}
.our_brands a.our_brands_btn {
    font-family: 'Montserrat', sans-serif;
    background: url(../images/blue_btn.png) no-repeat 0 0;
    width: 179px;
    height: 39px;
    display: block;
    color: #fff;
    padding: 7px 0 0 20px;
    margin: 40px auto 120px
}
.brand_showcase {
    margin-top: 40px
}
.brand_showcase_unit {
    width: 25%;
    padding: 2%;
    float: left
}
.home_banner .rslides,
.home_banner .rslides li {
    height: 400px
}
.logo-sec {
    border-bottom: 1px solid #cdcdcd
}
.side-float {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
}
.side-float li {
    list-style: none;
    margin: 0
}
/*---------------------image hover-------------------------*/

.caption-style-1 {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.caption-style-1 li {
    float: left;
    padding: 0px;
    position: relative;
    overflow: hidden;
    margin-left: 0!important
}
.caption-style-1 li:hover .caption {
    opacity: 1;
}
.caption-style-1 img {
    margin: 0px;
    padding: 0px;
    float: left;
    z-index: 4;
}
.caption-style-1 .caption {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.caption-style-1 .blur {
    background-color: rgba(0, 0, 0, 0.65);
    height: 262px;
    width: 270px;
    z-index: 5;
    position: absolute;
}
.caption-style-1 .caption-text h1 {
    text-transform: uppercase;
    font-size: 1.8em;
    color: #fff;
}
.caption-style-1 .caption-text {
    z-index: 10;
    color: #fff;
    position: absolute;
    width: 270px;
    height: 260px;
    text-align: center;
    top: 110px;
}
/*----sidebar start-------*/
/*aside {
float: right;
max-width: 100px}
.inside {
background-color: #e7473c;
padding: 10px}
#sidebar.sticky {
float: none;
position: fixed;
top: 20px;
z-index: 6;
left: auto}*/
/*----sidebar end-------*/
/*.cms_txt{
	width:40%;
	padding:0 2%;
	float:left}*/

.cms_img {
    width: 56%;
    float: right;
    padding: 2% 2% 0 2%
}
@media only screen and (max-width: 979px) {
    .cms_img {
        width: 100%;
        float: none;
        padding: 2% 2% 0 2%
    }
}
.value_icon {
    float: left;
    margin: 0 14px 0 0;
    width: 32px
}
.sub_head {
    font-size: 1.4em;
    margin-bottom: 30px!important
}
.marB50 {
    margin-bottom: 50px!important
}

/*right bat float end*/
/* NEWS PAGE */

.blule_box {
    width: 100%;
    height: 30px;
    background: #fff;
    margin-bottom: 7px;
    margin-top: 42px
}
.blule_box h4 {
    color: #726e6e;
    float: left;
    line-height: 36px;
    padding: 0;
    text-align: left;
    width: 50%
}
.blule_box h5 {
    color: #726e6e;
    width: auto;
    float: right;
    text-align: right;
    padding: 0 20px 0 20px;
    line-height: 40px;
}
.blule_box h3 {
    text-align: center;
    font-weight: bold;
}
.img-responsive.calendar {
    width: 30px;
    float: left;
    margin: 4px 6px 0 0;
}
.seminar_info img {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 50px;
}
.Left_img {
    width: 49%;
    margin-right: 10px;
    background-repeat: no-repeat;
    margin-top: 20px;
    float: left;
    height: auto;
    background-size: cover;
    margin-bottom: 20px;
}
.right_img {
    margin-right: auto;
    width: 49%;
    height: auto;
    margin-top: 20px;
    float: right;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}
.Launches_Promotions p {
    margin: 0;
    font-size: 1.em;
    color: #292828;
}
.btn_more {
    text-decoration: none;
    width: 147px;
    margin: 0 auto;
    text-align: center;
    display: table;
    margin-top: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
    transition: .3s linear all;
    color: #fff;
    background: #009ad6;
}
.btn_more a {
    text-decoration: none;
}
.btn_more:hover {
    color: #fff;
    background: #009ad6;
    text-decoration: none;
}
.img-responsive.seminar_info {
    margin: 20px 0;
    display: block;
}
.blule_box h4 {
    color: #726e6e;
    float: left;
    line-height: 36px;
    padding: 0;
    text-align: left;
    width: auto;
    border-bottom: 3px solid #009ad6;
    margin-bottom: 0;
    max-width: 90%
}
.Launches_Promotions h3 {
    margin: 21px 0 0 0;
    font-size: 1.2em;
    color: #726e6e;
    padding-top: 28px;
    padding-bottom: 18px;
}
.box_width h4 {} .text_crs {
    float: left;
}
.box1-left {
    display: block;
    line-height: 30;
    ;
    float: left;
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 2%;
    margin-bottom: 10px;
}
.box1-left h4 {
    font-size: 14px;
    margin: 10px auto;
    text-align: center;
}
.box1-left h4 {
    margin: 10px auto;
    text-align: center;
    display: block;
}
.box1-mid h4 {
    font-size: 14px;
    margin: 10px auto;
    text-align: center;
    display: block;
    height: 9px;
}
.box1-right {
    float: left;
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.box1-mid {
    display: block;
    line-height: 30;
    float: left;
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 2%;
    margin-bottom: 10px;
}
.container_csr {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.box_width {
    width: 100%;
    height: 30px;
    background: #fff;
    margin-bottom: 7px;
    margin-top: 20px;
    float: left
}
.media_links {
    height: 320px;
    overflow: auto;
    width: 100%;
    margin-top: 20px;
}
.media_links li a:hover {
    background-color: #009ad6;
    color: #fff;
    text-decoration: none;
}
.media_links li a {
    background-color: #f6f6f6;
    color: #0077a5;
    font-size: 16px;
	font-style:normal;
    margin-bottom: 20px;
    padding: 6px 16px;
    display: block;
    transition: ease 0.5s;
    float:left;
    margin-top:10px;
}
.media_links li {
    /*margin-bottom: 20px;*/
	list-style:none;
    margin-left:0!important;
}
/*-----------------news page 1--------------*/

@media only screen and (max-width: 769px) {
    .Left_img {
        width: 50%;
        margin-right: 10px;
        background-repeat: no-repeat;
        margin-top: 20px;
        float: left;
        height: auto;
        background-size: cover;
        margin-bottom: 16px;
    }
    .right_img {
        margin-right: auto;
        width: 50%;
        height: auto;
        margin-top: 20px;
        float: right;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 20px;
    }
    .box1-mid {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .box1-left {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;

    }
    .box1-mid h4 {
        font-size: 14px;
        margin: 10px auto;
        text-align: center;
        display: block;
        height: auto;
    }

}
@media only screen and (min-width: 801px) and (max-width: 980px) {
    .footer-links p a {
        font-size: .9em}
}
@media only screen and (min-width: 769px) and (max-width: 800px) {
    .footer-links p{text-align: center;}
    .footer-links p a {font-size: .9em}
}
@media only screen and (min-width: 500px) and (max-width: 768px) {
    .Left_img {
        width: 100%;
    }
    .right_img {
        width: 100%;
    }
    .footer-sm {
        width: 88.33%;
        float: left;
        margin: 12px 0px 0px 0;
    }
    .footer-links p a {
        font-size: -0.1em;
        color: #000;
        margin: 0px 15px;
    }
    .footer-links {
        width: 100%;
        float: left;
    }
    .footer-sm {
        width: 67.33%;
        float: left;
        margin: 12px 0px 0px 157px;
    }
    .footer-logo img {
        width: 180px;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    .footer-logo {
        width: 100%;
    }
    .box1-mid {
        width: 48%;
        margin-right: 1px;
        margin-left: 1px;
    }
    .box1-mid h4 {
        height: 30px;
    }
    .box1-left h4 {
        height: 30px;
    }
    .box1-left {
        width: 48%;
        margin-right: 1px;
        margin-left: 1px;
    }
}
@media only screen and (min-width: 421px) and (max-width: 499px) {
       .Launches_Promotions p {
    margin: -21px 0 17px 0 !important;
    font-size: 1.2em;
    color: #726e6e;
}
    .blule_box h5 {
        float: left;
        text-align: right;
        padding: 0 20px 0 0;
        font-size: 12px;
    }
    .logo img {
        max-width: 56%;
        margin: 0 auto;
    }
    .Left_img {
        width: 100%;
        margin-right: 10px;
        background-repeat: no-repeat;
        margin-top: 20px;
        float: left;
        height: auto;
        background-size: cover;
        margin-bottom: 16px;
    }
    .right_img {
        margin-right: auto;
        width: 100%;
        height: auto;
        margin-top: 20px;
        float: right;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 20px;
    }
    .blule_box h4 {
        color: #726e6e;
        float: left;
        line-height: 20px;
        padding: 0;
        text-align: left;
        max-width: 100%;
        border-bottom: 2px solid #009ad6;
        font-size: 19px;
        margin-bottom: 12px;
    }
    .btn_more {
        max-width: 85px;
    }
    .Launches_Promotions h3 {
        margin: 21px 0 0 0;
        font-size: 1.2em;
        color: #726e6e;
        padding-top: -5px;
        padding-bottom: 18px;
    }
    .img-responsive.seminar_info {
        margin: 35px 0;
        display: block;
        margin-top: 95px;
    }
    /*--------------------------------------------*/
    
    .footer-sm {
        width: 88.33%;
        float: left;
        margin: 12px 0px 0px 0;
    }
    .footer-links p a {
        font-size: -0.1em;
        color: #000;
        margin: 0px 15px;
    }
    .footer-links {
        width: 100%;
        float: left;
    }
    .footer-sm {
        width: 70%;
        float: left;
        margin: 12px 0px 0px 120px;
    }
    .footer-logo img {
        width: 180px;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    .footer-logo {
        width: 100%;
    }
    /*------------------------------------------*/
    
    .box1-mid {
        width: 100%;
    }
    .box1-left {
        width: 100%;
    }
}
@media only screen and (min-width: 361px) and (max-width: 420px) {
    .Launches_Promotions p {
    margin: -21px 0 17px 0 !important;
    font-size: 1.2em;
    color: #726e6e;
}
    .blule_box h5 {
        float: left;
        text-align: right;
        padding: 0 20px 0 0;
        font-size: 12px;
    }
    .logo img {
        max-width: 56%;
        margin: 0 auto;
    }
    .Left_img {
        width: 100%;
        margin-right: 10px;
        background-repeat: no-repeat;
        margin-top: 20px;
        float: left;
        height: auto;
        background-size: cover;
        margin-bottom: 16px;
    }
    .right_img {
        margin-right: auto;
        width: 100%;
        height: auto;
        margin-top: 20px;
        float: right;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 20px;
    }
    .blule_box h4 {
        color: #726e6e;
        float: left;
        line-height: 20px;
        padding: 0;
        text-align: left;
        max-width: 85%;
        border-bottom: 2px solid #009ad6;
        font-size: 15px;
        margin-bottom: 12px;
    }
    .btn_more {
        max-width: 85px;
    }
    .Launches_Promotions h3 {
        margin: 21px 0 0 0;
        font-size: 1.2em;
        color: #726e6e;
        padding-top: -5px;
        padding-bottom: 18px;
    }
    .img-responsive.seminar_info {
        margin: 35px 0;
        display: block;
        margin-top: 95px;
    }
    .footer-sm {
        width: 88.33%;
        float: left;
        margin: 12px 0px 0px 0;
    }
    .footer-links p a {
        font-size: -0.1em;
        color: #000;
        margin: 0px 15px;
    }
    .footer-links {
        width: 100%;
        float: left;
    }
    .footer-sm {
        width: 88.33%;
        float: left;
        margin: 12px 0px 0px 53px;
    }
  
    .box1-mid {
        width: 100%;
    }
    .box1-left {
        width: 100%;
    }
}
@media only screen and (min-width: 348px) and (max-width: 360px) {
   .Launches_Promotions p {
    margin: -21px 0 0px 0;
    font-size: 10px;
    color: #726e6e;
}
    .blule_box h5 {
        float: left;
        text-align: right;
        padding: 0 20px 0 0;
        font-size: 12px;
    }
    .logo img {
        max-width: 56%;
        margin: 0 auto;
    }
    .Left_img {
        width: 100%;
        margin-right: 10px;
        background-repeat: no-repeat;
        margin-top: 20px;
        float: left;
        height: auto;
        background-size: cover;
        margin-bottom: 16px;
    }
    .right_img {
        margin-right: auto;
        width: 100%;
        height: auto;
        margin-top: 20px;
        float: right;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 20px;
    }
    .blule_box h4 {
        color: #726e6e;
        float: left;
        line-height: 20px;
        padding: 0;
        text-align: left;
        max-width: 83%;
        border-bottom: 2px solid #009ad6;
        font-size: 15px;
        margin-bottom: 12px;
    }
    .btn_more {
        max-width: 85px;
    }
    .Launches_Promotions h3 {
        margin: 21px 0 0 0;
        font-size: 1.2em;
        color: #726e6e;
        padding-top: -5px;
        padding-bottom: 18px;
    }
    .img-responsive.seminar_info {
        margin: 35px 0;
        display: block;
        margin-top: 95px;
    }
    .footer-sm {
        width: 88.33%;
        float: left;
        margin: 12px 0px 0px 0;
    }
    .footer-links p a {
        font-size: -0.1em;
        color: #000;
        margin: 0px 15px;
    }
    .footer-links {
        width: 100%;
        float: left;
    }
    .footer-sm {
        width: 88.33%;
        float: left;
        margin: 12px 0px 0px 53px;
    }
    .footer-logo img {
        width: 180px;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    .footer-logo {
        width: 100%;
    }
    .box1-mid {
        width: 100%;
    }
    .box1-left {
        width: 100%;
    }
    .box_width {
    width: 100%;
    height: 45px !important;
    background: #fff;
    margin-bottom: 7px;
    margin-top: 20px;
    float: left;
}
}
@media only screen and (min-width: 321px) and (max-width: 347px) {
    .Launches_Promotions p {
    margin: -21px 0 17px 0 !important;
    font-size:10px;
    color: #726e6e;
}
    .blule_box h5 {
        float: left;
        text-align: right;
        padding: 0 20px 0 0;
        font-size: 12px;
    }
    .logo img {
        max-width: 56%;
        margin: 0 auto;
    }
    .Left_img {
        width: 100%;
        margin-right: 10px;
        background-repeat: no-repeat;
        margin-top: 20px;
        float: left;
        height: auto;
        background-size: cover;
        margin-bottom: 16px;
    }
    .right_img {
        margin-right: auto;
        width: 100%;
        height: auto;
        margin-top: 20px;
        float: right;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 20px;
    }
    .blule_box h4 {
        color: #726e6e;
        float: left;
        line-height: 20px;
        padding: 0;
        text-align: left;
        max-width: 100%;
        border-bottom: 2px solid #009ad6;
        font-size: 14px;
        width: 85%;
        margin-bottom: 12px;
    }
    .btn_more {
        max-width: 85px;
    }
    .Launches_Promotions h3 {
        margin: 21px 0 0 0;
        font-size: 1.2em;
        color: #726e6e;
        padding-top: -5px;
        padding-bottom: 18px;
    }
    .img-responsive.seminar_info {
        margin: 35px 0;
        display: block;
        margin-top: 95px;
    }
    .footer-links p a {
        font-size: -0.1em;
        color: #000;
        margin: 0px 15px;
    }
    .footer-links {
        width: 100%;
        float: left;
    }
    .footer-sm {
        width: 88.33%;
        float: left;
        margin: 12px 0px 0px 26px;
    }
    .footer-logo img {
        width: 180px;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    .footer-logo {
        width: 100%;
    }
    .box1-mid {
        width: 100%;
    }
    .box1-left {
        width: 100%;
    }
        .box_width {
    width: 100%;
    height: 45px !important;
    background: #fff;
    margin-bottom: 7px;
    margin-top: 20px;
    float: left;
}
}
@media only screen and (max-width: 320px) {
   .Launches_Promotions p {
    margin: -21px 0 17px 0 !important;
    font-size: 10px;
    color: #726e6e;
}
    .blule_box h5 {
        float: left;
        text-align: right;
        padding: 0 20px 0 0;
        font-size: 12px;
    }
    .logo img {
        max-width: 56%;
        margin: 0 auto;
    }
    .Left_img {
        width: 100%;
        margin-right: 10px;
        background-repeat: no-repeat;
        margin-top: 20px;
        float: left;
        height: auto;
        background-size: cover;
        margin-bottom: 16px;
    }
    .right_img {
        margin-right: auto;
        width: 100%;
        height: auto;
        margin-top: 20px;
        float: right;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 20px;
    }
    .blule_box h4 {
        color: #726e6e;
        float: left;
        line-height: 20px;
        padding: 0;
        text-align: left;
        max-width: 100%;
        border-bottom: 2px solid #009ad6;
        font-size: 14px;
        width: 85%;
        margin-bottom: 12px;
    }
    .btn_more {
        max-width: 85px
    }
    .Launches_Promotions h3 {
        margin: 21px 0 0 0;
        font-size: 1.2em;
        color: #726e6e;
        padding-top: -5px;
        padding-bottom: 18px
    }
    .img-responsive.seminar_info {
        margin: 35px 0;
        display: block;
        /*margin-top: 95px*/
    }
    .footer-links p a {
        font-size: -0.1em;
        color: #000;
        margin: 0px 15px
    }
    .footer-links {
        width:96%;
        float: left
    }
    .footer-sm {
        width: 88.33%;
        float: left;
        margin: 12px 0px 0px 26px
    }
    .footer-logo img {
        width: 180px;
        margin: 0 auto;
        text-align: center;
        display: block
    }
    .footer-logo {
        width: 100%
    }
    /*    csr */
    
    .box1-mid {
        width: 100%
    }
    .box1-left {
        width: 100%
    }
    .line{margin-top:21%!important;}
}
/*-------------DIRECTORS--------------*/
/* Style the tab */

div.tab {
    overflow: hidden;
    border: none;
    background-color: #4db3ec;
}
/* Style the buttons inside the tab */

div.tab button {
    background-color: #4db3ec;
    border-right:1px solid #fff!important;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    color: #fff;
}
/* Change background color of buttons on hover */

div.tab button:hover {
    background-color: #ddd;
    color: #575050;
}
/* Create an active/current tablink class */

div.tab button.activetablinks {
    background-color:#706f6f;
    color: #fff!important;
}
/* Style the tab content */

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: none;
    border-top: none;
}
.small_img2.img-responsive {
    margin-top: 30px;
}
.big_pic.img-responsive {
    width: 325px;
    height: 406px;
    margin: 0 auto;
}
.diector-sec-right {
    float: left;
    width: 38%;
    padding-left: 2%;
}
.diector-sec-left {
    float: left;
    width: 100%;
    margin-left: 0%;
}
.diector-sec-left h3 {
    font-size: 25px;
}
.diector-sec-left h3 {
    font-size: 24px;
    margin-bottom: 0%;
    margin-top:1%; 
}
.blue_text {
    color: #3399cc;
}
#ceo.active {
    display: block !important;
}
.diector-sec-left p {
    text-align: justify;
    margin-top: 20px;
}
.small.img-responsive {
    width: 26%;
    float: left;
    margin: 13px 0px;
    margin-right: 23px;
}
/*
------------DIRECTOR RESPONSIVE--------------------------------
*/

@media only screen and (min-width: 421px) and (max-width: 778px) {
    .diector-sec-left {
        float: left;
        width: 100%;
        margin-left: 0%;
    }
    .diector-sec-left h3 {
        font-size: 28px;
        margin-bottom: 3%;
    }
}
@media only screen and (min-width: 361px) and (max-width: 420px) {
    .diector-sec-left {
        float: left;
        width: 100%;
        margin-left: 0%;
    }
    .diector-sec-left h3 {
        font-size: 24px;
        margin-bottom: 3%;
    }
}
@media only screen and (min-width: 321px) and (max-width: 368px) {
    .diector-sec-left {
        float: left;
        width: 100%;
        margin-left: 0%;
    }
    .diector-sec-left h3 {
        font-size: 24px;
        margin-bottom: 3%;
    }
    .small.img-responsive {
        width: 100%;
        float: left;
        margin: 7px 0px;
        margin-right: 23px;
    }
}
@media only screen and (max-width: 320px) {
    .diector-sec-left {
        float: left;
        width: 100%;
        margin-left: 0%;
    }
    .small.img-responsive {
        width: 100%;
        float: left;
        margin: 7px 0px;
        margin-right: 23px;
    }
    .diector-sec-left h3 {
        font-size: 24px;
        margin-bottom: 3%;
    }
}
/*----------------------------
        Key People
----------------------------*/

.card_waper {
    float: left;
    width: 30.11%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 3%;
}
.cards-text {
    padding: 0 16px;
}
.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 360px;
    margin: auto;
    text-align: center;
    height: 430px;
    padding-top: 1px;
}
.title-card {
    color: #3399cc;
    font-size: 15px;
    line-height: 21px;
    height: 42px;
    display: block;
}
.card-btn {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    color: white;
    background-color: #2CB7E4;
    text-align: center;
    cursor: pointer;
    width: 100%;
    font-size: 18px;
    margin-bottom: 24px;
}
.cards-text a {
    text-decoration: none;
    font-size: 22px;
    color: black;
}
.card-btn:hover,
.cards-text a:hover {
    opacity: 0.7;
}
.cards-text h2 {
    font-size: 1.4em;
    margin-top: 20px;
}
.cards-text p {
    font-size: 14px;
    text-align: justify;
    /*color: #666262;*/
    color: #000;
}
.key_h h2 {
    border-bottom: 2px solid #3399cc !important;
    max-width: 138px;
    line-height: 2;
}
/*----------------------------
    Key People REsponsives
----------------------------*/

@media only screen and (min-width: 1024px) and (max-width: 1061px) {
    .card {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        max-width: 465px;
        margin: auto;
        text-align: center;
        height: 430px;
    }
    .card_waper {
        float: left;
        width: 31.33%;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 3%;
    }
    .font-footer {
    float: none !important;
    text-align: center !important;
    margin-top: 57px !important;
    clear: both;
    margin: 0px auto !important;
    display: block;
    margin-top: 29px !important;
    font-size: 12px !important;
}
.footer-links p {
    margin: 16px 0 0 0;
    text-align: center;
}
}
@media only screen and (min-width: 980px) and (max-width: 1023px) {
    .card {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        max-width: 100%;
        margin: auto;
        text-align: center;
        height: 440px;
    }
    .card_waper {
        float: left;
        width: 32%;
        margin-left: .5%;
        margin-right: .5%;
        margin-top: 3%;
    }
}
@media only screen and (min-width: 481px) and (max-width: 979px) {
    .card {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        max-width: 100%;
        margin: auto;
        text-align: center;
        height: 440px;
    }
    .card_waper {
        float: left;
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 3%;
    }
}
@media only screen and (min-width: 361px) and (max-width: 480px) {
    .card_waper {
        float: left;
        width: 100%;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 3%;
    }
}
@media only screen and (min-width: 321px) and (max-width: 368px) {
    .card_waper {
        float: left;
        width: 100%;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 3%;
    }
}
@media only screen and (max-width: 320px) {
    .card_waper {
        float: left;
        width: 100%;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 3%;
    }
}
.marT20{
    margin-top:20px!important;}

    /*----------------------------
       Infographic Details
----------------------------*/

.info-section{
 width:50%;
 height: auto;
 float:left;
 margin-top:4%; 
 overflow:hidden; 
}

.info-section img.img-responsive {
background: #ddd;
width:64%;
margin: 0 auto;
}
.line{
    width:92%;
margin-top:1% !important;
border-bottom: none; 
margin: 0 auto;
}
.details-section{
width:30%;
height:auto;
float:left; 
margin-top:5%
}
.details-mid-section{
width:30%;
height:auto;
float:left;  
margin-top:5%;
margin-left:5%;
margin-right:5%;
}
.details-section img {
    width: 240px;
    margin: 0 auto;
}
.details-mid-section img {
    width: 240px;
    margin: 0 auto;
}
#info_anim {
  -moz-animation-duration: 2s;
  -moz-animation-delay: 0.2s;
   -webkit-animation-duration: 2s;
  -webkit-animation-delay: 0.2s;
  animation-duration: 1s;
  animation-delay: 0.2s;
}
#info_anim1 {
  -moz-animation-duration: 2s;
  -moz-animation-delay: 0.5s;
   -webkit-animation-duration: 2s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 2s;
  animation-delay: 0.5s;
}
#info_anim2 {
    animation-duration: 2s;
    animation-delay: 1s;
 -webkit-animation-duration: 2s;
 -webkit-animation-delay: 1s;
 -moz-animation-duration: 2s;
 -moz-animation-delay: 1s;
}
#info_anim3 {
    animation-duration: 2s;
    animation-delay: 1.5s;
 -webkit-animation-duration: 2s;
 -webkit-animation-delay: 1.5s;
 -moz-animation-duration: 2s;
 -moz-animation-delay: 1.5s;
}
#info_anim4 {
    animation-duration:2s;
    animation-delay: 2s;
 -webkit-animation-duration: 2s;
 -webkit-animation-delay: 2s;
 -moz-animation-duration: 2s;
 -moz-animation-delay: 2s;
}
#info_anim5 {
    animation-duration:2s;
    animation-delay: 2.5s;
 -webkit-animation-duration: 2s;
 -webkit-animation-delay: 2.5s;
 -moz-animation-duration: 2s;
 -moz-animation-delay: 2.5s;
}
#info_anim5 {
animation-duration:2s;
animation-delay: 3s;
-webkit-animation-duration: 2s;
-webkit-animation-delay: 3s;
-moz-animation-duration: 2s;
-moz-animation-delay: 3s;
}
#info_anim6 {
animation-duration:2s;
animation-delay: 3.5s;
-webkit-animation-duration: 2s;
-webkit-animation-delay: 3.5s;
-moz-animation-duration: 2s;
-moz-animation-delay: 3.5s;
}
#info_anim7 {
animation-duration:2s;
animation-delay: 4s;
-webkit-animation-duration: 2s;
-webkit-animation-delay: 4s;
-moz-animation-duration: 2s;
-moz-animation-delay: 4s;
}
.img-graphics{
    overflow:hidden; 
}
/*-----------------------------------
   Responsive Infographic Details
-----------------------------------*/
@media only screen and (min-width:369px) and (max-width:645px) {
.info-section{
 width:100%;
 height: auto;
 float:left;
 margin-top:4%; 
}
.details-section{
width:100%;
}
.details-mid-section{
width:100%;
}
.info-section img.img-responsive {
    background: #ddd;
    width: 82%;
    margin: 4px auto;
}
.details-section img {
    width: 240px;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 11%;
}
.details-mid-section {
    margin-left: 0%;
    margin-right: 0%;
}
    
}
@media only screen and (min-width: 321px) and (max-width: 368px) {
    .info-section{
 width:100%;
 height: auto;
 float:left;
 margin-top:4%; 
}
.details-section{
width:100%;
}
.details-mid-section{
width:100%;
}
.info-section img.img-responsive {
    background: #ddd;
    width: 82%;
    margin: 4px auto;
}
.details-section img {
    width: 240px;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 11%;
}
.details-mid-section {
    margin-left: 0%;
    margin-right: 0%;
}
}
@media (max-width:320px) {
.info-section{
 width:100%;
 height: auto;
 float:left;
 margin-top:4%; 
}
.details-section{
width:100%;
}
.details-mid-section{
width:100%;
}
.info-section img.img-responsive {
    background: #ddd;
    width: 82%;
    margin: 4px auto;
}
.details-section img {
    width: 240px;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 11%;
}
.details-mid-section {
    margin-left: 0%;
    margin-right: 0%;
}
}
/*-------------- Nova Map----------------*/
.map_inner{
    margin:0 auto;
   /* margin-left: 7%;*/

}
.map_india{
    position:relative;
    width: 100%; 
}
.map_india  {
    margin: 0 auto;
    display: block;
    margin-top:2.5%; 
}
.canada_map {
    position: absolute;
    z-index: 44;
    top: 23%;
    left: 28%;
}
.uae_txt{
position: absolute;
z-index: 44;
top: 49%;
left: 58%;
width: 28px;

}
.india_txt {
    position: absolute;
    z-index: 44;
    top: 50%;
    left: 60.5%;
    width: 33px;
}
.tooltiptext2 {
    visibility:hidden;  
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: -10%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
    text-decoration:none; 
}
.tooltiptext2::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
}
.canada_map:hover .tooltiptext2 {
   visibility:visible; 
    opacity: 1;
}
a.canada_map {
 
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}
.tooltiptext2 {
    visibility: hidden;
    width: 198px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: -10%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
    text-decoration: none;
}
.tooltiptext3 {
    visibility:hidden;  
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: -82%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
    text-decoration:none; 
}
.tooltiptext3::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
}
.uae_txt:hover .tooltiptext3 {
   visibility:visible; 
    opacity: 1;
}
a.uae_txt {
 
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}
.tooltiptext3 {
    visibility: hidden;
    width: 198px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: -82%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
    text-decoration: none;
}
.tooltiptext4 {
    visibility:hidden;  
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: -35%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
    text-decoration:none; 
}
.tooltiptext4::after {
    content: "";
    position: absolute;
    top: 100%;
    left:50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
}
.india_txt:hover .tooltiptext4 {
   visibility:visible; 
    opacity: 1;
}
a.india_txt {
 
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}
.tooltiptext4 {
    visibility: hidden;
    width: 198px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: -35%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
    text-decoration: none;
}
.map_top_section h2{
    text-transform:none;
    font-style:none;  
}

/*-------------- Nova Map Responsive----------------*/
@media only screen and (max-width: 996px) {

.canada_map {
    position: absolute;
    z-index: 44;
    top: 20%;
    left: 19%;
}
}
@media only screen and (min-width: 769px) and (max-width: 1000px) {
.map_inner{
    margin:0 auto;
    margin-left: 0%;
}
.india_txt {
    position: absolute;
    z-index: 44;
    top: 64%;
    left: 63%;
    width: 37px;
}
.uae_txt {
    position: absolute;
    z-index: 44;
    top: 50%;
    left: 57%;
    width: 28px;
}

}
@media only screen and (min-width: 993px) and (max-width: 1134px) {
 .map_inner{
    margin:0 auto;
    margin-left: 0%;
}

}
@media only screen and (min-width: 790px) and (max-width: 993px) {
 .map_inner{
    margin:0 auto;
    margin-left: 0%;
}
.india_txt {
    position: absolute;
    z-index: 44;
    top: 51%;
    left: 65%;
    width: 30px;
}
.canada_map {
    position: absolute;
    z-index: 44;
    top: 20%;
    left: 18%;
    width: 40px;
}
}
@media only screen and (min-width: 426px) and (max-width: 768px) {
 .map_inner{
    margin:0 auto;
    margin-left: 0%;
}
.canada_map {
    position: absolute;
    z-index: 44;
    top: 20%;
    left: 18%;
    width: 40px;
}
.uae_txt {
    position: absolute;
    z-index: 44;
    top: 50%;
    left: 58%;
    width: 22px;
}
.india_txt {
    position: absolute;
    z-index: 44;
    top: 51%;
    left: 65%;
    width: 22px;
}
}
@media only screen and (min-width: 361px) and (max-width: 425px) {
 .map_inner{
    margin:0 auto;
    margin-left: 0%;
}
.canada_map {
    position: absolute;
    z-index: 44;
    top: 20%;
    left: 25%;
    width: 38px;
}
.uae_txt {
    position: absolute;
    z-index: 44;
    top: 47%;
    left: 58%;
    width: 17px;
}
.india_txt {
    position: absolute;
    z-index: 44;
    top: 49%;
    left: 63%;
    width: 18px;
}
.tooltiptext4 {
    left: -34px;
}
.tooltiptext3 {
    left: -33px;
}
.tooltiptext2 {
    left: -25px;
}
   
}
@media only screen and (min-width: 321px) and (max-width: 360px) {
     .map_inner{
    margin:0 auto;
    margin-left: 0%;
}
.canada_map {
    position: absolute;
    z-index: 44;
    top: 20%;
    left: 25%;
    width: 38px;
}
.uae_txt {
    position: absolute;
    z-index: 44;
    top: 47%;
    left: 58%;
    width: 17px;
}
.india_txt {
    position: absolute;
    z-index: 44;
    top: 49%;
    left: 63%;
    width: 18px;
}
.tooltiptext4 {
    left: -34px;
}
.tooltiptext3 {
    left: -33px;
}
.tooltiptext2 {
    left: -25px;
}
   
}
@media (max-width:784px){
.india_txt {
    position: absolute;
    z-index: 44;
    top: 50%;
    left: 64%;
    width: 31px;
}
.canada_map {
    position: absolute;
    z-index: 44;
    top: 20%;
    left: 18%;
}

}
@media (max-width:320px){
    .map_inner{
    margin:0 auto;
    margin-left: 0%;
}
.canada_map {
    position: absolute;
    z-index: 44;
    top: 20%;
    left: 25%;
    width: 38px;
}
.uae_txt {
    position: absolute;
    z-index: 44;
    top: 47%;
    left: 58%;
    width: 17px;
}
.india_txt {
    position: absolute;
    z-index: 44;
    top: 49%;
    left: 63%;
    width: 18px;
}
.tooltiptext4 {
    left: -34px;
}
.tooltiptext3 {
    left: -33px;
}

}
/*-------------- Nova Lab----------------*/
.lab_left{
    width:33%;
    margin-left:1%;
    margin-right:1%;  
    float: left; 
}
.lab_right {
    width: 58%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
}
.img-responsive.lab {
    width: 100%;
}
.lab_top_section{
    margin-top:4%; 
}
.lab_product{
    width:23%;
    margin-right:1%;
    margin-left:1%; 
    float:left; 
    margin-bottom:2%;   
}
.lab_product p {
    width: 80%;
    font-size: .9em;
    margin: 0 auto;
    text-align: center;
}
.img-responsiv.lens_img {
    width: 57%;
    margin: 0 auto;
}
.text_lab {
    font-size: 20px;
}
.lab_top_section p {
    margin-top: 2%;
    float: left;
    font-size:.9em; 
}

/*-------------- Nova Lab Responsive----------------*/
@media only screen and (min-width: 769px) and (max-width: 900px) {
.lab_product {
    width: 48%;
    margin-right:1%;
    margin-left: 1%;
    float: left;
    margin-bottom: 10%;
    height:230px; 
}
}
@media only screen and (min-width: 426px) and (max-width: 768px) {
      .lab_left {
    width: 100%;
    /*margin-left: 0%;*/
    margin-left:24%;
    margin-right: 0%;
    float: left;
}
.lab_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
}
.lab_right h2 {
    font-size: 20px;
    /*margin-top: 10%;*/
    margin-top:6%;
    font-size:28px; 
}
.lab_top_section h3 {
    font-size: 25px;
}
.lab_product {
    width: 48%;
    margin-right:1%;
    margin-left: 1%;
    float: left;
    margin-bottom: 10%;
    height:230px; 
}
.lab_top_section p {
    font-size: 15px;
    margin-top: 0;
}
.img-responsive.lab {
    width: 53%;
}

}
@media only screen and (min-width: 361px) and (max-width: 425px) {
      .lab_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
}
.lab_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
}
.lab_right h2 {
    font-size: 20px;
    margin-top: 10%;
}
.lab_product {
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    float: left;
    margin-bottom: 4%;
}
.lab_top_section p {
    font-size: 15px;
    margin-top: 0;
} 
}
@media only screen and (min-width: 321px) and (max-width: 360px) {
       .lab_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
}
.lab_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
}
.lab_right h2 {
    font-size: 20px;
    margin-top: 10%;
}
.lab_product {
    width: 100%;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
    margin-bottom: 4%;
}
.lab_top_section p {
    font-size: 15px;
    margin-top: 0;
} 
}
@media (max-width:320px){
    .lab_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
}
.lab_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
}
.lab_right h2 {
    font-size: 20px;
    margin-top: 10%;
}
.lab_product {
    width: 100%;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
    margin-bottom: 4%;
}
.lab_top_section p {
    font-size: 15px;
    margin-top: 0;
}
}

/*----------------------------
       Contact Details
----------------------------*/
.contact h1{
    color: #3399cc;
    margin: 30px 0;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
    font-weight: bold;
}
.contact h1 span{
    color: #706f6f;
}
.contact-left{
    width:50%;
    height:500px;
    float: left;
    padding:0px; 
    /*margin-top: 2%;*/
}

.contact-right{
    width:50%;
    height:500px;
    float: left;
    padding:0px 0px 30px; 
    background:#fff; 
    /*margin-top: 2%;*/
}

.contact-left h3 {
    font-size: 17px;
    padding: 0 0px;
    line-height: 1;
    text-transform: none;
}
.contact-left a {
    float: left !important;
    padding: 0px;
    margin-left: 0px;
}
.connect{
    margin-top:20px; 
}

.connect p{
  float:left;
}
.contact-left h2 {
    font-size: 60px !important;
    color: #46c0f0 !important;
}
.contact_1 h1 {
    color: #3399cc;
    margin: -10px 0;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
    font-weight: bold;
}
.contact_1 h1 span {
    color: #000;
}
.contact-left h4 {
    font-size: 1.2em;
    color: #000;
    text-transform: none;
}

/*FORM CSS*/


input[type=text_contact],
input[type=email_contact],
input[type=url_contact],
input[type=password_contact],
textarea {
    width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
input[type=text_contact],
input[type=email_contact],
input[type=url_contact],
input[type=password_contact] {
  width:89%;
}
input[type=text_contact]:focus,
input[type=email_contact]:focus,
input[type=url_contact]:focus,
input[type=password_contact]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

@media (max-width: 600px) {
  form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
      width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text_contact],
  input[type=email_contact],
  input[type=url_contact],
  input[type=password_contact],
  textarea,
  select {
    width: 100%; 
  }
}
@media (min-width: 1200px) {
  form > div > label,
    legend {
    text-align: right;
  }
}
#saveForm {
    padding: 8px 35px;
    margin-top: 20px;
    color: #FFF;
    background: #30a4ef;
    border: none;
}
#Field4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 450px;
    padding: 5px;
    height: 155px;
}
#title1 {
    color: #898686;
    padding-bottom: 9px;
    padding-top: 8px;
    font-size:17px;
}
#title2 {
    color: #898686;
    padding-bottom: 9px;
    padding-top: 8px;
    font-size:17px;
}
#title3 {
    color: #898686;
    padding-bottom: 9px;
    padding-top: 8px;
    font-size:17px;
}
#title4 {
    color: #898686;
    padding-bottom: 9px;
    padding-top: 8px;
    font-size:17px;
}
#Field2 {
    padding: 7px 0;
}
#Field3 {
    padding: 7px 0;
}
#Field4 {
    padding: 7px 0;
}
.contact-left img {
    width:32px;
    padding-right:10px;
    float: left;
}
.connect p {
    color:#636363;
    padding-right: 13px;
    padding-left: 0px;
    font-weight: bold
}
.contact-form.img-responsive {
    width: 27px;
    float: left;
    padding-right:3px;
    margin-top:2px; 
}
.form-contact1 {
    margin-left: 18%;
}
.img-responsive.social-img {
    width: 36px;
}
.map_contact {
    top: 2%;
    margin-top: 4%;
    padding: 9px 1px;
}
iframe.video_corner {
    /*width: 560px;
    height: 358px;*/
    width: 624px;
    height: 379px;
}

/*----------------------------
  Responsive Contact Details
----------------------------*/
@media only screen and (min-width:770px) and (max-width:1104px){
    iframe.video_corner {
    width: 400px;
    height: 205px;
}
}
@media only screen and (max-width:768px) {

iframe.video_corner {
    width: 348px;
    height: 205px;
}   
}
@media only screen and (min-width:521px) and (max-width:767px){
    iframe.video_corner {
    width:262px;
    height: 205px;
}
.img-responsive.social-img {
    width: 45px;
}


}
@media only screen and (max-width:768px){
    .contact-right {
    width: 100%;
    height: 500px;
    float: left;
    padding: 30px 0px;
    background: #fff;
    margin-top:0%;
}

    .contact-left {
    width: 100%;
    height: 500px;
    float: left;
    padding: 0 0px 30px;
    background: #fff;
    /*margin-top: 2%;*/
    margin-bottom: 20px
}
.form-contact1 {
    margin-left:0%;
}
#saveForm {
    padding: 8px 35px;
    margin-top: 7px;
    color: #FFF;
    background: #30a4ef;
    border: none;
    margin-bottom: 24px;
}
.connect p {
    padding-right: 13px;
    padding-left: 0px;
    margin-left: 0px;
}
iframe {
    /*padding: 0 4%;*/
}
input[type=text_contact],
input[type=email_contact],
input[type=url_contact],
input[type=password_contact] {
  width:100%;
}
iframe.video_corner {
    width: 296px;
    height: 205px;
}
.contact_map{
    width:100%!important;
    padding:0!important;
}
input{width:100%!important;}
textarea{width:100%!important;
max-width:100%!important;}
}
@media only screen and (min-width: 321px) and (max-width: 368px) {
.contact-right {
    width: 100%;
    height: 500px;
    float: left;
    padding: 30px 0px;
    background: #fff;
    margin-top:0%;
}

    .contact-left {
    width: 100%;
    height: 500px;
    float: left;
    padding: 0 0px 30px;
    background: #fff;
    /*margin-top: 2%;*/
}
.form-contact1 {
    margin-left:0%;
}
#saveForm {
    padding: 8px 35px;
    margin-top: 7px;
    color: #FFF;
    background: #30a4ef;
    border: none;
    margin-bottom: 24px;
}
.connect p {
    padding-right: 13px;
    padding-left: 0px;
    margin-left: 0px;
}
iframe {
    padding: 0 4%;
}
input[type=text_contact],
input[type=email_contact],
input[type=url_contact],
input[type=password_contact] {
  width:100%;
}
iframe.video_corner {
    width: 296px;
    height: 205px;
}
    
}
@media (max-width:320px) {
    .contact-right {
    width: 100%;
    height: 500px;
    float: left;
    padding: 30px 0px;
    background: #fff;
    margin-top:23%;
}

    .contact-left {
    width: 100%;
    height: 500px;
    float: left;
    padding: 30px 0px;
    background: #fff;
    margin-top: 2%;
}
.form-contact1 {
    margin-left:0%;
}
#saveForm {
    padding: 8px 35px;
    margin-top: 7px;
    color: #FFF;
    background: #30a4ef;
    border: none;
    margin-bottom: 24px;
}
.connect p {
    padding-right: 13px;
    padding-left: 0px;
    margin-left: 0px;
}
.main-container, .footer-container {
    padding: 10px;
}
iframe.video_corner {
    width: 296px;
    height:250px;
}

}

/*-----------------------------------
   Brand Details
-----------------------------------*/
.lens-ds{
    font-size:30px;
    color:#000;
    font-weight:bold;
}
.lens-ds span{
    font-size:30px;
    color:#30a4ef;
    font-weight:bold;
}
.brand-head{
    background:#30a4ef;
    padding:5px;
    color:#fff; 
    font-size:28px;
    margin-top: 2%;    
}
/* Style the tab */
div.tab_brand {
    overflow: hidden;
    background-color:none;
    margin-top: 2%;
}

/* Style the buttons inside the tab */
div.tab_brand button {
    border:2px solid #30a4ef;
    background-color: inherit;
    float: left;
    outline: none;
    cursor: pointer;
    padding:2px 14px;
    transition: 0.3s;
    font-size: 17px;
    margin-right:5px; 
}

/* Change background color of buttons on hover */
div.tab_brand button:hover {
    
    background-color: #30a4ef;
    color:#fff;
}

/* Create an active/current tablink class */
div.tab_brand button.active {
    background-color: #30a4ef;
    color:#fff;
}

/* Style the tab content */
.tabcontent2{
    display: none;
    padding: 6px 12px;
    border-top: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
.tabcontent3{
    display: none;
    padding: 6px 12px;
    border-top: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
.tabcontent4{
    display: none;
    padding: 6px 12px;
    border-top: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
.tabcontent2 h3{
    font-size:29px; 
    margin-top:2%; 
}
.tabcontent3 h3{
    font-size:29px; 
    margin-top:2%; 
}
.tabcontent4 h3{
    font-size:29px; 
    margin-top:2%; 
}
.brand-gallery{
    width:100%; 
}
.brand-product{
    width:23%;
    margin-left:1%;
    margin-right: 1%;
    float:left;
    margin-top:1%; 
    position:relative;    
}

.brand-images {
  display: block;
  width: 100%;
  height: auto;
}

.overlay_band{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:#008CBAB3;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.brand-product:hover .overlay_band{
 height:100%; 
}

.text {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.margin-top{
    margin-top:2%; 
}
.brand-sub.clearfix {
    width: 100%;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}}

/*-------------- Brand Responsive----------------*/
 @media only screen and (min-width: 769px) and (max-width: 940px) {
        div.tab_brand button {
    border: 2px solid #30a4ef;
    background-color: inherit;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 6px 14px;
    transition: 0.3s;
    font-size: 15px;
    margin-right: 5px;
    margin-top: 10px;
    text-align:left; 
}
.brand-product {
    width: 31.333%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    margin-top: 4%;
    position: relative;
}
.tabcontent2 {
    padding: 6px 0px;
}
.tabcontent3 {
    padding: 6px 0px;
}
.tabcontent4 {
    padding: 6px 0px;
}

 }
 @media only screen and (min-width: 426px) and (max-width: 768px) {
        div.tab_brand button {
    border: 2px solid #30a4ef;
    background-color: inherit;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 6px 14px;
    transition: 0.3s;
    font-size: 15px;
    margin-right: 5px;
    margin-top: 10px;
    text-align:left; 
}
.brand-product {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    margin-top: 4%;
    position: relative;
}
.tabcontent2 {
    padding: 6px 0px;
}
.tabcontent3 {
    padding: 6px 0px;
}
.tabcontent4 {
    padding: 6px 0px;
}

 }
 @media only screen and (min-width: 361px) and (max-width: 425px) {
        div.tab_brand button {
    border: 2px solid #30a4ef;
    background-color: inherit;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 2px 14px;
    transition: 0.3s;
    font-size: 15px;
    margin-right: 5px;
    margin-top: 10px;
    width:100%;
    text-align:left; 
}
.brand-head {
    background: #30a4ef;
    padding: 5px;
    color: #fff;
    font-size: 20px;
    margin-top: 3%;
}
.lens-ds {
    font-size: 25px;
}
.lens-ds span {
    font-size: 25px;
}
.tabcontent2 h3 {
    font-size: 21px;
    margin-top: 2%;
}
.tabcontent3 h3 {
    font-size: 21px;
    margin-top: 2%;
}
.brand-product {
    width: 100%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    margin-top: 4%;
    position: relative;
}
.tabcontent2 {
    padding: 6px 0px;
}
.tabcontent3 {
    padding: 6px 0px;
}
.tabcontent4 {
    padding: 6px 0px;
}

    }
 @media only screen and (min-width: 321px) and (max-width: 360px) {
        div.tab_brand button {
    border: 2px solid #30a4ef;
    background-color: inherit;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 2px 14px;
    transition: 0.3s;
    font-size: 15px;
    margin-right: 5px;
    margin-top: 10px;
    width:100%;
    text-align:left; 
}
.brand-head {
    background: #30a4ef;
    padding: 5px;
    color: #fff;
    font-size: 20px;
    margin-top: 3%;
}
.lens-ds {
    font-size: 25px;
}
.lens-ds span {
    font-size: 25px;
}
.tabcontent2 h3 {
    font-size: 21px;
    margin-top: 2%;
}
.tabcontent3 h3 {
    font-size: 21px;
    margin-top: 2%;
}
.brand-product {
    width: 100%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    margin-top: 4%;
    position: relative;
}
.tabcontent2 {
    padding: 6px 0px;
}
.tabcontent3 {
    padding: 6px 0px;
}
.tabcontent4 {
    padding: 6px 0px;
}

    }
    
    @media (max-width:320px) {
        div.tab_brand button {
    border: 2px solid #30a4ef;
    background-color: inherit;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 2px 14px;
    transition: 0.3s;
    font-size: 15px;
    margin-right: 5px;
    margin-top: 10px;
    width:100%;
    text-align:left; 
}
.brand-head {
    background: #30a4ef;
    padding: 5px;
    color: #fff;
    font-size: 20px;
    margin-top: 3%;
}
.lens-ds {
    font-size: 25px;
}
.lens-ds span {
    font-size: 25px;
}
.tabcontent2 h3 {
    font-size: 21px;
    margin-top: 2%;
}
.tabcontent3 h3 {
    font-size: 21px;
    margin-top: 2%;
}
.brand-product {
    width: 100%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    margin-top: 4%;
    position: relative;
}
.tabcontent2 {
    padding: 6px 0px;
}
.tabcontent3 {
    padding: 6px 0px;
}
.tabcontent4 {
    padding: 6px 0px;
}

    }

/*--------------End Brand Responsive----------------*/
/*-------------- Nova Iris----------------*/
.nova_iris_left{
    float:left;
    width:40%;  
}
.nova_iris_right{
    float:left;
    width:55%; 
    margin-left:2%;  
}
.nova_iris_right h3{
    font-size:28px;
    border-bottom:2px solid #ddd;  

}
.nova_iris_right h3 {
    font-size: 28px;
    border-bottom: 2px solid #3db5cf;
    width: 17%;
    margin: 22px 0;
}
.nova_iris_fe ul li {
    padding: 7px 0;
}
.nova_iris_right p {
    margin: 27px 0;
}
.eye_img{
    width:30%;
    float:right;  
}
.nova_iris_fe {
    float:left;
    width:100%;
    margin-top:5%;
    height:200px;    

}
.nova_iris_fe ul{
    width:68%;
    margin-left:2%;  
}
.iris_section.clearfix {
    margin-top: 3%;
    margin-bottom: -30px;
}
/*------owl slider------*/
.owl_slider{
    margin-top:4%; 
}
/*-------------- Nova Iris----------------*/
.nova_iris_left{
    float:left;
    width:40%;  
}
.nova_iris_right{
    float:left;
    width:55%; 
    margin-left:2%;  
}
.nova_iris_right h3{
    font-size:28px;
    border-bottom:2px solid #ddd;  

}
.nova_iris_right h3 {
    font-size: 28px;
    border-bottom: 2px solid #3db5cf;
    width: 17%;
    margin: 22px 0;
}
.nova_iris_fe ul li {
    padding: 7px 0;
}
.nova_iris_right p {
    margin: 27px 0;
}
.eye_img{
    width:30%;
    float:right;  
}
.nova_iris_fe {
    float:left;
    width:100%;
    margin-top:5%;
    height:200px;    

}
.nova_iris_fe ul{
    width:68%;
    margin-left:2%;  
}
.iris_section.clearfix {
    margin-top: 3%;
    margin-bottom: -30px;
}
/*--------------Irish Responsive----------------*/
 @media only screen and (min-width: 361px) and (max-width: 502px) {
        .nova_iris_left {
    float: left;
    width: 100%;
}
.nova_iris_right {
    float: left;
    width: 100%;
    margin-left: 2%;
}
.nova_iris_right h2 {
    font-size: 21px;
    margin-top: 13%;
}

 }
 @media only screen and (min-width: 321px) and (max-width: 360px) {
    .nova_iris_left {
    float: left;
    width: 100%;
}
.nova_iris_right {
    float: left;
    width: 100%;
    margin-left: 2%;
}
.nova_iris_right h2 {
    font-size: 21px;
    margin-top: 13%;
}

 }
@media (max-width:320px) {
    .nova_iris_left {
    float: left;
    width: 100%;
}
.nova_iris_right {
    float: left;
    width: 100%;
    margin-left: 2%;
}
.nova_iris_right h2 {
    font-size: 21px;
    margin-top: 13%;
}

}

/*-------------- Nova HD----------------*/
.nova_hd_left{
    float:left;
    width:30%;  
}
.nova_hd_right{
    float:left;
    width:60%; 
    margin-left:2%;  
}
.nova_hd{
    width:100%; 
    margin-top:2%; 
}
.nova_hd h2 {
    float: left;
}
.nova_hd_text {
width: 18%;
font-size: 23px;
float: left;
margin-top: 4%;
margin-left: 1%;
margin-right: 1%;

}
.numb_hd span{
float: left;
font-size: 41px;
margin-left: 9px;
color: #32abe4;

}
.numb_hd {
float: left;
font-size: 44px;
margin: 3px 15px;
color: #41adf2;
font-style: italic;

}
.nova_hd_text h4 {
    text-transform: none !important;
}
.nova_hd p {
    float: left;
    margin-top: 1%;
    color: #807e7e;
}
.stander {
    margin: 0 auto;
    margin-top:2%; 
    width: 54%;
}
.standerd_pro_lens{
    margin-top:2%;
    width:68%; 
    margin:0 auto;   
}

.nova_hd ul {
  margin-top:5%; 
}
.nova_hd ul li {
    float: left;
    max-width:343px;
    padding: 14px 8px;
    margin: 2px 23px;
    list-style:none; 
}
.nova_hd ul li span {
    font-size:43px;
    float:left; 
    margin-right:10px; 
    color:#3399cc; 
    margin-bottom: 16px;
}
.nova_hd ul li {
    float: left;
    max-width: 207px;
    padding: 14px 8px;
    margin: 2px 23px;
    list-style: none;
}
.nova_hd ul li h4{
    font-size:12px; 
}

/*--------------Responsive Nova HD----------------*/

/*-------------- Nova HD----------------*/
.nova_hd_left{
    float:left;
    width:30%;  
}
.nova_hd_right{
    float:left;
    width:60%; 
    margin-left:2%;  
}
.nova_hd{
    width:100%; 
    margin-top:2%; 
}
.nova_hd h2 {
    float: left;
}
.nova_hd_text {
width: 18%;
font-size: 23px;
float: left;
margin-top: 4%;
margin-left: 1%;
margin-right: 1%;

}
.numb_hd span{
float: left;
font-size: 41px;
margin-left: 9px;
color: #32abe4;

}
.numb_hd {
float: left;
font-size: 44px;
margin: 3px 15px;
color: #41adf2;
font-style: italic;

}
.nova_hd_text h4 {
    text-transform: none !important;
}
.nova_hd p {
    float: left;
    margin-top: 1%;
    color: #807e7e;
}
.stander {
    margin: 0 auto;
    margin-top:2%; 
    width: 54%;
}
.standerd_pro_lens{
    margin-top:2%;
    width:68%; 
    margin:0 auto;   
}

.nova_hd ul {
  margin-top:5%; 
}
.nova_hd ul li {
    float: left;
    max-width:343px;
    padding: 14px 8px;
    margin: 2px 23px;
    list-style:none; 
}
.nova_hd ul li span {
    font-size:43px;
    float:left; 
    margin-right:10px; 
    color:#3399cc; 
    margin-bottom: 16px;
}
.nova_hd ul li {
    float: left;
    max-width: 207px;
    padding: 14px 8px;
    margin: 2px 23px;
    list-style: none;
}
.nova_hd ul li h4{
    font-size:12px; 
}

/*--------------Responsive Nova HD----------------*/
@media only screen and (min-width: 601px) and (max-width:1024px) {
    .nova_hd ul li {
    float: left;
    max-width: 276px;
    padding: 14px 8px;
    margin: 2px 23px;
    list-style: none;
}
}
@media only screen and (min-width: 361px) and (max-width:601px) {
    .nova_hd_left {
    float: left;
    width: 100%;
}
.numb_hd {
    float: left;
    font-size: 22px;
    margin: 7px 15px;
    color: #41adf2;
    font-style: italic;
    width: 16px;
}
.nova_hd_right {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-top: 9%;
}
.nova_hd_right h2 {
    font-size: 20px;
}
.nova_hd h2 {
    float: left;
    font-size: 20px;
}
.nova_hd ul li span {
    font-size:23px;
    float:left; 
    margin-right:10px; 
    color:#3399cc; 
}
.nova_hd ul li {
   font-size: 13px;
   padding: 5px 8px;
}
.nova_hd ul li h4{
    font-size:16px; 
}
.stander {
    margin: 0 auto;
    margin-top: 2%;
    width: 100%;
    margin-bottom: 6%;
}
.standerd_pro_lens {
    margin-top: 2%;
    width: 100%;
    margin: 0 auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 360px) {
.nova_hd_left {
    float: left;
    width: 100%;
}
.numb_hd {
    float: left;
    font-size: 22px;
    margin: 7px 15px;
    color: #41adf2;
    font-style: italic;
    width: 16px;
}
.nova_hd_right {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-top: 9%;
}
.nova_hd_right h2 {
    font-size: 20px;
}
.nova_hd h2 {
    float: left;
    font-size: 20px;
}
.nova_hd ul li span {
    font-size:20px;
    float:left; 
    margin-right:10px; 
    color:#3399cc; 
}
.nova_hd ul li {
   font-size: 13px;
   padding: 5px 8px;
}
.nova_hd ul li h4{
    font-size:13px; 
}
.stander {
    margin: 0 auto;
    margin-top: 2%;
    width: 100%;
    margin-bottom: 6%;
}
.standerd_pro_lens {
    margin-top: 2%;
    width: 100%;
    margin: 0 auto;
}
}
@media (max-width:1097px) {
    .nova_hd ul li {
    float: left;
    max-width: 261px;
    padding: 14px 0px;
    margin: 2px 23px;
    list-style: none;
}
}
@media (max-width:912px) {
    .nova_hd ul li {
    float: left;
    max-width: 261px;
    padding: 14px 0px;
    margin: 2px 23px;
    list-style: none;
}
}
@media (max-width:320px) {
    .nova_hd_left {
    float: left;
    width: 100%;
}
.numb_hd {
    float: left;
    font-size: 22px;
    margin: 7px 15px;
    color: #41adf2;
    font-style: italic;
    width: 16px;
}
.nova_hd_right {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-top: 9%;
}
.nova_hd_right h2 {
    font-size: 20px;
}
.nova_hd h2 {
    float: left;
    font-size: 20px;
}
.nova_hd ul li span {
    font-size:20px;
    float:left; 
    margin-right:10px; 
    color:#3399cc; 
}
.nova_hd ul li {
   font-size: 13px;
   padding: 5px 8px;
}
.nova_hd ul li h4{
    font-size:13px; 
}
.stander {
    margin: 0 auto;
    margin-top: 2%;
    width: 100%;
    margin-bottom: 6%;
}
.standerd_pro_lens {
    margin-top: 2%;
    width: 100%;
    margin: 0 auto;
}
}
/*-------------- Nova 3di----------------*/
.nova_3di_left{
    float:left;
    width:33%;  
}
.nova_3di_right{
    float:left;
    width:65%; 
    margin-left:2%;  
}
.img_3di_left{
    width:40%;
    margin-left:10%; 
    float:left; 
    margin-bottom: 4%;
}
.img_3di_right{
    width:40%;
    margin-right:10%;
    float: left;
    margin-bottom: 4%;
}
.img-responsive.lens1 {
    margin-left: 5%;
    margin-top: 7%;
}
.spectacle_lens{
    width:31.33%;
    float:left;;
    margin-left:1%;
    margin-right:1%;    
}
.img_Unique_left{
    width:48%;
    margin-left:2%;
    float:left; 
    margin-top:2%;   
}
.img_Unique_right{
    width:48%;
    margin-left:2%;
    float:right;
    margin-top:2%;   
}
.img_Unique_left img {
    width: 80%;
    margin-bottom:4%; 
}
.img-responsive.eyemovment{
    width: 62%;
    margin-bottom:4%;
}
.img_Unique_left p {
    color: #878787;
}
.img-responsive.convisition2{
    width: 100% !important;
    margin-left: 16%;
}
.img-responsive.convisition {
    width: 100% !important;
    margin-left: 1%;
}

.individual_lens h2 {
    text-transform: none;
}


/*-------------- Nova 3di Responsive----------------*/
@media only screen and (min-width: 901px) and (max-width: 1127px) {
.img-responsive.convisition2 {
    margin-top:2%;
    margin-left:0; 
}
.img-responsive.convisition {
    margin-left: 0%;
}

}
@media only screen and (min-width: 601px) and (max-width: 900px) {
    .nova_3di_right {
    float: left;
    width: 100%;
    margin-left: 2%;
}
.img-responsive.nova_hd_img {
    width:100%;
}

.nova_3di_left {
    float: left;
    width: 100%;
}
.spectacle_lens {
    width: 48%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}
.img_Unique_left {
    width:100%;
    float: left;
}
.img_Unique_left img {
    width: 100%;
    margin-bottom: 4%;
}
.img_Unique_right {
    width: 100%;
    margin-left: 1%;
    float: left;
    margin-top: 1%;
}
.img-responsive.convisition2 {
    width: 50% !important;
    margin-top:2%;
    margin-left:0; 
}
.img-responsive.convisition {
    width: 50% !important;
    margin-top:2%;
    margin-left:0; 
}
.img_Unique_left img {
    width: 56%;
}

.img-responsive.eyemovment {
    width: 60%;
    margin-bottom: 4%;
}
}

@media only screen and (min-width: 361px) and (max-width: 600px) {
    .nova_3di_right {
    float: left;
    width: 100%;
    margin-left: 2%;
}
.nova_3di_left {
    float: left;
    width: 100%;
}
.spectacle_lens {
    width: 48%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}
.img_Unique_left {
    width:100%;
    float: left;
}
.img_Unique_left img {
    width: 100%;
    margin-bottom: 4%;
}
.img_Unique_right {
    width: 100%;
    margin-left: 1%;
    float: left;
    margin-top: 1%;
}
.img-responsive.convisition2 {
    width: 100%;
    margin-top:2%;
    margin-left:0; 
}
.img-responsive.convisition {
    width: 100%;
    margin-top:2%;
    margin-left:0; 
}
.img-responsive.eyemovment {
    width: 100%;
    margin-bottom: 4%;
}
}
@media only screen and (min-width: 321px) and (max-width: 360px) {
    .nova_3di_right {
    float: left;
    width: 100%;
    margin-left: 2%;
}
.nova_3di_left {
    float: left;
    width: 100%;
}
.spectacle_lens {
    width: 100%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}
.img_Unique_left {
    width:100%;
    float: left;
}
.img_Unique_left img {
    width: 100%;
    margin-bottom: 4%;
}
.img_Unique_right {
    width: 100%;
    margin-left: 1%;
    float: left;
    margin-top: 1%;
}
.img-responsive.convisition2 {
    width: 100%;
    margin-top:2%;
    margin-left:0; 
}
.img-responsive.convisition {
    width: 100%;
    margin-top:2%;
    margin-left:0; 
}
.img-responsive.eyemovment {
    width: 100%;
    margin-bottom: 4%;
}

}
@media (max-width:320px) {
.nova_3di_right {
    float: left;
    width: 100%;
    margin-left: 2%;
}
.nova_3di_left {
    float: left;
    width: 100%;
}
.spectacle_lens {
    width: 100%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}
.img_Unique_left {
    width:100%;
    float: left;
}
.img_Unique_left img {
    width: 100%;
    margin-bottom: 4%;
}
.img_Unique_right {
    width: 100%;
    margin-left: 1%;
    float: left;
    margin-top: 1%;
}
.img-responsive.convisition2 {
    width: 100%;
    margin-top:2%;
    margin-left:0; 
}
.img-responsive.convisition {
    width: 100%;
    margin-top:2%;
    margin-left:0; 
}
.img-responsive.eyemovment {
    width: 100%;
    margin-bottom: 4%;
}
}
/*-------------- Nova Plus----------------*/
.nova_plus_left{
    float:left;
    width:33%;  
}
.nova_plus_right{
    float:left;
    width:65%; 
    margin-left:2%;

}
.unique_digi1{
    float:left;
    width:22%;
margin-top: 0%;
margin-left:1%;
margin-right:1%;  
}

.unique_digi {
    margin-top: 4%;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
}
.nova_plus_lens_lf{
    width:48%;
    margin-top:2%;
    float:left;   
}
.nova_plus_lens_rg{
    width:48%;
    margin-top:2%;
    float:left;   
}
.nova_convention_2{
    width:100%; 
}
.nova_plus_lens_lf2 {
    width: 25%;
    margin-top: 2%;
    float: left;
    margin-left: 2%;
    margin-right: 7%;
}
.nova_plus_lens_rg2 {
    width: 25%;
    margin-top: 2%;
    float: left;
    margin-left: 2%;
    margin-right: 7%;
}
.abberration{
    width:40%; 
}
.conventional{
    width:68%; 
}
.img-responsive.binocular {
    width: 80%;
}
.base_surface{
    width:66%; 
    margin-bottom: 2%;
}
.nova_plus_07{
    width:30%; 
}
/*-------------- Nova Plus Responsive----------------*/
@media only screen and (min-width: 426px) and (max-width: 899px) {
 .nova_plus_left {
    width: 100%;
    margin-bottom:2%; 
}
.nova_plus_right{
width:100%; 
}
.nova_plus_07 {
    width: 50%;
}
.img-responsive.binocular {
    width: 100%;
    margin-bottom: 4%;
}
.nova_plus_lens_lf2 {
    width: 40%;
    margin-top: 2%;
    float: left;
    margin-left: 3%;
    margin-right: 7%;
}
.nova_plus_lens_rg2 {
    width: 40%;
    margin-top: 2%;
    float: left;
    margin-left: 3%;
    margin-right: 7%;
}
.abberration {
    width: 80%;
}
.conventional {
    width: 80%;
}
.unique_digi1 {
    float: left;
    width: 31%;
    margin-top: 0%;
    margin-left: 1%;
    margin-right: 1%;
}

}
@media only screen and (min-width: 361px) and (max-width: 425px) {
     .nova_plus_left {
    width: 100%;
    margin-bottom:2%; 
}
.nova_plus_right{
width:100%; 
}
.unique_digi1{
    width:100%; 
}
.nova_plus_lens_lf{
    width:100%; 
}
.nova_plus_lens_rg{
    width:100%; 
}
.nova_plus_lens_lf2 {
    width: 100%;
    margin-top: 2%;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
}
.nova_plus_lens_rg2 {
    width: 100%;
    margin-top: 2%;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
}
.abberration {
    width: 100%;
}
.conventional {
    width: 100%;
}
.img-responsive.binocular {
    width: 100%;
    margin-bottom: 3%;
}
.base_surface {
    width: 100%;
    margin-bottom: 2%;
}
.nova_plus_07 {
    width: 100%;
}
}
@media only screen and (min-width: 321px) and (max-width: 360px) {
     .nova_plus_left {
    width: 100%;
    margin-bottom:2%; 
}
.nova_plus_right{
width:100%; 
}
.unique_digi1{
    width:100%; 
}
.nova_plus_lens_lf{
    width:100%; 
}
.nova_plus_lens_rg{
    width:100%; 
}
.nova_plus_lens_lf2 {
    width: 100%;
    margin-top: 2%;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
}
.nova_plus_lens_rg2 {
    width: 100%;
    margin-top: 2%;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
}
.abberration {
    width: 100%;
}
.conventional {
    width: 100%;
}
.img-responsive.binocular {
    width: 100%;
    margin-bottom: 3%;
}
.base_surface {
    width: 100%;
    margin-bottom: 2%;
}
.nova_plus_07 {
    width: 100%;
}
}
@media (max-width:320px) {
    .nova_plus_left {
    width: 100%;
    margin-bottom:2%; 
}
.nova_plus_right{
width:100%; 
}
.unique_digi1{
    width:100%; 
}
.nova_plus_lens_lf{
    width:100%; 
}
.nova_plus_lens_rg{
    width:100%; 
}
.nova_plus_lens_lf2 {
    width: 100%;
    margin-top: 2%;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
}
.nova_plus_lens_rg2 {
    width: 100%;
    margin-top: 2%;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
}
.abberration {
    width: 100%;
}
.conventional {
    width: 100%;
}
.img-responsive.binocular {
    width: 100%;
    margin-bottom: 3%;
}
.base_surface {
    width: 100%;
    margin-bottom: 2%;
}
.nova_plus_07 {
    width: 100%;
}
}
/*-------------- Nova tiny----------------*/
.nova_tiny_left{
    float:left;
    width:35%;  
}
.nova_tiny_right {
    float: left;
    width: 59%;
    margin-left: 4%;
}
.nova_tiny_small_left{
    float: left;
    width: 59%;
    margin-right: 4%;
}
.nova_tiny_small_right{
    float:left;
    width:35%;  
}
.nova_gallery_li {
    padding-left: 0 !important;
}

.nova_gallery li {
    background: url(../images/icon.jpg) no-repeat 0px 8px;
    font-style:normal; 
    list-style:none;
    padding: 0 17px; 
   }
  .nova_gallery {
    margin-top: 4%;
}

/*-------------- Nova tiny Responsive----------------*/
@media only screen and (min-width: 769px) and (max-width: 1097px) {
       .nova_tiny_left {
    float: left;
    width: 100%;
}
.nova_tiny_right {
    float: left;
    width: 100%;
    margin-left:0%;
}
.nova_tiny_small_left {
    float: left;
    width:100%;
    margin-right: 0%;
}
.nova_tiny_small_right {
    float: left;
    width: 100%;
    padding-bottom: 6%;
}    
.img-responsive.nova_hd_img {
    width: 100%;
}

}
@media only screen and (min-width: 426px) and (max-width: 768px) {
       .nova_tiny_left {
    float: left;
    width: 100%;
}
.nova_tiny_right {
    float: left;
    width: 100%;
    margin-left:0%;
}
.nova_tiny_small_left {
    float: left;
    width:100%;
    margin-right: 0%;
}
.nova_tiny_small_right {
    float: left;
    width: 100%;
    padding-bottom: 6%;
}    

}
@media only screen and (min-width: 361px) and (max-width: 425px) {
      .nova_tiny_left {
    float: left;
    width: 100%;
}
.nova_tiny_right {
    float: left;
    width: 100%;
    margin-left:0%;
}
.nova_tiny_small_left {
    float: left;
    width:100%;
    margin-right: 0%;
}
.nova_tiny_small_right {
    float: left;
    width: 100%;
    padding-bottom: 6%;
}  
}
@media only screen and (min-width: 321px) and (max-width: 360px) {
    .nova_tiny_left {
    float: left;
    width: 100%;
}
.nova_tiny_right {
    float: left;
    width: 100%;
    margin-left:0%;
}
.nova_tiny_small_left {
    float: left;
    width:100%;
    margin-right: 0%;
}
.nova_tiny_small_right {
    float: left;
    width: 100%;
    padding-bottom: 6%;
}
}
@media (max-width:320px){
    .nova_tiny_left {
    float: left;
    width: 100%;
}
.nova_tiny_right {
    float: left;
    width: 100%;
    margin-left:0%;
}
.nova_tiny_small_left {
    float: left;
    width:100%;
    margin-right: 0%;
}
.nova_tiny_small_right {
    float: left;
    width: 100%;
    padding-bottom: 6%;
}

}
/*-------------- Nova Trendfree----------------*/
.nova_trendfree_left{
    float:left;
    width:42%;  
}
.nova_trendfree_right {
    float: left;
    width: 52%;
    margin-left: 4%;
}
.nova_trendfree_small_left{
    float: left;
    width: 100%;
    margin-right: 0%;
}
.nova_trendfree_section_left{
    width:48%;
    margin-left:1%;
    margin-right:1%; 
    float: left; 
     margin-top:3%; 
}
.nova_trendfree_section_right{
    width:48%;
    margin-left:1%;
    margin-right:1%;   
    float:left;
    margin-top:3%;  
}
.novatrendfree {
    width: 22%;
    float: left;
}
.nova_trendfree_section_left p {
    margin-left: 24%;
    color: #5d5d5d;
    font-size: 15px;
    width: 68%;

}
.nova_trendfree_section_right p {
    margin-left: 24%;
    color: #5d5d5d;
    font-size: 15px;
width: 68%;

}
.trendfree_span{
    color:#000;
    font-weight:bold; 
}
/*-------------- Nova Trendfree Responsive ----------------*/
@media only screen and (min-width: 769px) and (max-width: 900px) {
    .nova_trendfree_left {
    float: left;
    width: 100%;
}
.nova_trendfree_right {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-top: 5%;
}
.nova_trendfree_section_left p {
    font-size: 13px;
}
.nova_trendfree_section_right p {
    font-size: 13px;
}
}
@media only screen and (min-width: 426px) and (max-width: 768px) {
.nova_trendfree_left {
    float: left;
    width: 100%;
}
.nova_trendfree_right {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-top: 5%;
}
.nova_trendfree_section_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    margin-top: 5%;
}
.nova_trendfree_section_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    margin-top: 5%;
}
.margin-top2{
    margin-top: 6%;
} 
.novatrendfree {
    width: 16%;
    float: left;
}

}
@media only screen and (min-width: 361px) and (max-width: 425px) {
    .nova_trendfree_left {
    float: left;
    width: 100%;
}
.nova_trendfree_right {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-top: 5%;
}
.nova_trendfree_section_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    margin-top: 5%;
}
.nova_trendfree_section_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    margin-top: 5%;
}
.margin-top2{
    margin-top: 6%;
}     
}
@media only screen and (min-width: 321px) and (max-width: 360px) {
   .nova_trendfree_left {
    float: left;
    width: 100%;
}
.nova_trendfree_right {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-top: 5%;
}
.nova_trendfree_section_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    margin-top: 5%;
}
.nova_trendfree_section_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    margin-top: 5%;
}
.margin-top2{
    margin-top: 6%;
}   
}
@media (max-width:320px){
    .nova_trendfree_left {
    float: left;
    width: 100%;
}
.nova_trendfree_right {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-top: 5%;
}
.nova_trendfree_section_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    margin-top: 5%;
}
.nova_trendfree_section_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    margin-top: 5%;
}
.margin-top2{
    margin-top: 13%;
}
}
/*-------------- Nova Easy ----------------*/
.nova_easy_left{
    float:left;
    width:42%;  
}
.nova_easy_right {
    float: left;
    width: 52%;
    margin-left: 4%;
}
.nova_easy_left_section{
    float:left;
    width:52%; 
   margin-right:4%;
}
.nova_easy_right_section{
    float:right;
    width:42%; 
}
.nova_easy_small_left{
    float: left;
    width: 100%;
    margin-right: 0%;
    margin-top: 4%;
}
.nova_easy{
    margin-top:4%; 
}
.nova_easy_small_left h2 {
    text-transform: none;
}
.nova_gallery.margin-none {
    margin-top: 0;
}

.nova_easy_small_lef h3{
    color:#000;
}
.lens_easy {
    float: left;
}


/*-------------- Nova Easy Responsive----------------*/
@media only screen and (min-width: 801px) and (max-width: 1089px) {

.img-responsive.nova_easy_img {
    width: 100%;
}
}
@media only screen and (min-width: 361px) and (max-width: 800px) {
    .nova_easy_left {
    float: left;
    width: 100%;
}
.nova_easy_right {
    float: left;
    width: 100%;
    margin-left: 0%;
}
.nova_easy_left_section {
    float: left;
    width: 100%;
    margin-right: 0%;
}
.nova_easy_right_section {
    float: right;
    width: 100%;
    margin-bottom: 7%;
}
    }
@media only screen and (min-width: 321px) and (max-width: 360px) {
.nova_easy_left {
    float: left;
    width: 100%;
}
.nova_easy_right {
    float: left;
    width: 100%;
    margin-left: 0%;
}
.nova_easy_left_section {
    float: left;
    width: 100%;
    margin-right: 0%;
}
.nova_easy_right_section {
    float: right;
    width: 100%;
    margin-bottom: 7%;
}
}
@media (max-width:320px){
    .nova_easy_left {
    float: left;
    width: 100%;
}
.nova_easy_right {
    float: left;
    width: 100%;
    margin-left: 0%;
}
.nova_easy_left_section {
    float: left;
    width: 100%;
    margin-right: 0%;
}
.nova_easy_right_section {
    float: right;
    width: 100%;
    margin-bottom: 7%;
}
}
/*-------------- Nova occu----------------*/
.nova_left {
    float: left;
    width: 44%;
}
.nova_right {
    float: left;
    width: 53%;
    margin-left: 3%;
}
.nova_occu_left{
    float: left;
    width: 100%;
    margin-right: 0%;
    margin-top:0%;
}
.nova_occu_left p {
    padding: 0 0;
    margin-bottom: 7px;
}
/*-------------- Nova occu Responsive----------------*/
@media only screen and (min-width: 426px) and (max-width: 1010px) {
.nova_left {
    float: left;
    width: 100%;
}
.nova_right {
    float: left;
    width: 100%;
    margin-left: 0%;
}
.nova_left.margin-top {
    width: 50%;
}

}
@media only screen and (min-width: 361px) and (max-width: 425px) {
    .nova_left {
    float: left;
    width: 100%;
}
.nova_right {
    float: left;
    width: 100%;
    margin-left: 0%;
}
}
@media only screen and (min-width: 321px) and (max-width: 360px) {
    .nova_left {
    float: left;
    width: 100%;
}
.nova_right {
    float: left;
    width: 100%;
    margin-left: 0%;
}  
}
@media (max-width:320px){
    .nova_left {
    float: left;
    width: 100%;
}
.nova_right {
    float: left;
    width: 100%;
    margin-left: 0%;
}
}
/*-------------- Nova office----------------*/
.office_left{
    width:46%;
    float:left; 
    margin-left:1%;
    margin-right: 2%;  
}
.office_right{
    width:46%;
    margin-left:2%;
    margin-right: 1%; 
    float:left;  
}
.img-responsive.nova_office_img {
    width: 95%;
    margin: 0 auto;
}

.nova_office_left {
    float: left;
    width: 36%;
}
.office_left ul li {
    background: url(../images/shortcode-star.png) no-repeat left 2px;
    list-style:none; 
    padding:0 5px; 
    padding: 1px 26px;
}
.office_right ul li {
    background: url(../images/shortcode-star.png) no-repeat left 2px;
    list-style:none; 
    padding:0 5px; 
    padding: 1px 26px;
}
.nova_digi_text h2{
    text-align:center; 
}
/*-------------- Nova office Responsive----------------*/
@media only screen and (min-width: 426px) and (max-width: 768px) {
   .nova_office_left {
    float: left;
    width: 100%;
}
.office_left {
    width: 100%;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
}
.office_right {
    width: 100%;
    float: right;
    margin-left: 0%;
    margin-right: 0%;
}
.img-responsive.nova_office_img {
    width: 58%;
    margin:0;
}

}
@media only screen and (min-width: 361px) and (max-width: 425px) {
   .nova_office_left {
    float: left;
    width: 100%;
}
.office_left {
    width: 100%;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
}
.office_right {
    width: 100%;
    float: right;
    margin-left: 0%;
    margin-right: 0%;
}
}
@media only screen and (min-width: 321px) and (max-width: 360px) {
   .nova_office_left {
    float: left;
    width: 100%;
}
.office_left {
    width: 100%;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
}
.office_right {
    width: 100%;
    float: right;
    margin-left: 0%;
    margin-right: 0%;
}
}
@media (max-width:320px){
   .nova_office_left {
    float: left;
    width: 100%;
}
.office_left {
    width: 100%;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
}
.office_right {
    width: 100%;
    float: right;
    margin-left: 0%;
    margin-right: 0%;
}
}
/*-------------- Nova Noline----------------*/
.nova_noline_left {
    float: left;
    width: 44%;
}
.nova_noline_right {
    float: left;
    width: 53%;
    margin-left: 3%;
}
.nova_noline_right ul {
    width:100%; 
}
.nova_noline_right h2{
    margin-bottom:4%; 
    float:left; 
}
.img-responsive.nova_office_img {
    width: 70%;
}
.lens_noline{
   margin:0 auto;
}
.lens_noline h2{
    font-size: 28px;
    color: #000;
    margin: 0 auto;
    text-align:center; 
}
.lens_noline{
    width:100%; 
}
.noline_product{
    width:23%;
    margin-right: 1%;
    margin-left:1%; 
    float:left; 
    margin-top:4%; 
}
.noline_section.clearfix {
    width: 100%;
}
.noline_product h4{
    margin:0 auto;
}
.noline_product h4 {
    margin: 0 auto;
        margin-top: 0px;
    text-align: center;
    margin-top: 4%;
    margin-bottom: 19%;
}
.noline_section_right{
    width:38%;
    margin-left:0%;
    margin-right:1%;
    float:right;  
    margin-top:5%;   
}
.noline_section_left{
    width:60%;
    margin-left:1%;
    margin-right:0%; 
    float:left; 
    margin-top:5%;  
}
.nova_noline {
    margin-top: 10%;
}

.nova_noline li {
    font-size: 22px !important;
    padding-top: 5px;
    margin-top: 12px;
}
.img-responsive.noline_lens {
width: 80%;
margin-top: 5%;
margin: 0 auto;
}
.feature_noline {
    margin-top: 9%;
}
.noline_section_left h2 {
    float: left;
}
.noline_section_right2 h2 {
    float: left;
}
.noline_section_left2{
    width:38%;
    margin-left:0%;
    margin-right:1%;
    float:left;  
    margin-top:5%;   
}
.noline_section_right2{
    width:60%;
    margin-left:1%;
    margin-right:0%; 
    float:right; 
    margin-top:5%;  
}
.nova_noline_right.nova_digi_text.margin-top h2 {
    float: left;
    text-align: left;
    font-size: 22px;
}


/*-------------- Nova Noline Responsive----------------*/
@media only screen and (min-width: 426px) and (max-width: 768px) {
.nova_noline_left {
    float: left;
    width: 100%;
}
.nova_noline_right {
    float: left;
    width: 100%;
    margin-left: 3%;
}
.lens_noline h2 {
    font-size: 20px;
    color: #000;
    margin: 0 auto;
    text-align: left;
}
.noline_product {
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
    margin-top: 2%;
    height: 230px;
}
.noline_product {
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
    margin-top: 2%;
    height: 230px;
}
.img-responsive.nova_office_img {
    width: 50%;
}
}
@media only screen and (min-width: 361px) and (max-width: 425px) {
.nova_noline_left {
    float: left;
    width: 100%;
} 
.nova_noline_right {
    float: left;
    width: 100%;
    margin-left: 0%;
}
.lens_noline h2 {
    font-size: 23px;
    color: #000;
    text-align: left;
    margin-top: 6%;
}
.noline_section_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  
}
.noline_product {
    width: 100%;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
    margin-top: 4%;
}
.img-responsive.nova_office_img {
    width: 100%;
}
.feature_noline {
    margin-top: 20%;
}
.noline_section_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 1%;
    float: right;
    margin-top: 5%;
}
.noline_section_left2 {
    width: 100%;
    margin-left: 0%;
    margin-right: 1%;
    float: left;
    margin-top: 5%;
}
.noline_section_right2 {
    width: 100%;
    margin-left: 1%;
    margin-right: 0%;
    float: right;
    margin-top: 5%;
}
.nova_noline li {
    font-size: 17px !important;
    padding-top: 5px;
    margin-top: 15px;
}
.noline_product h4 {

    margin-bottom: 0%;
}

}
@media only screen and (min-width: 321px) and (max-width: 360px) {
   .nova_noline_left {
    float: left;
    width: 100%;
} 
.nova_noline_right {
    float: left;
    width: 100%;
    margin-left: 0%;
}
.lens_noline h2 {
    font-size: 23px;
    color: #000;
    text-align: left;
    margin-top: 6%;
}
.noline_section_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  
}
.noline_product {
    width: 100%;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
    margin-top: 4%;
}
.img-responsive.nova_office_img {
    width: 100%;
}
.feature_noline {
    margin-top: 20%;
}
.noline_section_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 1%;
    float: right;
    margin-top: 5%;
}
.noline_section_left2 {
    width: 100%;
    margin-left: 0%;
    margin-right: 1%;
    float: left;
    margin-top: 5%;
}
.noline_section_right2 {
    width: 100%;
    margin-left: 1%;
    margin-right: 0%;
    float: right;
    margin-top: 5%;
}
.nova_noline li {
    font-size: 17px !important;
    padding-top: 5px;
    margin-top: 15px;
}
.noline_product h4 {

    margin-bottom: 0%;
}
  
}
@media (max-width:320px){
 .nova_noline_left {
    float: left;
    width: 100%;
} 
.nova_noline_right {
    float: left;
    width: 100%;
    margin-left: 0%;
}
.lens_noline h2 {
    font-size: 23px;
    color: #000;
    text-align: left;
    margin-top: 6%;
}
.noline_section_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  
}
.noline_product {
    width: 100%;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
    margin-top: 4%;
}
.img-responsive.nova_office_img {
    width: 100%;
}
.feature_noline {
    margin-top: 20%;
}
.noline_section_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 1%;
    float: right;
    margin-top: 5%;
}
.noline_section_left2 {
    width: 100%;
    margin-left: 0%;
    margin-right: 1%;
    float: left;
    margin-top: 5%;
}
.noline_section_right2 {
    width: 100%;
    margin-left: 1%;
    margin-right: 0%;
    float: right;
    margin-top: 5%;
}
.nova_noline li {
    font-size: 17px !important;
    padding-top: 5px;
    margin-top: 15px;
}
.noline_product h4 {

    margin-bottom: 0%;
}


}
/*-------------- Nova Sun and sport----------------*/

.sun_sport_text h2{
    text-align:center; 
    margin:0 auto; 
} 
.rx_benefits{
    width: 250px;
    margin:0 auto;  
}
span.text_bold h3{
    margin-top:1%; 
    font-weight:bold;;
    color:#000; 
    margin-bottom:1%; 
}
.uv_protection{
width: 85%;
margin: 3% auto;

}
.surface_design{
    margin-top:1%; 
}
.surface_design{
width: 85%;
margin: 3% auto;

}
.digi_contour{
width: 85%;
margin: 3% auto;

}
.nova_sun_sport_high_base_curve{
width: 85%;
margin: 0 auto;

}

.owl-theme .owl-controls .owl-page {
    display: none !important;
    zoom: 1;
    *display: inline;
}
.side-float ul li a {
    color: #fff;
}

/*Home Banner Responsive*/

.home_banner{
    margin: 0 auto;
}

/*-------------- Nova Drive----------------*/
.nova_iteam_drive{
    width:31.333%;
    margin-left:1%;
    margin-right:1%;
    float:left;   
}

.left_drive{
    width:20%;
    margin-right:4%;
    float: left;
}
.right_drive{
    width:76%;
    float: left;
}
.nova_driv_p{
    width:30%;
    float:left;  
}
.img-responsive.nova_driv_p {
    width: 100%;
}
.ordinary_lens_left{
    width:49%;
    margin-right:1%; 
    float:left; 
    margin-top:4%; 
    margin:0 auto;
}
.ordinary_lens_right{
    width:49%;
    margin-left:1%; 
    float:right; 
    margin-top:4%; 
    margin:0 auto;
}

.drve_lenses h2 {
    margin:0px auto;
    text-align:center;
}
.drve_lenses h2 {
    margin-top: 31%;
}
.pillers{
    width: 96%;
    margin: 2% auto;
}
.nova-drive_product{
    margin-top:2%; 
}
.nova-drive_product_second{
  width:31.333%;
  float:left;
  margin-left:1%;
  margin-right:1%;
  margin-top: 3%;       
}
.nova-drive-second_left{
    float:left;
    width:52%;
    margin-right:3%;    
}
.nova-drive-second_right{
    float:right;
    width:45%;  
}
.nova-drive-second_right p {
    margin-top: 26%;
}
.drve_lenses {
margin-top: 33%;
}
.vision_drive{
    margin-top:2%; 
}
.vision_drive {
    margin-top: 21%;
}
.vision_drive h2 {
    margin: 0 auto;
    text-align: center;
    color: #000;
}
.vision_pg{
    margin-top:2%; 
}
.vision_drive p {
    margin-top: 2%;
}
.img-responsive.novadrive_pvet {
    width: 20%;
    margin: 3% auto;
}
.novadrive_pvet2{
    width:98%;
    margin:2% auto; 
}
/*-------------- Nova Drive Responsive----------------*/
@media only screen and (min-width: 426px) and (max-width: 768px) {
.nova_iteam_drive {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
}
.left_drive {
    width: 10%;
    margin-right: 0%;
    float: left;
}
.right_drive {
    width: 76%;
    float: left;
    margin-left: 4%;
}
.ordinary_lens_left {
    width: 100%;
    margin-right: 1%;
    float: left;
    margin-top: 4%;
    margin: 2% auto;
}
.ordinary_lens_right {
    width: 100%;
    margin-left: 1%;
    float: right;
    margin-top: 4%;
    margin: 23px auto;
}
.nova-drive_product_second {
    width: 100%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 3%;
}
.vision_drive h2 {
    margin: 2% auto;
    text-align: center;
    color: #000;
    font-size: 18px;
}
.nova-drive_product_second {
    width: 100%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 3%;
    margin-bottom: 4%;
}
.vision_drive p {
    margin-top: 5%;
}   
}
@media only screen and (min-width: 361px) and (max-width: 425px) {
 .nova_iteam_drive {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
}
.left_drive {
    width: 20%;
    margin-right: 0%;
    float: left;
}
.right_drive {
    width: 76%;
    float: left;
    margin-left: 4%;
}
.ordinary_lens_left {
    width: 100%;
    margin-right: 1%;
    float: left;
    margin-top: 4%;
    margin: 2% auto;
}
.ordinary_lens_right {
    width: 100%;
    margin-left: 1%;
    float: right;
    margin-top: 4%;
    margin: 23px auto;
}
.nova-drive_product_second {
    width: 100%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 3%;
}
.vision_drive h2 {
    margin: 2% auto;
    text-align: center;
    color: #000;
    font-size: 18px;
}
.nova-drive_product_second {
    width: 100%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 3%;
    margin-bottom: 4%;
}
.vision_drive p {
    margin-top: 5%;
}   
}
@media only screen and (min-width: 321px) and (max-width: 360px) {
  .nova_iteam_drive {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
}
.left_drive {
    width: 20%;
    margin-right: 0%;
    float: left;
}
.right_drive {
    width: 76%;
    float: left;
    margin-left: 4%;
}
.ordinary_lens_left {
    width: 100%;
    margin-right: 1%;
    float: left;
    margin-top: 4%;
    margin: 2% auto;
}
.ordinary_lens_right {
    width: 100%;
    margin-left: 1%;
    float: right;
    margin-top: 4%;
    margin: 23px auto;
}
.nova-drive_product_second {
    width: 100%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 3%;
}
.vision_drive h2 {
    margin: 2% auto;
    text-align: center;
    color: #000;
    font-size: 18px;
}
.nova-drive_product_second {
    width: 100%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 3%;
    margin-bottom: 4%;
}
.vision_drive p {
    margin-top: 5%;
}
  
}

@media (max-width:320px){
    .nova_iteam_drive {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
}
.left_drive {
    width: 20%;
    margin-right: 0%;
    float: left;
}
.right_drive {
    width: 76%;
    float: left;
    margin-left: 4%;
}
.ordinary_lens_left {
    width: 100%;
    margin-right: 1%;
    float: left;
    margin-top: 4%;
    margin: 2% auto;
}
.ordinary_lens_right {
    width: 100%;
    margin-left: 1%;
    float: right;
    margin-top: 4%;
    margin: 23px auto;
}
.nova-drive_product_second {
    width: 100%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 3%;
}
.vision_drive h2 {
    margin: 2% auto;
    text-align: center;
    color: #000;
    font-size: 18px;
}
.nova-drive_product_second {
    width: 100%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 3%;
    margin-bottom: 4%;
}
.vision_drive p {
    margin-top: 5%;
}
}

/*-------------- Nova satin+----------------*/
.nova-satin-left{
    width:28%;
    margin-left:0;
    float:left;   
}
.nova-satin-right{
    width:70%;
    margin-left:2%;
    float:left;   
}
.img-responsive.nova-satin\+ {
    width: 20%;
    text-align: center;
    margin: 57px auto;
}
.nova-satin-right p {
    font-size: 20px;
    color: #706e6e;
    margin-left: 22px;
}
/*-------------- Nova satin+ Responsive----------------*/
@media only screen and (min-width: 361px) and (max-width: 774px) {
.nova-satin-left{
    width:100%;
    margin-left:0;
    float:left;   
} 
.nova-satin-right{
    width:100%;
    margin-left:0%;
    float:left;   
}
.img-responsive.nova-satin\+ {
width: 28%;
text-align:center;
margin: 29px auto;
} 
.nova-satin-right p {
    font-size: 14px;
    color: #706e6e;
    margin-left: 0px;
}
.nova-satin-right p{
    margin-top:4%; 
} 
.nova-satin-left img {
    width: 57%;
    margin: 0 auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 360px) {
.nova-satin-left{
    width:100%;
    margin-left:0;
    float:left;   
} 
.nova-satin-right{
    width:100%;
    margin-left:0%;
    float:left;   
}
.img-responsive.nova-satin\+ {
width: 56%;
text-align: center;
margin: 29px auto;

} 
.nova-satin-right p {
    font-size: 14px;
    color: #706e6e;
    margin-left: 0px;
}
.nova-satin-right p{
    margin-top:4%; 
}    
}
@media (max-width:320px){
.nova-satin-left{
    width:100%;
    margin-left:0;
    float:left;   
} 
.nova-satin-right{
    width:100%;
    margin-left:0%;
    float:left;   
}
.img-responsive.nova-satin\+ {
width: 56%;
text-align: center;
margin: 29px auto;

} 

.nova-satin-right p {
    font-size: 14px;
    color: #706e6e;
    margin-left: 0px;
}
.nova-satin-right p{
    margin-top:4%; 
}
}
/*-------------- Nova About us Page ----------------*/
.about_left{
    width:43%;
    margin-right:2%;  
    float:left; 
}
.about_right{
    width:53%;
    margin-left:2%;
    float:right; 
}
.about_right p {
    padding: 2px 0;
}
.about_us_lab{
 margin-top:2px;    
}
.about_us_lab {
    margin-top: 2%;
}
@media only screen and (min-width: 426px) and (max-width: 1048px){
.about_left {
    width: 100%;
    margin-right: 0%;
    float: left;
    margin-top: 2%;
    }
.about_right {
    width: 100%;
    margin-left: 0%;
    float: right;
    margin-top: 4%;
}
.about_us_lab {
    margin-top: 1%;
    width: 70%;
    margin: 0 auto;
}

}
@media only screen and (min-width: 361px) and (max-width: 425px){
.about_left {
    width: 100%;
    margin-right: 0%;
    float: left;
    margin-top: 2%;
    }
.about_right {
    width: 100%;
    margin-left: 0%;
    float: right;
    margin-top: 8%;
}
}
@media only screen and (min-width: 321px) and (max-width: 360px){
.about_left {
    width: 100%;
    margin-right: 0%;
    float: left;
    margin-top: 2%;
    }
.about_right {
    width: 100%;
    margin-left: 0%;
    float: right;
    margin-top: 8%;
}
}
@media (max-width:320px){
    .about_left {
    width: 100%;
    margin-right: 0%;
    float: left;
    margin-top: 2%;
    }
.about_right {
    width: 100%;
    margin-left: 0%;
    float: right;
    margin-top: 2%;
}

}
/*-------------- Video Section ----------------*/
.video_product{
    width:100%;

}
.video_product_left{
    width:48%;
    float:left;
    margin-right:2%;
    margin-bottom:3%;
}
.video_product_right{
    width:48%;
    float:right;
    margin-left:2%;
    margin-bottom:3%;
}
.video_product_right h2{
    margin-top:2%; 
}
.video_product_left h2{
    margin-top:2%; 
}
@media only screen and (min-width: 426px) and (max-width: 768px){
.video_product_left{
    width:100%;
    float:left;
    margin-right:0%;
    /*margin-top:15%;*/
}
.video_product_right{
    width:100%;
    float:right;
    margin-left:0%;
    /*margin-top:15%;*/
}
}
@media only screen and (min-width: 361px) and (max-width: 425px){
.video_product_left{
    width:100%;
    float:left;
    margin-right:0%;
    /*margin-top:15%;*/
}
.video_product_right{
    width:100%;
    float:right;
    margin-left:0%;
   /* margin-top:15%;*/
}    
}
@media only screen and (min-width: 321px) and (max-width: 360px){
.video_product_left{
    width:100%;
    float:left;
    margin-right:0%;
   /* margin-top:15%;*/
}
.video_product_right{
    width:100%;
    float:right;
    margin-left:0%;
   /* margin-top:15%;*/
}   
}
@media (max-width:320px){
.video_product_left{
    width:100%;
    float:left;
    margin-right:0%;
   /* margin-top:15%;*/
}
.video_product_right{
    width:100%;
    float:right;
    margin-left:0%;
   /* margin-top:15%;*/
}
}

/*-------------- country_popup ----------------*/

#country_popup {
   z-index: 999998;
  position: fixed;
  background:none repeat scroll 0 0 rgba(1, 1, 1, 0.6);
  width:100%;
  height:100%;
  top:0;
  left:0
}
#country_container {
  height: 463px;
  left: 50%;
  margin-left: -433px;
  position: relative;
  top: 110px;
  width: 866px;
  z-index: 999999;
 -webkit-box-shadow: 6px 10px 14px -7px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 10px 14px -7px rgba(0,0,0,0.75);
box-shadow: 6px 10px 14px -7px rgba(0,0,0,0.75);
background:white;
  }
.img_sels{display:none; position:absolute; top:40px; left:0;}
#img_ct_def{display:block;}
#cclose {
  background: url("../images/closelabel.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  cursor: pointer;
  display: block;
  height: 13px;
  position: absolute;
  right: 8px;
  top: 13px;
  width: 13px;
  z-index: 9999999;
  opacity:0.6;
}
#cclose:hover{opacity:1}
#country_container > h1 {
  border-bottom: 1px solid #e1e1e1;
  color: #0099d6;
  font-family: tahoma;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 20px;
  padding: 7px 0 9px;
  text-align: center;
}
.contact-left h3 {
    font-size: 17px;
    padding: 4px 0px;
    line-height: 17px;
    text-transform: none;
}
.contact_mail {
    float: left;
    padding: 0 0 !important;
    width: 90%;
    color: #726e6e;
}

/*-------------- Home Page Responsive ----------------*/
@media only screen and (min-width: 769px) and (max-width: 800px){
.home-sec-left {
    float: left;
    width: 100%;
    padding-right: 0;
}
.home-sec-right {
    float: left;
    width: 100%;
    padding-left: 0%;
    margin-top: 7%;
}
.home-sec-right img{
    float: left;
    width: 80%;
    padding-left: 0%;
    margin-top: 7%;
    margin-left: 10%;
    margin-right: 10%;
}
.home-sec-left img{
    float: left;
    width: 80%;
    padding-right: 0;
    margin-right: 10%;
    margin-left: 10%;
}

.home-sec-left h3, .home-sec-right h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 3em;
    font-weight: bold !important;
    text-transform: none;
    color: #000;
    line-height: 1em;
}
.our_brands h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 3em;
    font-weight: bold !important;
    text-transform: none;
    color: #000;
    line-height: 1em;
    text-align: center;
}
.brand_showcase_unit {
    width: 31.33%;
    padding: 0%;
    float: left;
    margin-top: 2%;
    margin-bottom: 2%;
    margin-left: 1%;
    text-align: center;
    margin-right: 1%;
}

.home_banner .rslides, .home_banner .rslides li {
    height:250px;
}
   iframe.video_corner {
    width: 100%;
    height: 265px;
}
}
@media only screen and (min-width: 426px) and (max-width: 768px){
.home-sec-left {
    float: left;
    width: 100%;
    padding-right: 0;
}
.home-sec-right {
    float: left;
    width: 100%;
    padding-left: 0%;
    margin-top: 7%;
}
.home-sec-left h3, .home-sec-right h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 3em;
    font-weight: bold !important;
    text-transform: none;
    color: #000;
    line-height: 1em;
}
.our_brands h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 3em;
    font-weight: bold !important;
    text-transform: none;
    color: #000;
    line-height: 1em;
    text-align: center;
}
.brand_showcase_unit {
    width: 48%;
    padding: 0%;
    float: left;
    margin-top: 2%;
    margin-bottom: 2%;
    margin-left: 1%;
    text-align: center;
    margin-right: 1%;
}
.home_banner .rslides, .home_banner .rslides li {
    height:210px;
}
   iframe.video_corner {
    width: 100%;
    height: 245px;
}
.nav-primary li.level1 a {
    /*border-bottom: 1px solid #cccccc;*/
    
    border-bottom: 1px solid #3b3b3b;
    color: #646161;
    font-weight: normal;
    padding: 10px 0
}
}
@media only screen and (min-width: 361px) and (max-width: 425px){
 .home-sec-left {
    float: left;
    width: 100%;
    padding-right: 0;
}
.home-sec-right {
    float: left;
    width: 100%;
    padding-left: 0%;
    margin-top: 7%;
}
.home-sec-left h3, .home-sec-right h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 2em;
    font-weight: bold !important;
    text-transform: none;
    color: #000;
    line-height: 1em;
}
.our_brands h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 2em;
    font-weight: bold !important;
    text-transform: none;
    color: #000;
    line-height: 1em;
    text-align: center;
}
.brand_showcase_unit {
    width: 100%;
    padding: 0%;
    float: left;
    margin-top: 2%;
    margin-bottom: 2%;
}
.home_banner .rslides, .home_banner .rslides li {
    height: 118px;
}
   iframe.video_corner {
    width: 100%;
    height: 230px;
}
.nav-primary li.level1 a {
    /*border-bottom: 1px solid #cccccc;*/
    
    border-bottom: 1px solid #3b3b3b;
    color: #646161;
    font-weight: normal;
    padding: 10px 0
}    
}
@media only screen and (min-width: 321px) and (max-width: 360px){
 .home-sec-left {
    float: left;
    width: 100%;
    padding-right: 0;
}
.home-sec-right {
    float: left;
    width: 100%;
    padding-left: 0%;
    margin-top: 7%;
}
.home-sec-left h3, .home-sec-right h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 2em;
    font-weight: bold !important;
    text-transform: none;
    color: #000;
    line-height: 1em;
}
.our_brands h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 2em;
    font-weight: bold !important;
    text-transform: none;
    color: #000;
    line-height: 1em;
    text-align: center;
}
.brand_showcase_unit {
    width: 100%;
    padding: 0%;
    float: left;
    margin-top: 2%;
    margin-bottom: 2%;
}
.home_banner .rslides, .home_banner .rslides li {
    height: 115px;
}
  iframe.video_corner {
    width: 305px;
    height: 205px;
} 
.nav-primary li.level1 a {
    /*border-bottom: 1px solid #cccccc;*/
    
    border-bottom: 1px solid #3b3b3b;
    color: #646161;
    font-weight: normal;
    padding: 10px 0
}    
}
@media (max-width:320px){
 .home-sec-left {
    float: left;
    width: 100%;
    padding-right: 0;
}
.home-sec-right {
    float: left;
    width: 100%;
    padding-left: 0%;
    margin-top: 7%;
}
.home-sec-left h3, .home-sec-right h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 2em;
    font-weight: bold !important;
    text-transform: none;
    color: #000;
    line-height: 1em;
}
.our_brands h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 2em;
    font-weight: bold !important;
    text-transform: none;
    color: #000;
    line-height: 1em;
    text-align: center;
}
.brand_showcase_unit {
    width: 100%;
    padding: 0%;
    float: left;
    margin-top: 2%;
    margin-bottom: 2%;
}
.home_banner .rslides, .home_banner .rslides li {
    height: 100px;
}
 iframe.video_corner {
    width: 262px;
    height: 190px;
}
  .nav-primary li.level1 a {
    /*border-bottom: 1px solid #cccccc;*/
    
    border-bottom: 1px solid #3b3b3b;
    color: #646161;
    font-weight: normal;
    padding: 10px 0
}
}

.mobile-on{
    display:none; 
}
@media only screen and (min-width: 310px) and (max-width: 800px){
    .mobile-off{
        display:none; 
    }
}
@media only screen and (min-width: 310px) and (max-width: 800px){
    .mobile-on{
        display:block; 
        margin-top:1%;
        margin-bottom:5%;  
    }
}
.page-subheader-sm {
    background-color: #009ad6;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px;
    padding: 6px 16px;
}

/*----------------------------
        fsv Details
----------------------------*/
.fsv_section{
    width:100%;
}
.fsv-logo{
    margin:0 auto;
}
.nova_map{
    float:right;
    margin-right:5px; 
}
.nova_map {
    float: none;
    margin-right: 0px;
    width: 434px;
    margin-bottom: 10px;
    margin:10px auto; 
}
.left_fsv p {
    margin-top: 4%;
    text-align: justify;
}
.left_fsv{
    width:48%;
    float:left;
    margin-right:2%;
    margin-top: 1%;
}
.right_fsv{
    width:48%;
    float:right;
    margin-right:2%;
    margin-top: 1%;
}
.img-responsive.star {
    width: 102px;
}
.smart_text{
    margin-top:2%; 
}
.left_smart{
    width:33%;
    float:left;
    margin-right:2%;
    margin-top: 2%;
}
.right_smart{
    width:63%;
    float:left;
    margin-left:2%;
  
}
.img-responsive.digi {
    width: 287px;
    margin-top: 4%;
    display: block;
}
.img-responsive.digi {
    margin: 2px auto;
    margin-top: 42px;
}
.smarter_vision{
    margin-top:10px; 
}
.smarter_vision_left{
    width:48%;
    margin-left:1%;
    margin-right:1%;
    float:left;
    min-height:135px;
    margin-top:10px;
    border:1px solid #ddd;     
}
.smarter_vision_right{
    width:48%;
    margin-left:1%;
    margin-right:1%;
    float:right;
    min-height:135px;
    margin-top:10px;
    border:1px solid #ddd;     
}
.nova_fsv_1{
    float:right; 
}
.nova_fsv_2{
    float:left; 
}
.img-responsive.nova_fsv_1 {
    width: 67%;
    margin-right: 2%;
    margin-top: 18px;
}
.img-responsive.nova_fsv_2 {
    width:67%;
    margin-right: 2%;
    margin-top: 18px;
}
.smarter_vision_left p {
    margin-top: 39px;
    padding-left: 11px;
    font-size:13px; 
}
.smarter_vision_right p {
    margin-top: 39px;
    padding-left:5px;
    font-size:13px; 
}
.smarter_vision_left_text{
    width:66%;
    margin:2%;
    float: left;  
}
.smarter_vision_left_img{
    width:28%;
    margin:0%;
    float: left;  
    margin-left:2%; 
}
.smarter_fsv_left{
    width:48%;
    margin-left:1%;
    margin-right:1%;
    float:left;
    margin-top:10px;
}
.smarter_fsv_right{
    width:48%;
    margin-left:1%;
    margin-right:1%;
    float:left;
    margin-top:10px;
}
.smarter_fsv_left img {
    width: 50%;
    margin-top: 4%;
}
.smarter_fsv_right img {
    width: 50%;
    margin-top: 4%;
}
.nova_fsv_star-2{
    width:40%; 
}
.img-responsive.nova_fsv_star-2 {
    width: 9%;
    margin-top: -17px;
}
.vision_left{
    width:48%;
    margin-left:0%;
    margin-right:1%;
    float:left; 
    margin-top:3%;   
}
.vision_right{
    width:48%;
    margin-left:1%;
    margin-right:1%;
    float:left; 
    margin-top:3%;   
}
.smart_right{
    float:left;
    width:58%;
    margin-left:1%;
    margin-right:1%;  

}
.smart_left{
    float:left;
    width:38%;
    margin-left:1%;
    margin-right:1%;  

}
.fsv_smart2 {
    min-height: 473px;
}
/*----------------------------
        Responsive fsv Details
----------------------------*/
@media only screen and (min-width:769px) and (max-width: 1018px) {
.right_fsv {
    width: 100%;
    float: right;
    margin-right: 0%;
    margin-top: 1%;
}
.left_fsv {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-top: 1%;
}
.left_smart {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-top: 5%;
}
.right_smart {
    width: 48%;
    float: left;
    margin-left: 2%;
    margin-top: 5%;
}
.img-responsive.digi {
    margin: 2px auto;
        margin-top: 2px;
    margin-top: 3px;
}
.smarter_vision_left {
    width: 48%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    min-height: 92px;
    margin-top: 2px;
    border: 1px solid #ddd;
}
.img-responsive.nova_fsv_1 {
    width: 67%;
    margin-right: 2%;
    margin-top: 24px;
}
.smarter_vision_right {
    width: 48%;
    margin-left: 0%;
    margin-right: 0%;
    float: right;
    min-height: 92px;
    margin-top: 2px;
    border: 1px solid #ddd;
}
.img-responsive.nova_fsv_2 {
    width: 72%;
    margin-right: 2%;
    margin-top: 24px;
}
.smarter_fsv_left {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    margin-top: 10px;
}
.smarter_fsv_left img {
    width: 100%;
    margin-top: 4%;
}
.smarter_fsv_right img {
    width: 100%;
    margin-top: 4%;
}
.smarter_fsv_right {
    width: 48%;
    margin-left: 1%;
    margin-right:1%;
    float: left;
    margin-top: 10px;
}
.vision_left {
    width: 60%;
    margin-left: 0%;
    margin-right: 1%;
    float: left;
    margin-top: 3%;
}
.vision_right {
    width: 33%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    margin-top: 3%;
}
.img-responsive.nova_fsv_star-2 {
    width: 24%;
    margin-top: -17px;
} 
.smart_left{
    float:left;
    width:98%;
    margin-left:1%;
    margin-right:1%;
    margin-bottom: 5%;  
}
.smart_right{
    float:left;
    width:98%;
    margin-left:1%;
    margin-right:1%;  
}
.smarter_vision_left p {
    margin-top: 16px;
    padding-left: 5px;
    font-size:13px; 
}
.smarter_vision_right p {
    margin-top: 16px;
    padding-left: 5px;
    font-size:13px;
}
.nova_map {
    float: none;
    margin-right: 0px;
    width: 434px;
    margin-left: 26px;
    margin-top: 0px;
    margin-bottom: 10px;
    text-align: center;
    margin: 0 auto;
}
.smart-img {
    margin: 0 auto;
}
}
@media only screen and (min-width:503px) and (max-width: 768px) {
.right_fsv {
    width: 100%;
    float: right;
    margin-right: 0%;
    margin-top: 1%;
}
.left_fsv {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-top: 1%;
}
.left_smart {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-top: 5%;
}
.right_smart {
    width: 48%;
    float: left;
    margin-left: 2%;
    margin-top: 5%;
}
.img-responsive.digi {
    margin: 2px auto;
        margin-top: 2px;
    margin-top: 3px;
}
.smarter_vision_left {
    width: 48%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    min-height: 92px;
    margin-top: 2px;
    border: 1px solid #ddd;
}
.img-responsive.nova_fsv_1 {
    width: 67%;
    margin-right: 2%;
    margin-top: 24px;
}
.smarter_vision_right {
    width: 48%;
    margin-left: 0%;
    margin-right: 0%;
    float: right;
    min-height: 92px;
    margin-top: 2px;
    border: 1px solid #ddd;
}
.img-responsive.nova_fsv_2 {
    width: 72%;
    margin-right: 2%;
    margin-top: 24px;
}
.smarter_fsv_left {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    margin-top: 10px;
}
.smarter_fsv_left img {
    width: 100%;
    margin-top: 4%;
}
.smarter_fsv_right img {
    width: 100%;
    margin-top: 4%;
}
.smarter_fsv_right {
    width: 48%;
    margin-left: 1%;
    margin-right:1%;
    float: left;
    margin-top: 10px;
}
.vision_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 1%;
    float: left;
    margin-top: 3%;
}
.vision_right {
    width: 68%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    margin-top: 3%;
}
.img-responsive.nova_fsv_star-2 {
    width: 24%;
    margin-top: -17px;
} 
.smart_left{
    float:left;
    width:98%;
    margin-left:1%;
    margin-right:1%;
    margin-bottom: 5%;  
}
.smart_right{
    float:left;
    width:98%;
    margin-left:1%;
    margin-right:1%;  
}
.smarter_vision_left p {
    margin-top: 16px;
    padding-left: 5px;
    font-size:13px; 
}
.smarter_vision_right p {
    margin-top: 16px;
    padding-left: 5px;
    font-size:13px;
}
.nova_map {
    float: none;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    text-align: center;
    display: block;
}
.smart-img {
    margin: 0 auto;
}
.fsv-logo {
    margin: 0 auto;
    width:35%;
}
}
@media only screen and (min-width: 426px) and (max-width: 502px) {
    .right_fsv {
    width: 100%;
    float: right;
    margin-right: 0%;
    margin-top: 1%;
}
.left_fsv {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-top: 1%;
}
.left_smart {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-top: 5%;
}
.right_smart {
    width: 48%;
    float: left;
    margin-left: 2%;
    margin-top: 5%;
}
.img-responsive.digi {
    margin: 2px auto;
        margin-top: 2px;
    margin-top: 3px;
}
.smarter_vision_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    min-height: 135px;
    margin-top: 10px;
    border: 1px solid #ddd;
}
.img-responsive.nova_fsv_1 {
    width: 67%;
    margin-right: 2%;
    margin-top: 24px;
}
.smarter_vision_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: right;
    min-height: 135px;
    margin-top: 10px;
    border: 1px solid #ddd;
}
.img-responsive.nova_fsv_2 {
    width: 72%;
    margin-right: 2%;
    margin-top: 24px;
}
.smarter_fsv_left {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    margin-top: 10px;
}
.smarter_fsv_left img {
    width: 100%;
    margin-top: 4%;
}
.smarter_fsv_right img {
    width: 100%;
    margin-top: 4%;
}
.smarter_fsv_right {
    width: 48%;
    margin-left: 1%;
    margin-right:1%;
    float: left;
    margin-top: 10px;
}
.vision_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 1%;
    float: left;
    margin-top: 3%;
}
.vision_right {
    width: 68%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    margin-top: 3%;
}
.img-responsive.nova_fsv_star-2 {
    width: 24%;
    margin-top: -17px;
} 
.smart_left{
    float:left;
    width:98%;
    margin-left:1%;
    margin-right:1%;
    margin-bottom: 5%;  
}
.smart_right{
    float:left;
    width:98%;
    margin-left:1%;
    margin-right:1%;  
}
.nova_map {
    float: none;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    text-align: center;
    display: block;
}
.fsv-logo {
    margin: 0 auto;
    width: 48%;
}
}
@media only screen and (min-width: 369px) and (max-width: 425px) {
      .right_fsv {
    width: 100%;
    float: right;
    margin-right: 0%;
    margin-top: 1%;
}
.left_fsv {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-top: 1%;
}
.left_smart {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-top: 5%;
}
.right_smart {
    width: 48%;
    float: left;
    margin-left: 2%;
    margin-top: 5%;
}
.img-responsive.digi {
    margin: 2px auto;
        margin-top: 2px;
    margin-top: 3px;
}
.smarter_vision_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    min-height: 135px;
    margin-top: 10px;
    border: 1px solid #ddd;
}
.img-responsive.nova_fsv_1 {
    width: 67%;
    margin-right: 2%;
    margin-top: 51px;
}
.smarter_vision_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: right;
    min-height: 135px;
    margin-top: 10px;
    border: 1px solid #ddd;
}
.img-responsive.nova_fsv_2 {
    width: 72%;
    margin-right: 2%;
    margin-top: 51px;
}
.smarter_fsv_left {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    margin-top: 10px;
}
.smarter_fsv_left img {
    width: 100%;
    margin-top: 4%;
}
.smarter_fsv_right img {
    width: 100%;
    margin-top: 4%;
}
.smarter_fsv_right {
    width: 48%;
    margin-left: 1%;
    margin-right:1%;
    float: left;
    margin-top: 10px;
}
.vision_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 1%;
    float: left;
    margin-top: 3%;
}
.vision_right {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    margin-top: 3%;
}
.img-responsive.nova_fsv_star-2 {
    width: 24%;
    margin-top: -17px;
} 
.smart_left{
    float:left;
    width:98%;
    margin-left:1%;
    margin-right:1%;
    margin-bottom: 5%;  
}
.smart_right{
    float:left;
    width:98%;
    margin-left:1%;
    margin-right:1%;  
}
.fsv-logo {
    margin: 0 auto;
    width: 48%;
}
}
@media only screen and (min-width: 321px) and (max-width: 368px){
  .right_fsv {
    width: 100%;
    float: right;
    margin-right: 0%;
    margin-top: 1%;
}
.left_fsv {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-top: 1%;
}
.left_smart {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-top: 5%;
}
.right_smart {
    width: 48%;
    float: left;
    margin-left: 2%;
    margin-top: 5%;
}
.img-responsive.digi {
    margin: 2px auto;
        margin-top: 2px;
    margin-top: 3px;
}
.smarter_vision_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    min-height: 135px;
    margin-top: 10px;
    border: 1px solid #ddd;
}
.img-responsive.nova_fsv_1 {
    width: 67%;
    margin-right: 2%;
    margin-top: 51px;
}
.smarter_vision_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: right;
    min-height: 135px;
    margin-top: 10px;
    border: 1px solid #ddd;
}
.img-responsive.nova_fsv_2 {
    width: 72%;
    margin-right: 2%;
    margin-top: 51px;
}
.smarter_fsv_left {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    margin-top: 10px;
}
.smarter_fsv_left img {
    width: 100%;
    margin-top: 4%;
}
.smarter_fsv_right img {
    width: 100%;
    margin-top: 4%;
}
.smarter_fsv_right {
    width: 48%;
    margin-left: 1%;
    margin-right:1%;
    float: left;
    margin-top: 10px;
}
.vision_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 1%;
    float: left;
    margin-top: 3%;
}
.vision_right {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    margin-top: 3%;
}
.img-responsive.nova_fsv_star-2 {
    width: 24%;
    margin-top: -17px;
} 
.smart_left{
    float:left;
    width:98%;
    margin-left:1%;
    margin-right:1%; 
    margin-bottom: 5%; 
}
.smart_right{
    float:left;
    width:98%;
    margin-left:1%;
    margin-right:1%;  
} 
.fsv-logo {
    margin: 0 auto;
    width: 48%;
}
}
@media only screen and (max-width: 320px) {
.right_fsv {
    width: 100%;
    float: right;
    margin-right: 0%;
    margin-top: 1%;
}
.left_fsv {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-top: 1%;
}
.left_smart {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-top: 5%;
}
.right_smart {
    width: 48%;
    float: left;
    margin-left: 2%;
    margin-top: 5%;
}
.img-responsive.digi {
    margin: 2px auto;
        margin-top: 2px;
    margin-top: 3px;
}
.smarter_vision_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    min-height: 135px;
    margin-top: 10px;
    border: 1px solid #ddd;
}
.img-responsive.nova_fsv_1 {
    width: 67%;
    margin-right: 2%;
    margin-top: 51px;
}
.smarter_vision_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: right;
    min-height: 135px;
    margin-top: 10px;
    border: 1px solid #ddd;
}
.img-responsive.nova_fsv_2 {
    width: 72%;
    margin-right: 2%;
    margin-top: 51px;
}
.smarter_fsv_left {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    margin-top: 10px;
}
.smarter_fsv_left img {
    width: 100%;
    margin-top: 4%;
}
.smarter_fsv_right img {
    width: 100%;
    margin-top: 4%;
}
.smarter_fsv_right {
    width: 48%;
    margin-left: 1%;
    margin-right:1%;
    float: left;
    margin-top: 10px;
}
.vision_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 1%;
    float: left;
    margin-top: 3%;
}
.vision_right {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    margin-top: 3%;
}
.img-responsive.nova_fsv_star-2 {
    width: 24%;
    margin-top: -17px;
}
.smart_left{
    float:left;
    width:98%;
    margin-left:1%;
    margin-right:1%;  
    margin-bottom: 5%;
}
.smart_right{
    float:left;
    width:98%;
    margin-left:1%;
    margin-right:1%;  
}
.fsv-logo {
    margin: 0 auto;
    width: 48%;
}
}
/*-------------- Satin Active ----------------*/
.active1{
    margin-top:5px; 
    margin-bottom:5px; 
}
.satin-active{
margin:10px 0; 
}

.satin-head{
background:#fbca32;
color:#fff; 
}
.satin-head3{
background:#fbca32;
color:#fff; 
margin-top:5%; 
}
.satin-head2{
background:#fbca32;
color:#fff; 
margin: 39px 0;
}
.satin-head h3 {
    color: #fff;
    padding: 10px 16px; 
    font-size:30px; 
}

.satin-head2 h3 {
    color: #fff;
    padding: 10px 16px;
    font-size:30px; 
}
.satin-head3 h3 {
    color: #fff;
    padding: 10px 16px;
    font-size:30px; 
}
.img-responsive.time {
    width: 70px;
    float: right;
    height: 60px;
    margin-top: -10px;
}
.img-responsive.night_vision {
    width: 58%;
    margin: 0 auto;
}
.img-responsive.extraprotection {
    width: 62%;
    margin: 10px auto;
}
.satin_product{
    width:31.33%;
    float:left;
    margin-left:1%;
    margin-right:1%;    
}
.satin-lens {
    margin-top: 26%;
}
.satin-left{
    width:48%;
    margin-left:1%;
    margin-right:1%;
    float:left;   
}
.satin-right{
    width:48%;
    margin-left:1%;
    margin-right:1%;
    float:left;   
}
.img-responsive.satin-vision{
    width: 90%;
    margin: 0 auto;
}
.coating-font p {
    font-size: 20px;
    padding: 9px 0;
}
.img-responsie.active-logo {
    margin-top: 10px;
}
/*-------------- Satin Active Responsive----------------*/
@media only screen and (min-width: 426px) and (max-width: 520px){
 .satin-head3 h3 {
    font-size:16px; 
} 
 .satin-head2 h3 {
    font-size:16px; 
} 
 .satin-head h3 {
    font-size:16px; 
} 
.coating-font p {
    font-size: 14px;
    padding: 9px 0;
}
.satin_product {
    width: 100%;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 6%;
}
.satin-left {
    width: 100%;
    margin-left:0%;
    margin-right:0%;
    float: left;
}
.satin-right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    margin-top: 4%;
}
.img-responsive.night_vision {
    width: 90%;
    margin: 0 auto;
}
}
@media only screen and (min-width: 361px) and (max-width: 425px){
 .satin-head3 h3 {
    font-size:16px; 
} 
 .satin-head2 h3 {
    font-size:16px; 
} 
 .satin-head h3 {
    font-size:16px; 
} 
.coating-font p {
    font-size: 14px;
    padding: 9px 0;
}
.satin_product {
    width: 100%;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 6%;
}
.satin-left {
    width: 100%;
    margin-left:0%;
    margin-right:0%;
    float: left;
}
.satin-right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    margin-top: 4%;
}
.img-responsive.night_vision {
    width: 90%;
    margin: 0 auto;
} 
}
@media only screen and (min-width: 321px) and (max-width: 360px){
  .satin-head3 h3 {
    font-size:16px; 
} 
 .satin-head2 h3 {
    font-size:16px; 
} 
 .satin-head h3 {
    font-size:16px; 
} 
.coating-font p {
    font-size: 14px;
    padding: 9px 0;
}
.satin_product {
    width: 100%;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 6%;
}
.satin-left {
    width: 100%;
    margin-left:0%;
    margin-right:0%;
    float: left;
}
.satin-right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    margin-top: 4%;
}
.img-responsive.night_vision {
    width: 90%;
    margin: 0 auto;
}   
}
@media (max-width:320px){
 .satin-head3 h3 {
    font-size:16px; 
} 
 .satin-head2 h3 {
    font-size:16px; 
} 
 .satin-head h3 {
    font-size:16px; 
} 
.coating-font p {
    font-size: 14px;
    padding: 9px 0;
}
.satin_product {
    width: 100%;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 6%;
}
.satin-left {
    width: 100%;
    margin-left:0%;
    margin-right:0%;
    float: left;
}
.satin-right {
    width: 100%;
    margin-left:0%;
    margin-right:0%;
    float: left;
    margin-top: 4%;
}
.img-responsive.night_vision {
    width: 90%;
    margin: 0 auto;
}
}

/*-------------- Photolencs ----------------*/
.photolens_logo {
    margin: 10px auto;
    width: 96%;
    margin-top: 30px;
}
.photolens-second{
margin:10px 0; 
}
.left_photolens{
width:48%;
margin-right:1%;
float:left;  
}
.right_photolens{
width:48%;
margin-right:1%;
float:right;  
}
.left_photolens p {
    font-size: 18px;
}
.photolens_left{
    float:left;
    width:48%;
    margin-right:1%;
    margin-left:1%;    
}
.photolens_right{
    float:right;
    width:48%;
    margin-right:1%;
    margin-left:1%;    
}
.photolens_kids_left {
    width: 69%;
    margin-left: 0%;
    margin-right: 1%;
    float: left;
    margin-top: 3%;
}
.photolens_kids_right{
    width:60%;
    margin-left:1%;
    margin-right:1%;
    float:right;
    margin-top:3%;    
}
.photolens_kids_left h3 {
    font-size:34px;
    color: #545353;
}
.photolens_text {
    margin-top: 5%;
    font-size: 22px;
    color: #625f5f;
}
.photo_left{
    width:48%;
    margin-left:0%;
    margin-right:0%;
    float:left;    
}
.photo_right{
    width:48%;
    margin-left:0%;
    margin-right:0%;
    float:right;    
}
.photolens-head{
background:#edb70e;
color:#fff; 
margin-top:3%; 
margin-bottom:3%; 
}
.photolens-head h3{
    color: #fff;
    padding:10px 16px;
    font-size:20px; 
}
.img-responsive.photolens_work {
    width: 47%;
    margin: 0 auto;
}
.img-responsive.photolens5 {
    width:100%;
}
.img-responsie.photon-logo {
    margin-top: 41px;
}
.uv_block_left {
    float: left;
    width: 40%;
    margin-top: 3%;
}
.uv_block_right {
    float: left;
    width: 60%;
    margin-top: 3%;
}
.photo_kids_right{
    width: 58%;
    margin-left: 0%;
    margin-right: 2%;
    float: right;
}
.photo_kids_left{
    width: 38%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
}
.photo_kids_right p {
    font-size: 18px;
}
.photolens_kids_left h3 {
    font-size: 25px;
    color: #545353;
    margin-bottom: 28px;
}
.left_photolens p {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top:32px;
}
.photo_section {
    margin-top: 3%;
} 
.img-responsie.logo_photolens {
    width: 23%;
}
.img-responsie.thin-logo {
    background: #f7f6f6;
    padding: 105px 16px;
    margin-top: 89px;
}
/*-------------- Photolencs Responsive ----------------*/
@media only screen and (min-width:981px) and (max-width:1264px){
.left_photolens p {
    font-size: 23px;
    margin-bottom: 0px;
    margin-top: 0;
}
.left_photolens p {
    font-size: 15px;
    margin-bottom: 21px;
    margin-top: 0;
}
.img-responsive.photon-active3 {
    margin-top: 8px;
}
.photo_kids_right p {
    font-size: 17px;
}
.photolens_kids_left h3 {
    font-size: 21px;
    color: #545353;
    margin-bottom: 20px;
}
.img-responsie.photon-logo {
    margin-top: 51px;
}
.img-responsive.photolens_work {
    width: 40%;
    margin: 0 auto;
}
.img-responsie.logo_photolens {
    width: 20%;
}
.img-responsie.photon-logo {
    margin-top: 56px !important;
    width: 100%;
}
.img-responsie.thin-logo {
    background: #f7f6f6;
    padding: 17% 16px !important;
    margin-top: 22px;
}
}
@media only screen and (min-width:795px) and (max-width:980px){
.left_photolens p {
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 0;
}
.img-responsive.photon-active3 {
    margin-top: 8px;
}
.photo_kids_right p {
    font-size: 14px;
}
.photolens_kids_left h3 {
    font-size: 21px;
    color: #545353;
    margin-bottom: 20px;
}
.img-responsie.photon-logo {
    margin-top:64px !important;
    width: 100%;
}
.img-responsie.photon-logo {
    margin-top: 51px;
}
.img-responsive.photolens_work {
    width: 40%;
    margin: 0 auto;
}
.img-responsie.logo_photolens {
    width: 20%;
}
.img-responsie.thin-logo {
    background: #f7f6f6;
    padding: 17% 16px !important;
    margin-top: 18px !important;
}
}
@media only screen and (min-width:769px) and (max-width:794px){
.left_photolens p {
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 0;
}
.img-responsive.photon-active3 {
    margin-top: 8px;
}
.photo_kids_right p {
    font-size: 14px;
}
.photolens_kids_left h3 {
    font-size: 21px;
    color: #545353;
    margin-bottom: 20px;
}
.img-responsie.logo_photolens {
    width: 20%;
}
.img-responsie.logo_photolens {
    width:36%;
}
.img-responsie.thin-logo {
    background: #f7f6f6;
    padding: 43px 16px !important;
    margin-top: 13px !important;
}
}
@media only screen and (min-width:503px) and (max-width:768px){
  .photo_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
}
.photolens_right {
    float: right;
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
}
.left_photolens {
    width: 100%;
    margin-right: 0%;
    float: left;
}
.left_photolens p {
    font-size: 19px;
    margin-bottom: 15px;
    margin-top: 0px;
}
.right_photolens {
    width: 100%;
    margin-right: 0%;
    float: right;
}
.img-responsie.photon-logo {
    margin-top: 20px;
}
.photo_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: right;
}
.img-responsie.active-logo {
    margin-top: 17px;
}
.photolens-head h3 {
    color: #fff;
    padding: 10px 16px;
    font-size: 14px;
}
.uv_block_left {
    float: left;
    width: 100%;
    margin-top: 3%;
}
.uv_block_right {
    float: left;
    width: 100%;
    margin-top: 3%;
}
.photolens_left {
    float: left;
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    margin: 9px auto;
}
.photolens_kids_left h3 {
    font-size: 16px;
    color: #545353;
    margin-bottom:8px;
}
.photolens_kids_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 1%;
    float: left;
    margin-top: 3%;
}
.photo_kids_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
}
.photo_kids_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: right;
}
.photo_kids_right p {
    font-size: 15px;
    margin: 10px auto;
} 
.img-responsie.logo_photolens {
    width:36%;
} 
.img-responsie.thin-logo {
    background:#f7f6f6;
    padding: 43px 16px !important;
    margin-top: 13px !important;
} 
}
@media only screen and (min-width: 321px) and (max-width:502px){
  .photo_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
}
.photolens_right {
    float: right;
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
}
.left_photolens {
    width: 100%;
    margin-right: 0%;
    float: left;
}
.left_photolens p {
    font-size: 19px;
    margin-bottom: 15px;
    margin-top: 0px;
}
.right_photolens {
    width: 100%;
    margin-right: 0%;
    float: right;
}
.img-responsie.photon-logo {
    margin-top: 20px;
}
.photo_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: right;
}
.img-responsie.active-logo {
    margin-top: 17px;
}
.photolens-head h3 {
    color: #fff;
    padding: 10px 16px;
    font-size: 14px;
}
.uv_block_left {
    float: left;
    width: 100%;
    margin-top: 3%;
}
.uv_block_right {
    float: left;
    width: 100%;
    margin-top: 3%;
}
.photolens_left {
    float: left;
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    margin: 9px auto;
}
.photolens_kids_left h3 {
    font-size: 16px;
    color: #545353;
    margin-bottom:8px;
}
.photolens_kids_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 1%;
    float: left;
    margin-top: 3%;
}
.photo_kids_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
}
.photo_kids_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: right;
}
.photo_kids_right p {
    font-size: 15px;
    margin: 10px auto;
}
.img-responsie.logo_photolens {
    width: 52%;
}  
.img-responsie.thin-logo {
    background: #f7f6f6;
    padding: 100px 16px !important;
    margin-top: 13px !important;
} 
}
@media (max-width:320px){
    .photo_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
}
.photolens_right {
    float: right;
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
}
.left_photolens {
    width: 100%;
    margin-right: 0%;
    float: left;
}
.left_photolens p {
    font-size: 19px;
    margin-bottom: 15px;
    margin-top: 0px;
}
.right_photolens {
    width: 100%;
    margin-right: 0%;
    float: right;
}
.img-responsie.photon-logo {
    margin-top: 20px;
}
.photo_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: right;
}
.img-responsie.active-logo {
    margin-top: 17px;
}
.photolens-head h3 {
    color: #fff;
    padding: 10px 16px;
    font-size: 14px;
}
.uv_block_left {
    float: left;
    width: 100%;
    margin-top: 3%;
}
.uv_block_right {
    float: left;
    width: 100%;
    margin-top: 3%;
}
.photolens_left {
    float: left;
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    margin: 9px auto;
}
.photolens_kids_left h3 {
    font-size: 16px;
    color: #545353;
    margin-bottom:8px;
}
.photolens_kids_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 1%;
    float: left;
    margin-top: 3%;
}
.photo_kids_left {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
}
.photo_kids_right {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: right;
}
.photo_kids_right p {
    font-size: 15px;
    margin: 10px auto;
}
.img-responsie.logo_photolens {
    width: 52%;
}
.img-responsie.thin-logo {
    background: #f7f6f6;
    padding: 55px 16px !important;
    margin-top: 11px !important;
}
}

.img-responsie.photolens2_logo {
    width: 100%;
    margin-top: 21px;
}
.img-responsie.thin-logo {
    background: #f7f6f6;
    padding: 105px 16px;
    margin-top: 22px;
}
.img-responsie.photon-logo {
    margin-top: 54px;
    width: 100%;
}
.img-responsive.satin-active3 {
    padding-top: 10px;
}

#nav {
    text-align: center;
}
/*-------------- Home page ----------------*/
.home-nave {
    background: url(../images/home2.png);
    background-position: 3px 5px;
    background-repeat: no-repeat;
}
.home-nave.active{
    background: url(../images/home2.png);
    background-position: 3px -20px;
    background-repeat: no-repeat;
}
.nav-primary a:hover, .nav-primary li:hover > a,.nav-primary a.active, .nav-primary li.active > a {
    color: #3399cc;
}
#nav {
    text-align: center;
}
.home-left{
    width:48%;
    float:left;
    margin-right:2%; 

}
.home-right{
    width:48%;
    float:left;
    margin-left:2%;   
}

.home-left h3 {
    /*font-size: 28px;*/
    font-size:1.6em;
    /*margin-top: 2%;*/
    margin-bottom: 3%;
}
.home-right h3 {
    font-size: 1.6em;
    /*margin-top: 2%;*/
    margin-bottom: 3%;
}
.home-btn {
    border: 2px solid #009ad6;
    /*padding: 14px 24px;*/
    padding: 8px 24px;
    transition:0.3s linear all; 
}
.home-container {
    width: 100%;
    margin:0 auto 3%;
}
.home-left p {
    margin: 22px 0 36px;
    text-align:justify;
}
.home-right p {
    margin: 22px 0 36px;
    text-align:justify;
}
.text-blue{
    color:#338fff;
}
.inner-container {
    width: 95%;
    margin:3% auto;
}
.top-head-sm{
    background-color:#f2f2f2;
    padding:6px 0;
    box-shadow: 0 1px 3px #c1c1c1;
    float: left;
    margin: 0 0 0 6px
}
.top-head-sm a{
    float:left;
}
.floatL{float: left;}
/*right bat float start*/

.side-float {
position: fixed;
top: 188px;
right: -270px;
z-index: 5;
}
.side-float ul {
    padding: 0px;
    -webkit-transform: translate(-270px, 0);
    -moz-transform: translate(-270px, 0);
    -ms-transform: translate(-270px, 0);
    -o-transform: translate(-270px, 0);
    transform: translate(-270px, 0)
}
.side-float ul li a {
    text-decoration: none
}
.side-float ul li {
display: block;
margin: 0;
background: #009ad6;
width: 105px;
text-align: left;
padding: 10px;
color: #fff;
border-bottom:1px solid #f6faff;
height:80px;
opacity:0.9; 
}
.side-float ul li:last-child{
    border-bottom:none;
}
.side-float ul li:hover {

    background: #e5e6e6;
    opacity:0.9; 
}
.side-float ul li:hover a {
    color: #2e8ab8;
}
.icon_sub {
width: 43px;
float: none;
z-index: 555;
font-size: 17px;
padding-right: 8px;
text-align: center;
/*margin: 0 auto;*/
margin-top:10px;
margin-left:25px;
}
.icon_sub2 {
    text-align: center;
    width: 24px;
    display: inline-block;
    z-index: 555;
    font-size: 17px;
    padding-right: 2px;
    margin-top: 4px;
    margin-left:0px;
    color:#fff;
}
.icon_sub6{
 width:32px !important;
float: left !important;
z-index: 555;
font-size: 17px;
padding-right: 4px;
/*margin: 0 auto;*/
margin-top:10px;
margin-left:6px;  

}
.icon_sub7{
 width:32px !important;
float: left !important;
z-index: 555;
font-size: 17px;
padding-right: 4px;
/*margin: 0 auto;*/
margin-top:10px;
margin-left:6px;  
display:none; 
}
.side-float ul li:hover a .icon_sub7 {
   display:block; 
}
.side-float ul li:hover a .icon_sub6 {
   display:none; 
   opacity: 1;
}
.side-float p {
    margin-top: 0px;
    margin-left: 0;
    margin: 0 auto;
    text-align: center;
}
#info_animb1 {
    -moz-animation-duration: 1s;
    -moz-animation-delay: 2s;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 2s;
    animation-duration: 1s;
    animation-delay: 2s;
}
.graphic-img {
    width: 20%;
    float: left;
    margin-left: 0%;
    margin-right:0%;
}
.graphic-section {
    float: left;
    /*margin-top: 7%;*/
    margin-top: 4%;
    margin-bottom: 2%;
    width:100%; 
}
.home-banner-left{
    width:68%;
    float:left;
    margin-right:1%;  
}
.home-banner-right{
    width:29%;
    float:left;
    margin-left:2%;  
}
.baner-section-brand{
    margin-top:2%; 
}
.promotions{
   /*margin-top:4%; */
   margin-top:3%; 
}
.ytp-cued-thumbnail-overlay-image {
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
}
.graphic-section h3{
/*font-size:32px;*/
font-size:1.8em;
text-align:center;
margin-top:0px;
margin-bottom:37px;    
}
#info_animb {
  -moz-animation-duration: .5s;
  -moz-animation-delay: 1.5s;
   -webkit-animation-duration: .5s;
  -webkit-animation-delay: 1.5s;
  animation-duration: .5s;
  animation-delay: 1.5s;
}
#info_animb1 {
  -moz-animation-duration: 1s;
  -moz-animation-delay:2s;
   -webkit-animation-duration: 1s;
  -webkit-animation-delay: 2s;
  animation-duration: 1s;
  animation-delay:2s;
}
#info_animb2 {
    animation-duration: .5s;
    animation-delay: 1.9s;
 -webkit-animation-duration: .5s;
 -webkit-animation-delay: 1.9s;
 -moz-animation-duration: .5s;
 -moz-animation-delay: 1.9s;
}
#info_animb3 {
    animation-duration: .5s;
    animation-delay:2s;
 -webkit-animation-duration: .5s;
 -webkit-animation-delay:2s;
 -moz-animation-duration: .5s;
 -moz-animation-delay: 2s;
}
#info_animb4 {
    animation-duration:.5s;
    animation-delay:2.2s;
 -webkit-animation-duration: .5s;
 -webkit-animation-delay: 2.2s;
 -moz-animation-duration: .5s;
 -moz-animation-delay:2.2s;
}
#info_animb5 {
    animation-duration:.5s;
    animation-delay:2.4s;
 -webkit-animation-duration: .5s;
 -webkit-animation-delay:2.4s;
 -moz-animation-duration: .5s;
 -moz-animation-delay:2.4s;
}
#info_animb5 {
animation-duration:.5s;
animation-delay: 2.6s;
-webkit-animation-duration: .5s;
-webkit-animation-delay: 2.6s;
-moz-animation-duration: .5s;
-moz-animation-delay: 2.6s;
}
#info_animb6 {
animation-duration:2s;
animation-delay: 3.5s;
-webkit-animation-duration: 2s;
-webkit-animation-delay: 3.5s;
-moz-animation-duration: 2s;
-moz-animation-delay: 3.5s;
}
.font-footer{
    float:right; 
    font-size:.9em;
}
.home-btn:hover{
    border: 2px solid #009ad6;
   /*padding: 14px 24px;*/
   padding: 8px 24px;
    background:#009ad6;
    color:#fff; 
    text-decoration:none; 
}
.top-head-left{
    float:left; 
    margin:-2% 0 0 0;
}
.top-head-left p a{
    font-size: 12px;
    border-right: 2px solid #706f6f;
    padding: 0 13px;
    color: #706f6f;
    text-decoration:none; 
}
.top-head-left p a:hover,.top-head-left p a.active{
  color: #009ad6;
   text-decoration:none; 
}
.top-head-left p a:last-child{
    border-right:none;
}
.top-head-right{
    float:right; 
    margin:-1.5% 0 0 0;
}
.top-head-right p a{
    /*font-size: 12px;*/
    border-right: 2px solid #706f6f;
    padding: 0 13px;
    margin: 0 6px;
    /*color: #706f6f;
    text-decoration:none; */
    float:left;
}
.top-head-right p a:hover,.top-head-right p a.active{
  color: #009ad6;
   text-decoration:none; 
}
.top-head-right p a:last-child{
    border-right:none;
}
.lab-logo{
     background: url("../images/lab_icon.png") no-repeat;
}

/*-------------- Home page Responsive----------------*/
@media only screen and (min-width: 769px) and (max-width:974px){
.side-float{
	display:none;
}
.top-head-left {
    float: left;
    margin: 0px 0;
}
.top-head-right {
    float: right;
    margin: 0px 0;
}
.font-footer {
    float: none;
    text-align: center;
    margin: 11px auto;
    display: block;
}
iframe.video_corner {
    width: 354px;
    /*height: 220px;*/
    height: 205px
}
}
@media only screen and (min-width: 607px) and (max-width:768px){
.skip-link:last-child{
	display:none; 
}
.home-left {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-bottom: 4%;
}
.home-right{
    width: 100%;
    float: left;
    margin-left:0%;
    margin-bottom: 2%;
}

.home-left h3 {
    font-size: 28px;
    margin-top: 2%;
    margin-bottom: 3%;
}
.home-right h3 {
    font-size: 28px;
    margin-top: 5%;
    margin-bottom: 3%;
}
.graphic-section h3 {
    font-size: 28px;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 37px;
}
.footer-links p a {
    font-size: .75em;
    color: #000;
    margin: 0px 1px;
}
.font-footer {
    float: none;
    font-size: 10px;
    text-align: center;
    margin: 9px auto;
    display: block;
}
.side-float {
	display:none; 
}
.footer-outer {
    margin-top: 4px;
}
.footer-links {
    width: 100%;
    float: none;
    text-align: center;
}
.top-head-left {
    float: left;
    margin: 0px 0;
}
.top-head-right {
    float: right;
    margin: 0px 0;
}
.font-footer {
    float: none;
    text-align: center;
    margin: 11px auto;
    display: block;
}
}
@media only screen and (min-width: 502px) and (max-width:606px){
.skip-link:last-child{
	display:none; 
}
.home-left {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-bottom: 4%;
}
.home-right{
    width: 100%;
    float: left;
    margin-left:0%;
    margin-bottom: 2%;
}
/*.graphic-img {
    width: 48%;
    float: left;
    margin: 10px auto;
    text-align: center;

}*/
.home-banner-left {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-bottom: 6%;
}
.home-banner-right {
    width: 100%;
    float: left;
    margin-left: 0;
}
.home-left h3 {
    font-size: 18px;
    margin-top: 2%;
    margin-bottom: 3%;
}
.home-right h3 {
    font-size: 22px;
    margin-top: 5%;
    margin-bottom: 3%;
}
.graphic-section h3 {
    font-size: 22px;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 37px;
}
.footer-links p a {
    font-size: 9px;
    color: #000;
    margin: 0px 1px;
}
.font-footer {
    float: none;
    font-size: 10px;
    text-align: center;
    margin: 9px auto;
    display: block;
}
.side-float {
	display:none; 
}
.footer-outer {
    margin-top: 4px;
}
.top-head-left {
    float: left;
    margin: 0px 0;
}
.top-head-left p a {
    font-size: 9px;
    border-right: 2px solid #706f6f;
    padding: 0 13px;
    color: #706f6f;
    text-decoration: none;
}
.top-head-right {
    float: right;
    margin: 0px 0;
}
.top-head-right p a {
    font-size: 9px;
    border-right: 2px solid #706f6f;
    padding: 0 13px;
    color: #706f6f;
    text-decoration: none;
}
.logo img {
    max-width: 30%;
    margin: 7px 18px;
}
}
@media only screen and (min-width: 502px) and (max-width:767px){
.graphic-img {
    width: 50%;
    float: left;
    margin: 10px auto;
    text-align: center}
}
@media only screen and (min-width: 428px) and (max-width:501px){
.skip-link:last-child{
	display:none; 
}
.home-left {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-bottom: 4%;
}
.home-right{
    width: 100%;
    float: left;
    margin-left:0%;
    margin-bottom: 2%;
}
.graphic-img {
    width: 100%;
    float: left;
    margin: 10px auto;
}
.home-banner-left {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-bottom: 6%;
}
.home-banner-right {
    width: 100%;
    float: left;
    margin-left: 0;
}
.home-left h3 {
    font-size: 18px;
    margin-top: 2%;
    margin-bottom: 3%;
}
.home-right h3 {
    font-size: 22px;
    margin-top: 5%;
    margin-bottom: 3%;
}
.graphic-section h3 {
    font-size: 22px;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 37px;
}
.footer-links p a {
    font-size:10px;
    color: #000;
    margin: 0px 3px;
}
.font-footer {
    float: none;
    font-size:10px;
    text-align: center;
    margin: 9px auto;
    display: block;
}
.side-float {
	display:none; 
}
.footer-outer {
    margin-top: 4px;
}
.top-head-left {
  float: left;
margin: 9px 5px;
}
.top-head-left p a {
    font-size: 9px;
    border-right: 2px solid #706f6f;
    padding: 0 13px;
    color: #706f6f;
    text-decoration: none;
}
.top-head-right {
  float: right;
margin: 9px 5px;
}
.top-head-right p a {
    font-size: 9px;
    border-right: 2px solid #706f6f;
    padding: 0 13px;
    color: #706f6f;
    text-decoration: none;
}
.logo img {
    max-width: 35%;
    margin: 7px 18px;
}
.footer-links p a {
    margin: 0px 1px;
    border-right: 1px solid #706f6f;
    padding: 0 3px;
    color: #706f6f;
}
}
@media only screen and (min-width: 321px) and (max-width:427px){
.skip-link:last-child{
	display:none; 
}
.home-left {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-bottom: 4%;
}
.home-right{
    width: 100%;
    float: left;
    margin-left:0%;
    margin-bottom: 2%;
}
.graphic-img {
    width: 100%;
    float: left;
    margin: 10px auto;
}
.home-banner-left {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-bottom: 6%;
}
.home-banner-right {
    width: 100%;
    float: left;
    margin-left: 0;
}
.home-left h3 {
    font-size: 18px;
    margin-top: 2%;
    margin-bottom: 3%;
}
.home-right h3 {
    font-size: 22px;
    margin-top: 5%;
    margin-bottom: 3%;
}
.graphic-section h3 {
    font-size: 22px;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 37px;
}
.footer-links p a {
    font-size:8px;
    color: #000;
    margin: 0px 3px;
}
.font-footer {
    float: none;
    font-size:8px;
    text-align: center;
    margin: 9px auto;
    display: block;
}
.side-float {
	display:none; 
}
.footer-outer {
    margin-top: 4px;
}
.top-head-left {
  float: left;
margin: 9px 5px;
}
.top-head-left p a {
    font-size: 9px;
    border-right: 2px solid #706f6f;
    padding: 0 13px;
    color: #706f6f;
    text-decoration: none;
}
.top-head-right {
  float: right;
margin: 9px 5px;
}
.top-head-right p a {
    font-size: 9px;
    border-right: 2px solid #706f6f;
    padding: 0 13px;
    color: #706f6f;
    text-decoration: none;
}
.logo img {
    max-width: 35%;
    margin: 7px 18px;
}
.footer-links p{
    text-align: center;
}
.footer-links p a {
    margin: 0px 1px;
    border-right: 1px solid #706f6f;
    padding: 0 3px;
    color: #706f6f;
    font-size:.7em;
}
}
@media (max-width:320px){
.skip-link:last-child{
	display:none; 
}
.home-left {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-bottom: 4%;
}
.home-right{
    width: 100%;
    float: left;
    margin-left:0%;
    margin-bottom: 2%;
}
.graphic-img {
    width: 100%;
    float: left;
    margin: 10px auto;
}
.home-banner-left {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-bottom: 6%;
}
.home-banner-right {
    width: 100%;
    float: left;
    margin-left: 0;
}
.home-left h3 {
    font-size: 18px;
    margin-top: 2%;
    margin-bottom: 3%;
}
.home-right h3 {
    font-size: 18px;
    margin-top: 5%;
    margin-bottom: 3%;
}
.graphic-section h3 {
    font-size: 22px;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 37px;
}
.footer-links p a {
    font-size:.7em;
    color: #000;
    margin: 0px 3px;
}
.font-footer {
    float: none;
    font-size:7px;
    text-align: center;
    margin: 9px auto;
    display: block;
}
.side-float {
	display:none; 
}
.footer-outer {
    margin-top: 4px;
}
.top-head-left {
  /*float: right;
margin: 9px 5px;*/
position: absolute;
right:1%;
}
.top-head-left p a {
    font-size: 9px;
    border-right: 2px solid #706f6f;
    padding: 0 7px;
    color: #706f6f;
    text-decoration: none;
}
.top-head-right {
  display:none;
}
.logo img {
    max-width: 35%;
    margin: 7px 18px;
}
.footer-links p a {
    margin: 0px 1px;
    border-right: 1px solid #706f6f;
    padding: 0 3px;
    color: #706f6f;
}
}
.icon_sub2 {
width: 43px;
float: none;
z-index: 555;
font-size: 17px;
padding-right: 8px;
text-align: center;
/*margin: 0 auto;*/
display: none;
transition:0.3s linear all; 
margin-top: 10px;
margin-left:25px;
}
.side-float ul li:hover a .icon_sub2 {
   display:block; 
}
.side-float ul li:hover a .icon_sub {
   display:none; 
   opacity: 1;
}
.icon_sub3 {
width: 34px;
float: none;
z-index: 555;
font-size: 17px;
padding-right: 5px;
text-align: center;
margin: 0 auto;
margin-top:8px;
}
.icon_sub4 {
width: 34px;
float: none;
z-index: 555;
font-size: 17px;
padding-right: 5px;
text-align: center;
margin: 0 auto;
display: none;
transition:0.3s linear all; 
margin-top: 8px;
}
.side-float ul li:hover a .icon_sub4 {
   display:block; 
}
.side-float ul li:hover a .icon_sub3 {
   display:none; 
   opacity: 1;
}

.contact_map{
	width: 480px;
	height:260px; 
}  

/*-------------- Home page container infograophics----------------*/
.line_graphic1{
    border-left:7px solid #009ad6; 
}
.line_graphic1 p {
    /*padding-left: 8px;*/ 
    color: #7d7d7d;
    font-size: 19px;
    text-align: center;
}
.in1{
width:120px;
text-align: center;
}
.in2{
width:164px;
height: 114px;
text-align: center;
margin: 0 auto; 
}
@media only screen and (min-width:767px) and (max-width:1200px){
   .in2{
width:144px;
height: 77px; 
}
}
.img-responsive.in1 {
    margin: 0 auto;
}
.line_graphic2{
    /*border-left:14px solid #fe6c6c;*/
    border-left:7px solid #d30300;
    /*height:156px;*/
}
.line_graphic2 p {
    /*padding-left: 5px;*/ 
    color: #7d7d7d;
    font-size: 19px;
    text-align: center;
}
.line_graphic3{
    /*border-left:14px solid #269374;*/
    border-left:7px solid #06cf98;
}
.line_graphic3 p {
    /*padding-left: 5px;*/ 
    color: #7d7d7d;
    font-size: 19px;
    text-align: center;
}
.line_graphic4{
    /*border-left:14px solid #8e4d17;*/
    border-left:7px solid #d46202;
}
.line_graphic4 p {
    /*padding-left:19px;*/ 
    color: #7d7d7d;
    font-size: 19px;
    text-align: center;
}
.line_graphic5{
    /*border-left:14px solid #968a26;*/ 
    border-left:7px solid #c6ba00;
}
.line_graphic5 p {
    /*padding-left: 19px;*/ 
    color: #7d7d7d;
    font-size: 19px;
    text-align: center;
} 
.graphic-section.clearfix {
    width: 100% !important;
} 
/*-------------- Home page container infograophics Responsive----------------*/
@media only screen and (min-width:981px) and (max-width:1200px){
    .line_graphic1 p {
    /*padding-left: 15px;*/
    color: #7d7d7d;
    font-size:.85em;
    text-align: center;
}
.line_graphic2 p {
    /*padding-left: 7px;*/
    color: #7d7d7d;
    font-size:.85em;
    text-align: center;
}
.line_graphic3 p {
   /* padding-left: 7px;*/
    color: #7d7d7d;
    font-size:.85em;
    text-align: center;
}
.line_graphic4 p {
    /*padding-left: 13px;*/
    color: #7d7d7d;
    font-size:.85em;
    text-align: center;
}
.line_graphic5 p {
    /*padding-left: 13px;*/
    color: #7d7d7d;
    font-size:.85em;
    text-align: center;
}
/*.graphic-img {
    width: 18%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}*/
.in1{
width:80px;
text-align: center;
margin-top: 0 auto; 
}
}
@media only screen and (min-width:801px) and (max-width:980px){
    .line_graphic1 p {
   /* padding-left: 15px;*/
    color: #7d7d7d;
    font-size:.79em;
    text-align: center;
}
.line_graphic2 p {
   /* padding-left: 7px;*/
    color: #7d7d7d;
    font-size:.79em;
    text-align: center;
}
.line_graphic3 p {
   /* padding-left: 7px;*/
    color: #7d7d7d;
    font-size:.79em;
    text-align: center;
}
.line_graphic4 p {
   /* padding-left: 13px;*/
    color: #7d7d7d;
    font-size:.79em;
    text-align: center;
}
.line_graphic5 p {
    /*padding-left: 13px;*/
    color: #7d7d7d;
    font-size:.79em;
    text-align: center;
}
/*.graphic-img {
    width: 18%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}*/
.in1{
width:80px;
text-align: center;
margin-top: 0 auto; 
}
}
@media only screen and (min-width:768px) and (max-width:800px){
    .line_graphic1 p {
   /* padding-left: 15px;*/
    color: #7d7d7d;
    font-size:0.7em;
    text-align: center;
}
.line_graphic2 p {
   /* padding-left: 7px;*/
    color: #7d7d7d;
    font-size:0.7em;
    text-align: center;
}
.line_graphic3 p {
   /* padding-left: 7px;*/
    color: #7d7d7d;
    font-size: 0.7em;
    text-align: center;
}
.line_graphic4 p {
    /*padding-left: 13px;*/
    color: #7d7d7d;
    font-size:0.7em;
    text-align: center;
}
.line_graphic5 p {
    /*padding-left: 13px;*/
    color: #7d7d7d;
    font-size:0.7em;
    text-align: center;
}
/*.graphic-img {
    width: 18%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}*/
.in1{
width:80px;
text-align: center;
margin-top: 0 auto; 
}
}

@media only screen and (min-width: 502px) and (max-width:602px){
.line_graphic1 p {
   /* padding-left: 15px;*/
    color: #7d7d7d;
    font-size:15px;
    text-align: center;
}
.line_graphic2 p {
    /*padding-left: 7px;*/
    color: #7d7d7d;
    font-size:15px;
    text-align: center;
}
.line_graphic3 p {
   /* padding-left: 7px;*/
    color: #7d7d7d;
    font-size: 15px;
    text-align: center;
}
.line_graphic4 p {
    /*padding-left: 13px;*/
    color: #7d7d7d;
    font-size:15px;
    text-align: center;
}
.line_graphic5 p {
    /*padding-left: 13px;*/
    color: #7d7d7d;
    font-size: 15px;
    text-align: center;
} 

}
@media only screen and (min-width: 321px) and (max-width:501px){
 .line_graphic1 p {
    /*padding-left: 15px;*/
    color: #7d7d7d;
    font-size: 26px;
    text-align: center;
}
.line_graphic2 p {
    /*padding-left: 7px;*/
    color: #7d7d7d;
    font-size: 21px;
    text-align: center;
}
.line_graphic3 p {
    /*padding-left: 7px;*/
    color: #7d7d7d;
    font-size: 21px;
    text-align: center;
}
.line_graphic4 p {
    /*padding-left: 13px;*/
    color: #7d7d7d;
    font-size: 24px;
    text-align: center;
}
.line_graphic5 p {
    /*padding-left: 13px;*/
    color: #7d7d7d;
    font-size: 24px;
    text-align: center;
}   
}
@media (max-width:320px){
    .line_graphic1 p {
    /*padding-left: 15px;*/
    color: #7d7d7d;
    font-size: 26px;
    text-align: center;
}
.line_graphic2 p {
    /*padding-left: 7px;*/
    color: #7d7d7d;
    font-size: 21px;
    text-align: center;
}
.line_graphic3 p {
   /* padding-left: 7px;*/
    color: #7d7d7d;
    font-size: 21px;
    text-align: center;
}
.line_graphic4 p {
    /*padding-left: 13px;*/
    color: #7d7d7d;
    font-size: 24px;
    text-align: center;
}
.line_graphic5 p {
   /* padding-left: 13px;*/
    color: #7d7d7d;
    font-size: 24px;
    text-align: center;
}
}

/*-----------------------------new accordion start---------------------------------*/
.half {
  float: left;
  width: 50%;
  padding: 0 1em;
}
/* Acordeon styles */
.tab-brand {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #fff;
  /*text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);*/
  overflow: hidden;
}
.brand-input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.brand-label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  background: #b0b0b0;
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
}

.tab-content-brand {
  max-height: 0;
  overflow: hidden;
  /*background: #fff;*/
  background-color: #f3f3f4;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  /*border:1px solid #ddd; */
}
.col-para-list ul{
margin-bottom:-3px; 
}
.col-para-list li {
    list-style:none; 
}
.col-para-list li a:hover ,.col-para-list li a.active{
  color: #3399cc;  
}
.col-para-list li a {
    color: #545252;
    text-decoration: none;
    font-style: normal;
    font-size:13px; 
}
.tab-content-brand p{
    padding:10px;
}
.tab-content p {
  margin: 1em;
}
/* :checked */
.brand-input:checked ~ .tab-content-brand {
  max-height: 63em;
  }
  .brand-input:checked ~ .brand-label {
  background-color:#4f4f4f;
  }
.brand-input1:checked ~ .brand-family-name1 {
  color:#b20000;
  }

/* Icon */
.brand-label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.brand-input[type=radio] + .brand-label::after {
  content: "\25BC";
}
.brand-input[type=radio]:checked + .brand-label::after {
  transform: rotateX(180deg);
}
.brand-family{
    float: left;
    width: 18%;
    margin: 0 1%;
}
.brand-family-name{
    display: inline-block;
font-size: 14px;
font-weight: 700;
background: #3399cc;
background-clip: border-box;
/*-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.95), inset 0 0 8px rgba(0, 0, 0, 0.1), 1px 0 0 rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.15), 0 1px 0 rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.15), 0 2px 2px rgba(0, 0, 0, 0.09);
-moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.95), inset 0 0 8px rgba(0, 0, 0, 0.1), 1px 0 0 rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.15), 0 1px 0 rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.15), 0 2px 2px rgba(0, 0, 0, 0.09);
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.95), inset 0 0 8px rgba(0, 0, 0, 0.1), 1px 0 0 rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.15), 0 1px 0 rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.15), 0 2px 2px rgba(0, 0, 0, 0.09);*/
padding: 6px 0;
/*-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;*/
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
color: #fff;
text-shadow: rgba(255, 255, 255, 0.15) 1px 1px 1px;
width:100%;
line-height: 22px;
text-align: center;
margin-bottom: 12px;
font-size:12px;
border:none;
}
.brand-accordion{
    /*background-color: #f5f5f5;*/
    margin-top: 30px;
width: 100%;
padding: 1% 0;
border: 1px solid #e6e6e6;
}
.col-para-list{
    padding:10px;
}
.col-para-list h3{
    color:#fff;
}
.col-para-list h3 {
    color: #3399cc;
    font-size: 16px;
    border-bottom: 1px solid #e2e7ea;
    width: 100%;
    padding-bottom: 6px;
}
/*-----------------------------new accordion end---------------------------------*/
/*-----------------------------new accordion Responsive---------------------------------*/
@media only screen and (min-width: 502px) and (max-width:820px){
  .brand-family{
    float: left;
    width:48%;
    margin:0 1%;
}  
}
@media only screen and (min-width: 321px) and (max-width:501px){
  .brand-family{
    float: left;
    width:100%;
    margin:0%;
}  
}
@media (max-width:320px){
.brand-family{
    float: left;
    width:100%;
    margin:0%;
}    
}
/*-----------------------------Nova fsv---------------------------------*/
.smarter_vision_left_text p {
    font-size: 13px;
}
/*-----------------------------Home Banner css---------------------------------*/
.mySlides {display:none;
transition:opacity 800ms ease-in-out 0s;
}

/* Slideshow container */
.slideshow2-container {
  max-width:100%;
  position: relative;
  margin: auto;
  overflow: hidden;
  max-height:400px; 
}

/* Caption text */
.text_slider {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
/* The dots/bullets/indicators */
.dot {
  height:3px;
  width: 70px;
  border-radius: 2px;
  background-color: #fff;
  display: inline-block;
  cursor: pointer;
  font-size:0;
  transition: 0.2s linear all; 

}

.dot.active {
height:10px !important;
border-radius: 2px;
background-color: #fff;
display: inline-block;
cursor: pointer;
font-size: 14px !important;
padding: 15px 22px; 
padding-top:0px;
text-align: center;
vertical-align:center; 
padding-bottom:20px; 
}
/*.dot:hover{
height:10px !important;
border-radius: 2px;
background-color: #fff;
display: inline-block;
cursor: pointer;
font-size: 14px !important;
padding: 15px 22px; 
padding-top:0px;
text-align: center;
vertical-align:center; 
padding-bottom:20px; 
}*/


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
  transition: opacity 800ms ease-in-out 0s;
}

@-webkit-keyframes fade {
  0% {
    opacity:0.4;
  }
    100% {
    opacity:1;
  }
}
@keyframes fade {
  
   0% {
    opacity:0;
  }
   10% {
    opacity:.3;
  }
    40% {
    opacity:.6;
  }
   70% {
    opacity:.8;
  }
    100% {
    opacity:1;
  }
}
.nav-primary a {
    text-decoration: none;
    position: relative;
    display: block;
    color: #706f6f;
    font-size: .9em;
    line-height: 30px;
    font-family: "Open Sans", "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-weight: bold;
    text-align: left;
}
/*.nav-primary li.level0 ul {
    width: 180px !important;
    
}*/
/*.level0 ul {
  left:179px; 
}*/
/* On smaller screens, decrease text size from {opacity: .4} 
  to {opacity: 1} */
     @media only screen and (min-width: 569px) and (max-width:768px){
.dot-num{
text-align: center;
position: absolute;
bottom: 2%;
left:24% !important;	
}
   }
   @media only screen and (min-width: 421px) and (max-width:568px){
.dot-num{
text-align: center;
position: absolute;
bottom: 2%;
left: 16% !important;	
}
   }
  @media only screen and (min-width: 321px) and (max-width:420px){
.dot {
    height: 3px;
    width: 30px;
    border-radius: 2px;
    background-color: #fff;
    display: inline-block;
    cursor: pointer;
    font-size: 0;
    transition: 0.2s linear all;
    display: none;
}
.dot.active {

    height: 0px !important;
    border-radius: 1px;
    background-color: #fff;
    display: inline-block;
    cursor: pointer;
    font-size: 10px !important;
    padding-top: 0px;
    text-align: center;
    vertical-align: center;
    padding: 21px 5px;
    padding-top: 21px;
     display: none;
}
.dot-num{
text-align: center;
position: absolute;
bottom: 2%;
left: 25%!important;
 display: none;	
}

  }
@media only screen and (max-width: 320px) {
  .dot {
    height: 3px;
    width: 30px;
    border-radius: 2px;
    background-color: #fff;
    display: inline-block;
    cursor: pointer;
    font-size: 0;
    transition: 0.2s linear all;
    display: none;
}
.dot.active {
    height: 0px !important;
    border-radius: 1px;
    background-color: #fff;
    display: inline-block;
    cursor: pointer;
    font-size: 10px !important;
    padding-top: 0px;
    text-align: center;
    vertical-align: center;
    padding: 21px 5px;
    padding-top: 21px;
     display: none;
}
.dot-num{
text-align: center;
position: absolute;
bottom: 2%;
left: 25%!important;	
}
}
/*Responsive Home Banner */


.nav-home3{
display:block; 
}
.nav-home2{
display:none; 
}
.home-menu{
    background-image:url("../images/home_def.png");
    width: 24px;
    height: 20px;
    display: block;
    text-indent:-9999px;
    padding:0!important;
}
.home-menu:hover{
    background-image:url("../images/home_blue.png");
}
.home-active{
    background-image:url("../images/home_blue.png");
    width: 24px;
    height: 20px;
    display: block;
    text-indent:-9999px;
    padding:0!important;
}
.active{
    color:#338fff !important;
    font-weight: bold
}
@media only screen and (max-width:640px){
.cms-page-view .std p{
    text-align: left
}
}
.line2{height: 13px}
@media only screen and (min-width: 980px) and (max-width:1024px){
    .side-float{
        top:178px;
    }
}
@media only screen and (min-width: 1025px) and (max-width:1280px){
    iframe.video_corner{height:330px; width: 548px}
}
@media only screen and (min-width: 981px) and (max-width:1024px){
    iframe.video_corner{height:282px; width: 466px}
}
@media only screen and (min-width: 801px) and (max-width:980px){
    iframe.video_corner{height:257px;}
}
@media only screen and (min-width: 801px) and (max-width:1024px){
.slideshow2-container{
    height: 300px
}
}
@media only screen and (min-width: 640px) and (max-width:800px){
.slideshow2-container{
    height: 240px
}
}
@media only screen and (min-width: 361px) and (max-width:639px){
.slideshow2-container{
    height: 160px
}
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
    .home-btn{margin-left:40%;}
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
    .home-btn{margin-left:36%;}
}
@media only screen and (min-width: 361px) and (max-width: 480px) {
    .home-btn{margin-left:32%;}
}
@media only screen and (min-width: 321px) and (max-width: 360px) {
    .home-btn{margin-left:28%;}
}
@media only screen and (max-width: 320px) {
    .home-btn{margin-left:24%;}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.canada_map{left:26%; top:22%;}
.uae_txt{left:58%; top:48.5%;}
.india_txt{top:49%; left:60.7%;}
}
@media only screen and (min-width: 661px) and (max-width: 768px) {
.canada_map{left:26%; top:22%;}
.uae_txt{left:58%; top:48%;}
.india_txt{top:48%; left:60.7%;}
}
@media only screen and (min-width: 361px) and (max-width: 660px) {
.canada_map{left:26%; top:21.5%;}
.uae_txt{left:58%; top:44%;}
.india_txt{top:43%; left:61.5%;}
}
@media only screen and (max-width: 360px) {
.canada_map{left:25%; top:17.5%;}
.uae_txt{left:58%; top:43%;}
.india_txt{top:47%; left:62.5%;}
}
/*----------------------careers start---------------------*/
.left-Careers {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    margin-top: 2%;
    border: 1px solid #ddd;
    padding: 2% 4%;
}
.career_blue h4 {
    border-bottom: 2px solid #3399cc;
    max-width: 480px;
    line-height: 3;
    color: #3399cc;
}
.text-bold {
    font-weight: bold;
    color: #000;
}
.location_ca {
    margin-top: 1%;
    font-size: 12px;
    text-transform: none;
    margin-bottom: 3%;
}
.left-Careers p {
    margin: 0 0 .8em 0;
}
@media only screen and (max-width: 320px) {
    .mobile-none {
    display: none;
}
.footer-links p {
    /*margin: 16px 0 0 9px;*/
    text-align: center;
}
}
.fb_logo{
   background: url(../images/fb_logo.png) no-repeat 0 0;  
   width: 12px;
   height:12px;
   text-indent: -9999px;
   display: block;
}
.fb_logo:hover{
   background: url(../images/fb_logo_h.png) no-repeat 0 0;}
.top-head-sm .fb_logo{
   background: url(../images/fb_logo.png) no-repeat 6px 0;  
   width: 12px;
   height:12px;
   text-indent: -9999px;
   display: block;
}
.top-head-sm .fb_logo:hover{
   background: url(../images/fb_logo_h.png) no-repeat 6px 0;}
.twt_logo{
   background: url(../images/twt_logo.png) no-repeat 0 0;   
   width: 12px;
   height:12px;
   text-indent: -9999px;
   display: block;
}
.twt_logo:hover{
   background: url(../images/twt_logo_h.png) no-repeat 0 0}
.top-head-sm .twt_logo{
   background: url(../images/twt_logo.png) no-repeat 6px 0;   
   width: 12px;
   height:12px;
   text-indent: -9999px;
   display: block;
}
.top-head-sm .twt_logo:hover{
   background: url(../images/twt_logo_h.png) no-repeat 6px 0}
.linkedin_logo{
   background: url(../images/linkedin_logo.png) no-repeat 0 0;   
   width: 12px;
   height:12px;
   text-indent: -9999px;
   display: block;
}
.linkedin_logo:hover{
   background: url(../images/linkedin_logo_h.png) no-repeat 0 0}
.top-head-sm .linkedin_logo{
   background: url(../images/linkedin_logo.png) no-repeat 6px 0;   
   width: 12px;
   height:12px;
   text-indent: -9999px;
   display: block;
}
.top-head-sm .linkedin_logo:hover{
   background: url(../images/linkedin_logo_h.png) no-repeat 6px 0}
/*--------------inner page right----------*/
.top-head-right-inner{
    float:right; 
    margin:-2% 0 0 0;
}
.top-head-right-inner ul li {
display: block;
margin: 0;
/*background: #e5e6e6;*/
width: 40px;
/*padding: 10px;
height:40px;*/
padding: 0 10px;
opacity:0.9; 
float: left;
/*border-right: 1px solid #fff*/
border-right: 1px solid #3399cc
}
.top-head-right-inner ul li:hover {
    /*background: #e5e6e6;*/
    opacity:0.9; 
}
.top-head-right-inner .icon_sub {
width: 32px;
float: none;
z-index: 555;
font-size: 17px;
padding-right: 8px;
text-align: center;
/*margin: 0 auto;*/
margin-top:4px;
/*margin-left:25px;*/
}
.top-head-right-inner .icon_sub2 {
    text-align: center;
    width: 32px;
    display: inline-block;
    z-index: 555;
    font-size: 17px;
    padding-right: 2px;
    margin-top: 4px;
    margin-left:0px;
    color:#fff;
}
.top-head-right-inner .icon_sub6{
 width:32px !important;
float: left !important;
z-index: 555;
font-size: 17px;
padding-right: 4px;
/*margin: 0 auto;*/
margin-top:10px;
margin-left:6px;  

}
.top-head-right-inner .icon_sub7{
 width:32px !important;
float: left !important;
z-index: 555;
font-size: 17px;
padding-right: 4px;
/*margin: 0 auto;*/
margin-top:10px;
margin-left:6px;  
display:none; 
}
.top-head-right-inner ul li:hover a .icon_sub7 {
   display:block; 
}
.top-head-right-inner ul li:hover a .icon_sub6 {
   display:none; 
   opacity: 1;
}
.top-head-right-inner .icon_sub3 {
    width: 24px;
    float: none;
    z-index: 555;
    font-size: 17px;
    padding-right: 5px;
    text-align: center;    
    margin-top: 1px;
}
.calendar{
background-image: url(../images/calendar.png);
width: 54px;
height: 54px;
display: block;
float: left;
text-align: center;
font-weight: bold;
font-style: normal;
line-height: 13px
}
.year{
    font-size: 10px;    
    color:#fff;
    /*float: left;
    margin: -4px 0 0 16px */  
    margin: 0 0 0 4px 
}
.date{
    font-size: 14px;    
    color:#000;
    line-height: 17px
    /*float: left;
    margin: -7px 0 0 19px*/
}
.month{
    font-size: 10px;    
    color:#000;
    /*float: left;
    margin: -10px 0 0 19px*/
}
.floatR{
    float: right;
}
/*.banner-bottom{
    width: 100%;
    margin: 1px auto 0
}
.banner-bottom ul{
    width: 100%
}
.banner-bottom ul li{
    float: left;
    width:16.66%;
    text-align: center;
}
.banner-bottom ul li a{
    text-indent: -9999px;
    display: block;
    height: 76px
}
.banner-bottom ul li a:hover{background-color:#009ad6}
.bb-sec1{background:url(../images/ourlab_new.png) no-repeat 48% 52% #3c4c52;}
.bb-sec2{background:url(../images/ourbrands_new.png) no-repeat 48% 52% #54646a ;}
.bb-sec3{background:url(../images/video_new.png) no-repeat 48% 48% #6b7b81;}
.bb-sec4{background:url(../images/galaxyplus_new.png) no-repeat 48% 48% #819197;}
.bb-sec5{background:url(../images/csr_new.png) no-repeat 48% 48% #96a6ac;}
.bb-sec6{background:url(../images/social_new.png) no-repeat 48% 48% #abbac0;}*/
.banner-bottom{
    /*width: 100%;*/
    max-width: 1400px;
    margin: 1px auto 0
}
.banner-bottom ul{
    width: 100%
}
.banner-bottom ul li{
    float: left;
    width:20%;
    text-align: center;
}
.banner-bottom ul li a{
    /*text-indent: -9999px;*/
    display: block;
    /*height: 76px;*/
    height: 86px;
    color:#fff;
    padding:56px 0 0 0;
    border-right:1px solid #5196b2;
    border-bottom:1px solid #5196b2;
}

/*.banner-bottom ul li a:hover{background-color:#009ad6}*/
/*-----------gray bb-sec start -----------*/
/*.banner-bottom ul li a:hover{background-color:#fff; color:#6b7b81; text-decoration:none;}
.bb-sec1{background:url(../images/ourlab_new.png) no-repeat 49% 33% #3c4c52;}
.bb-sec1:hover{background:url(../images/ourlab_new_hover.png) no-repeat 49% 33% #3c4c52;}
.bb-sec2{background:url(../images/ourbrands_new.png) no-repeat 49% 36% #54646a ;}
.bb-sec2:hover{background:url(../images/ourbrands_new_hover.png) no-repeat 49% 36% #54646a ;}
.bb-sec3{background:url(../images/video_new.png) no-repeat 50% 36% #6b7b81;}
.bb-sec3:hover{background:url(../images/video_new_hover.png) no-repeat 50% 36% #6b7b81;}
.bb-sec4{background:url(../images/galaxyplus_new.png) no-repeat 50% 35% #819197;}
.bb-sec4:hover{background:url(../images/galaxyplus_new_hover.png) no-repeat 50% 35% #819197;}
.bb-sec5{background:url(../images/csr_new.png) no-repeat 49.5% 36% #96a6ac;}
.bb-sec5:hover{background:url(../images/csr_new_hover.png) no-repeat 49.5% 36% #96a6ac;}
.bb-sec6{background:url(../images/social_new.png) no-repeat 49% 36% #abbac0;}
.bb-sec6:hover{background:url(../images/social_new_hover.png) no-repeat 49% 36% #abbac0;}*/
/*-----------gray bb-sec end -----------*/
/*-----------blue bb-sec start -----------*/
.banner-bottom ul li a:hover{background-color:#fff; color:#0280b2; text-decoration:none;}
.bb-sec1{background:url(../images/ourlab_new.png) no-repeat 49% 33% #0280b2;}
.bb-sec1:hover{background:url(../images/ourlab_new_hover_blue.png) no-repeat 49% 33% #3c4c52;}
.bb-sec2{background:url(../images/ourbrands_new.png) no-repeat 49% 36% #0280b2 ;}
.bb-sec2:hover{background:url(../images/ourbrands_new_hover_blue.png) no-repeat 49% 36% #54646a ;}
.bb-sec3{background:url(../images/video_new.png) no-repeat 50% 36% #0280b2;}
.bb-sec3:hover{background:url(../images/video_new_hover_blue.png) no-repeat 50% 36% #6b7b81;}
.bb-sec4{background:url(../images/galaxyplus_new.png) no-repeat 50% 35% #0280b2;}
.bb-sec4:hover{background:url(../images/galaxyplus_new_hover_blue.png) no-repeat 50% 35% #819197;}
.bb-sec5{background:url(../images/csr_new.png) no-repeat 49.5% 36% #0280b2;}
.bb-sec5:hover{background:url(../images/csr_new_hover_blue.png) no-repeat 49.5% 36% #96a6ac;}
.bb-sec6{background:url(../images/social_new.png) no-repeat 49% 36% #0280b2;}
.bb-sec6:hover{background:url(../images/social_new_hover_blue.png) no-repeat 49% 36% #abbac0;}
/*-----------blue bb-sec end -----------*/
@media only screen and (min-width: 768px){
    .banner-bottom ul li{width:20%;}
}
@media only screen and (max-width:767px){
    .banner-bottom ul li{width:50%;}
    .banner-bottom ul li:last-child{width:100%;}
}
.left-half{
    width: 36%;
    float: left;
    /*margin-right:15%;*/
    margin-right:5%;}
.right-half{
     /*width: 40%;*/
     width: 59%;
    float: left;
}
/*
.facebook-sec{
    float: left;
    margin: 1% 5% 0 0;
    width: 30%
}
.twitter-sec{
    float: left;
    margin: 1% 5% 0 0;
    width: 30%;
    
}
.linkedin-sec{
    float: left;
    margin: 1% 0 0 0;
    width: 30%
}
#twitter-widget-1{
    height: 500px
}*/
.facebook-sec-outer{
    float: left;
    margin: 1% 0 0 0;
    width: 48%
}
.facebook-sec-outer a:hover{
    text-decoration: none;
}
.facebook-sec{
    float: left;
    margin: 1% 0 0 0;
    width: 100%;
    border: 1px solid #ccd4d8;
    background-color: #eff2f4;
    padding:5% 10%;
}
.fb_connect{
    background-color:#3c5b9a;    
    padding: 8px 0;
    text-align: right!important;
    font-size: 1em;
    font-weight: bold;
    color:#fff;
}
.fb_connect img{
    float: right;
    margin: -1px 10px 0 10px
}
.twitter-sec-outer{
    float: left;
    margin: 1% 0 0 4%;
    width: 48%
}
.twitter-sec-outer a:hover{
    text-decoration: none;
}
.twitter-sec{
    float: left;
    margin: 1% 0 0 0;
    width: 100%;
    border: 1px solid #ccd4d8;
    background-color: #eff2f4;
    padding:5% 10%;    
}
.twt_connect{
    background-color:#36b9ff;
    text-align: center;
    padding: 8px 0;
    margin-left: 0;
    text-align: right!important;
    font-size: 1em;
    font-weight: bold;
    color:#fff;
}
.twt_connect img{
    float: right;
    margin: 0 10px
}

/*-----------3line header start--------------*/
.top-head-left-new{
    position: absolute;
right: 0;
top: 0;
}
.top-head-left-new p a{
    font-size: 12px;
    border-right: 2px solid #706f6f;
    padding: 0 6px;
    color: #706f6f;
    text-decoration:none; 
}
.top-head-left-new p a:hover,.top-head-left p a.active{
  color: #009ad6;
   text-decoration:none; 
}
.top-head-left-new p a:last-child{
    border-right:none;
}
.home-container {
    margin:0!important;
}
.logo-sec{
    width: 100%;
    position: relative;
}
.top-head-sm-new{
    background-color:#f2f2f2;
    padding:6px 0;
    box-shadow: 0 1px 3px #c1c1c1;
    position: absolute;
    right: 0;
    top:30px;
}
@media only screen and (max-width:768px){
    .top-head-sm-new, .top-head-right-inner{display: none;}
}
.top-head-sm-new a{
    float:left;
    border-right: 2px solid #000;
padding: 0 12px;
}
.top-head-sm-new a:last-child{
    border-right:none;
}
.top-head-sm-new .fb_logo{
   background: url(../images/fb_logo.png) no-repeat 6px 0;  
   width: 12px;
   height:12px;
   text-indent: -9999px;
   display: block;
}
.top-head-sm-new .fb_logo:hover{
   background: url(../images/fb_logo_h.png) no-repeat 6px 0;}

.top-head-sm-new .twt_logo{
   background: url(../images/twt_logo.png) no-repeat 6px 0;   
   width: 12px;
   height:12px;
   text-indent: -9999px;
   display: block;
}
.top-head-sm-new .twt_logo:hover{
   background: url(../images/twt_logo_h.png) no-repeat 6px 0}

.top-head-sm-new .linkedin_logo{
   background: url(../images/linkedin_logo.png) no-repeat 6px 0;   
   width: 12px;
   height:12px;
   text-indent: -9999px;
   display: block;
}
.top-head-sm-new .linkedin_logo:hover{
   background: url(../images/linkedin_logo_h.png) no-repeat 6px 0}

.top-head-right-inner-new{
    float:right; 
    margin:-2% 0 0 0;
}
.top-head-right-inner-new ul li {
display: block;
margin: 0;
background: #e5e6e6;
width: 40px;
padding: 10px;
height:40px;
opacity:0.9; 
float: left;
border-right: 1px solid #fff
}
.top-head-right-inner-new ul li:hover {
    background: #e5e6e6;
    opacity:0.9; 
}
.top-head-right-inner-new .icon_sub {
width: 32px;
float: none;
z-index: 555;
font-size: 17px;
padding-right: 8px;
text-align: center;
/*margin: 0 auto;*/
margin-top:4px;
/*margin-left:25px;*/
}
.top-head-right-inner-new .icon_sub2 {
    text-align: center;
    width: 32px;
    display: inline-block;
    z-index: 555;
    font-size: 17px;
    padding-right: 2px;
    margin-top: 4px;
    margin-left:0px;
    color:#fff;
}
.top-head-right-inner-new .icon_sub6{
 width:32px !important;
float: left !important;
z-index: 555;
font-size: 17px;
padding-right: 4px;
/*margin: 0 auto;*/
margin-top:10px;
margin-left:6px;  

}
.top-head-right-inner-new .icon_sub7{
 width:32px !important;
float: left !important;
z-index: 555;
font-size: 17px;
padding-right: 4px;
/*margin: 0 auto;*/
margin-top:10px;
margin-left:6px;  
display:none; 
}
.top-head-right-inner-new ul li:hover a .icon_sub7 {
   display:block; 
}
.top-head-right-inner-new ul li:hover a .icon_sub6 {
   display:none; 
   opacity: 1;
}
.top-head-right-inner-new .icon_sub3 {
    width: 24px;
    float: none;
    z-index: 555;
    font-size: 17px;
    padding-right: 5px;
    text-align: center;    
    margin-top: 1px;
}
.home-custom-new .top-head-left-new {top:14px;}
.home-custom-new .top-head-sm-new {top:48px;}

/*-------------------------------START OF CSS WORK 21.10.17---------------------------------*/

   /*-----------litewear---------------------------------*/
   .litewear{
    background: #0e87ed !important;
    margin-top:10px !important;
    margin-bottom:0 !important;  
}
.litewear-text p{
    font-size: 18px !important;
}
.litwear_l{
    width:49%;
    float:left;
    margin-right:1%; 
    margin-top:1%;
    background: #f3f3f3cc;
    padding: 22px 12px;    
}
.litwear_l p{
    font-size:1em; 
}
.litwear_r p{
    font-size:1em; 
}
.litwear_r{
    width:49%;
    float:left;
    margin-left:1%;
    margin-top:1%;
    background: #f3f3f3cc;
    padding: 22px 12px;   
}
.liter-header-font{
    font-size:22px;
    color:#0e87ed; 
    font-weight: bold;
}
.liter-header-font img {
    width: 55px;
    transform: rotate(30deg);
    padding-bottom: 1%;
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
} 
.litewear-text p {
    font-size: 14px !important;
    line-height: 1em;
    margin-left:0px; 
} 
/*-------------------------------litewear responsive---------------------------------*/
@media only screen and (max-width: 580px) {
    .litwear_l {
        width: 100%;
        float: left;
        margin-right: 0%;
        margin-top: 3%;
    }
    .litwear_r {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 3%;
    }
    .padding-litwear {
        padding-bottom: 22px;
    }
}
.padding-litwear {
    padding-bottom: 70px;
} 
/*-------------------------------Sunlite---------------------------------*/
.sunlite_l {
    width: 49%;
    float: left;
    margin-right: 0%;
    padding: 0px 0px;
}
.sunlite_l ul {
    margin-left: -1em;
}
.sunlite_r ul {
    margin-left: -1em;
}
.sunlite_r {
    width: 49%;
    float: left;
    margin-left: 1%;
    margin-top: 0%;
    padding: 0px 0px;
}
.sunlite2_l {
    width: 50%;
    float: left;
    margin-right: 0%;
    margin-top: 0%;
}
.sunlite3_l {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-top: 0%;
}
.sunlite2_r {
    width: 47%;
    float: left;
    margin-left: 0%;
    margin-top: 0%;
}
.bold-font {
    font-weight: bold;
}
.sunlite-header-font {
    font-size: 22px;
    color: #f97f27;
    font-weight: bold;
}
.sunlite {
    background: #f97f27;
    margin-top: 1%;
    margin-bottom: 2%;
}
.sunlite_l ul li {
    font-style: normal !important;
    padding: 6px 0;
}
.sunlite_r ul li {
    font-style: normal !important;
    padding: 6px 0;
}
.sunlite2_l ul li {
    font-style: normal !important;
    padding: 6px 0;
}
.sunlite2_r ul li {
    font-style: normal !important;
    padding: 6px 0;
}
.sunlite3_l ul li {
    font-style: normal !important;
    padding: 6px 0;
}
.img-responsive.wearable {
    width: 60%;
    margin-left: 10%;
}
.active_section.clearfix {
    margin-bottom: 2%;
}
/*-------------------------------Sunlite Responsive---------------------------------*/
@media only screen and (min-width: 561px) and (max-width: 900px) {
    .sunlite2_l {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 0%;
        padding: 0px 10px;
    }
    .sunlite2_r {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 0%;
        padding: 0px 10px;
    }
    .sunlite2_l.sunlite-width {
        width: 100%;
    }
    .sunlite2_r.sunlite-width_r {
        width: 100%;
    }
}
@media only screen and (min-width: 321px) and (max-width: 560px) {
    .sunlite_l {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 0%;
        padding: 0px 10px;
    }
    .sunlite_r {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 0%;
        padding: 0px 10px;
    }
    .sunlite2_l {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 0%;
        padding: 0px 10px;
    }
    .sunlite2_r {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 0%;
        padding: 0px 10px;
    }
    .sunlite2_l.sunlite-width {
        width: 100%;
    }
    .sunlite2_r.sunlite-width_r {
        width: 100%;
    }
}
@media only screen and (max-width: 320px) {
    .sunlite2_l.sunlite-width {
        width: 100%;
    }
    .sunlite2_r.sunlite-width_r {
        width: 100%;
    }
    .sunlite_l {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 0%;
        padding: 10px 10px;
    }
    .sunlite_r {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 0%;
        padding: 10px 10px;
    }
    .sunlite2_l {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 0%;
        padding: 0px 10px;
    }
    .sunlite2_r {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 0%;
        padding: 0px 10px;
    }
} 
/*-------------------------------VISTA  DIGITAL---------------------------------*/
.vista-digital {
    background: #3a9bf9;
    color: #fff;
    margin-top: 2%;
    margin-bottom: 2%;
}
.vista-d-logo {
    width: 40%;
}
.vista-d_l {
    width: 49%;
    float: left;
    margin-right: 1%;
    margin-top: 0%;
    padding: 0px 0px;
}
.vista-d_r {
    width: 49%;
    float: left;
    margin-left: 1%;
    margin-top: 0%;
    padding: 0px 0px;
}
.vista-d_l ul li {
    font-style: normal !important;
    padding: 6px 0;
}
.vista-d_r ul li {
    font-style: normal !important;
    padding: 6px 0;
}
.vista-d2_l {
    width: 50%;
    float: left;
    margin-right: 0%;
    margin-top: 0%;
}
.vista-d2_r {
    width: 50%;
    float: left;
    margin-left: 0%;
    margin-top: 0%;
}
.vista-d2_r img {
    margin-left: 6%;
    width: 75%;
}
.vista-d-header-font {
    font-size: 22px;
    color: #3a9bf9;
    font-weight: bold;
}
/*-------------------------------VISTA  DIGITAL RESPONSIVE---------------------------------*/
@media only screen and (min-width: 561px) and (max-width: 768px) {
    .litewear-text p {
        line-height: 1.6em !important;
    }
    .vista-d_l {
        width: 100%;
        float: left;
        margin-right: 0%;
        margin-top: 0%;
        padding: 22px 10px;
    }
    .vista-d_r {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 0%;
        padding: 22px 10px;
    }
}
@media only screen and (min-width: 321px) and (max-width: 560px) {
    .litewear-text p {
        line-height: 1.6em !important;
    }
    .vista-d_l {
        width: 100%;
        float: left;
        margin-right: 0%;
        margin-top: 0%;
        padding: 22px 10px;
    }
    .vista-d_r {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 0%;
        padding: 22px 10px;
    }
    .vista-d2_l {
        width: 100%;
        float: left;
        margin-right: 0%;
        margin-top: 0%;
    }
    .vista-d2_r {
        width: 100%;
        float: left;
        margin-right: 0%;
        margin-top: 0%;
    }
}
@media only screen and (max-width: 320px) {
    .vista-d_l {
        width: 100%;
        float: left;
        margin-right: 0%;
        margin-top: 0%;
        padding: 22px 10px;
    }
    .vista-d_r {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 0%;
        padding: 22px 10px;
    }
    .vista-d2_l {
        width: 100%;
        float: left;
        margin-right: 0%;
        margin-top: 0%;
    }
    .vista-d2_r {
        width: 100%;
        float: left;
        margin-right: 0%;
        margin-top: 0%;
    }
    .litewear-text p {
        line-height: 1.6em !important;
    }
}
/*-------------------------------Xtra Lite---------------------------------*/
.xtra-lite {
    background: #2d543c;
}
.xtra-lite_l {
    width: 49%;
    float: left;
    margin-right: 1%;
    margin-top: 0%;
    padding: 22px 30px;
}
.xtra-lite_r {
    width: 49%;
    float: left;
    margin-left: 1%;
    margin-top: 0%;
    padding: 22px 30px;
}
.xtra-lite2_l {
    width: 50%;
    float: left;
    margin-right: 0%;
    margin-top: 0%;
}
.xtra-header-font {
    font-size: 22px;
    color: #2d543c;
    font-weight: bold;
    border-bottom: 2px solid #2d543c;
}
.xtra-header2-font {
    font-size: 22px;
    color: #2d543c;
    font-weight: bold;
    border-bottom: 2px solid #2d543c;
    margin-bottom: 3%;
}
.xtra_3 {
    width: 29%;
    float: left;
    margin: 1% 0%;
    margin-right: 4%;
}
.xtra_3 h2 {
    color: #2d543c;
}
.xtra_n_l {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-top: 0%;
    padding: 0px 12px;
    background: none;
}
.xtra_l {
    width: 16%;
    float: left;
    margin-right: 1%;
    margin-top: 0%;
    padding: 0px 0px;
}
.vista-bg {
    background: #dddd;
}
.xtra_r {
    width: 83%;
    float: left;
    margin-left: 0%;
    margin-top: 0%;
    padding: 0px 0px;
}
.xtra_n_l ul {
    margin: 5% 1%;
}
.xtra_4 {
    width: 100%;
}
.xtra_4 h2 {
    color: #2d543c;
}
.xtra_4 ul {
    margin-left: -1em;
} 
/*-------------------------------Xtra Lite Responsive---------------------------------*/
@media only screen and (min-width: 1034) and (max-width: 1178px) {
    .xtra_l {
        padding: 97px 0px !important;
    }
    .xtra_4 ul {
        padding-bottom: 48px !important;
    }
}
@media only screen and (min-width: 321px) and (max-width: 710px) {
    .xtra-lite_l {
        width: 100%;
        float: left;
        margin-right: 0%;
        margin-top: 0%;
        padding: 22px 10px;
    }
    .xtra-lite_r {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 0%;
        padding: 22px 10px;
    }
    .xtra_3 {
        width: 100%;
        float: left;
        margin: 1% 0%;
        margin-right: 3%;
    }
    .xtra_n_l {
        width: 100%;
        float: left;
        margin-right: 0%;
        margin-top: 0%;
        padding: 0px 10px;
    }
    .xtra_r {
        padding: 0;
    }
}
@media only screen and (max-width: 768px) {
    .xtra_l {
        width: 100%;
        float: left;
        margin-right: 0;
        margin-top: 0%;
        padding: 0px;
    }
    .xtra_r {
        width: 100%;
        float: left;
    }
}
@media only screen and (max-width: 320px) {
    .xtra-lite_l {
        width: 100%;
        float: left;
        margin-right: 0%;
        margin-top: 0%;
        padding: 22px 10px;
    }
    .xtra-lite_r {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 0%;
        padding: 22px 10px;
    }
    .xtra_3 {
        width: 100%;
        float: left;
        margin: 1% 1%;
    }
    .xtra_n_l {
        width: 100%;
        float: left;
        margin-right: 0%;
        margin-top: 0%;
        padding: 22px 10px;
        background: #e6edea;
    }
} 
/*-------------------------------VISIO DIGITAL---------------------------------*/ 
.visio-d {
    background: #3a567b !important;
    margin-top:10px; 
}
.visio-d_l {
    width: 49%;
    float: left;
    margin-right: 1%;
    margin-top: 0%;
    padding: 0px 0px;
}
.visio-d_r {
    width: 49%;
    float: left;
    margin-left: 1%;
    margin-top: 0%;
    padding: 0px 0px;
}
.visio-d2_l {
    width: 50%;
    float: left;
    margin-right: 0%;
    margin-top: 0%;
}
.visio-d3_l {
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-top: 0%;
}
.visio-d2_r {
    width: 50%;
    float: left;
    margin-left: 0%;
    margin-top: 0%;
}
.bold-font {
    font-weight: bold;
}
.visio-d-header-font {
    font-size: 22px;
    color: #3a567b !important;
    font-weight: bold;
}
.visio-d {
    background: #f97f27;
}
.visio-d_l ul li {
    font-style: normal !important;
    padding: 6px 0;
}
.visio-d_r ul li {
    font-style: normal !important;
    padding: 6px 0;
}
.visio-d2_l ul li {
    font-style: normal !important;
    padding: 6px 0;
}
.visio-d2_r ul li {
    font-style: normal !important;
    padding: 6px 0;
}
.visio-d3_l ul li {
    font-style: normal !important;
    padding: 6px 0;
}
.visio-d_l h3 {
    font-size: 17px;
    border-bottom: 1px solid #3a567b !important;
    margin-top: 2%;
    color: #3a567b !important;
}
.visio-margin {
    margin-top: 1%;
    padding: 0 !important;
}
.visio-d_l ul {
    margin-left: -1em;
}
.visio-d_r ul {
    margin-left: -1em;
} 
/*-------------------------------VISIO DIGITAL RESPONSIVE---------------------------------*/
@media only screen and (min-width: 581px) and (max-width: 810px) {
    .visio-d_l {
        width: 100%;
        float: left;
        margin-right: 0%;
        margin-top: 1%;
        padding: 0;
    }
    .visio-d_r {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 0%;
        padding: 0;
    }
    .visio-d_l h3 {
        font-size: 14px;
        border-bottom: 1px solid #3a567b !important;
        margin-top: 8%;
        color: #3a567b !important;
        margin-bottom: 8%;
    }
    .visio-d {
        background: #3a567b !important;
        margin-top: 6%;
    }
}
@media only screen and (max-width: 580px) {
    .visio-d-header-font {} .visio-d_l {
        width: 100%;
        float: left;
        margin-right: 0%;
        margin-top: 1%;
        padding: 0;
        margin-bottom: 3%;
    }
    .visio-d_r {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 0%;
        padding: 0;
    }
    .visio-d2_l {
        width: 100%;
        float: left;
        margin-right: 0%;
        margin-top: 1%;
    }
    .visio-d2_r {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-top: 1%;
    }
    .visio-d_l h3 {
        font-size: 14px;
        border-bottom: 1px solid #3a567b !important;
        margin-top: 8%;
        color: #3a567b !important;
        margin-bottom: 8%;
    }
    .visio-d {
        background: #3a567b !important;
        margin-top: 6%;
    }
} 
.litewear-text p {
    font-size: 14px !important;
    line-height: 1em;
    margin-left:0px; 
} 
.active_section.clearfix {
    margin-bottom: 0%;
}
/*-------------------------------END OF CSS WORK 21.10.17---------------------------------*/
/*-------------------------------values and principles start---------------------------------*/
.bullet-width{
    width:3.5%;
}
.bullet-right{
    width: 96.5%
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
.bullet-width{
    width:4.5%;
}
.bullet-right{
    width: 95.5%}
}
@media only screen and (min-width: 880px) and (max-width: 1024px) {
.bullet-width{
    width:5.5%;
}
.bullet-right{
    width: 94.5%}
}
@media only screen and (min-width: 768px) and (max-width: 879px) {
.bullet-width{
    width:6.5%;
}
.bullet-right{
    width: 93.5%}
}
@media only screen and (min-width: 641px) and (max-width: 767px) {
.bullet-width{
    width:7.5%;
}
.bullet-right{
    width: 92.5%}
}
@media only screen and (min-width: 600px) and (max-width: 640px) {
.bullet-width{
    width:8.5%;
}
.bullet-right{
    width: 91.5%}
}
@media only screen and (min-width: 400px) and (max-width: 599px) {
.bullet-width{
    width:11%;
}
.bullet-right{
    width: 89%}
.marB50 {
    margin-bottom: 26px !important}
}
@media only screen and (max-width: 399px) {
.bullet-width{
    width:15%;
}
.bullet-right{
    width: 85%}
.marB50 {
    margin-bottom: 26px !important}
}
/*-------------------------------values and principles end---------------------------------*/
.follow-us{
    position: absolute;
    right: 85px;
    top: 49px;
    font-size: 12px;
}
.follow-us-inner{
    position: absolute;
    right: 85px;
    top: 31px;
    font-size: 12px;
}
@media only screen and (max-width:768px){
    .follow-us, .follow-us-inner{display: none;}
}
.blue_link{
    background-color: #3399cc;
    border:1px solid #3399cc;
    color:#fff;
    padding: 4px 8px
}

.blue_link:hover{
    background-color: #fff;
    border:1px solid #3399cc;
    color:#3399cc;
    text-decoration: none;
}
.career-form {
    width: 40%;
    margin-left: 0%;
    margin-right: 0%;
    float: left;
    margin-top: 2%;
    border: 1px solid #ddd;
    padding: 2% 4%;
}
.career-form ul li{
    list-style: none;
    margin-left:0;
}


@media only screen and (min-width:661px) and (max-width:1024px){
    .home iframe{
        height:286px;
    }
}
@media only screen and (min-width:769px) and (max-width:1024px){
    .brand-label{font-size: 12px}
}
@media only screen and (max-width:768px){
.home-menu{margin-left: 25px!important; border-bottom:none!important;}
.career-form{width: 100%}
}
@media only screen and (max-width:659px){
    div.tab button{
        font-size: 13px;
        padding: 8px
    }
    .blue_link{
        font-size: 11px;
        padding: 4px 2px}
}
.facebook-sec-tab-h, .facebook-sec-tab-v, .facebook-sec-ph-v{display:none;}
@media only screen and (min-width:769px) and (max-width:1024px){
    .facebook-sec-dp, .facebook-sec-tab-v, .facebook-sec-ph-v{display:none;}
    .facebook-sec-tab-h{display:block;}
    .facebook-sec{padding: 5% 7%}
}
@media only screen and (min-width:661px) and (max-width:768px){
    .facebook-sec-dp, .facebook-sec-tab-h, .facebook-sec-ph-v{display:none;}
    .fb-like{display:none!important}
    .facebook-sec-tab-v{display:block;}
    .facebook-sec{padding: 5% 6%}
}
@media only screen and (min-width:361px) and (max-width:660px){
    .facebook-sec-outer, .twitter-sec-outer{width: 100%; margin:2% 0;}
    .facebook-sec-tab-h, .facebook-sec-tab-v, .facebook-sec-ph-v{display:none;}
    .facebook-sec{padding: 5% 8%}
}
@media only screen and (max-width:360px){
    .facebook-sec-dp, .facebook-sec-tab-h, .facebook-sec-tab-v{display:none;}
    .facebook-sec-ph-v{display: block}
    .facebook-sec-outer, .twitter-sec-outer{width: 100%; margin:2% 0;}    
    .fb-like{display:none!important}   
    .facebook-sec{padding: 5% 6%}
}
@media only screen and (max-width:660px){
    .std .left-half, .std .right-half{width: 100%; margin: 0}
}
@media only screen and (min-width:769px) and (max-width:1024px){
    .media_links li{
        width: 100%;
    }
    .media_links li a{
        width: 92%;
        font-size: 13px
    }
}
@media only screen and (min-width:661px) and (max-width:768px){
    .media_links li{
        width: 100%;
    }
    .media_links li a{
        width: 91%;
        font-size: 11px;
        padding: 6px
    }
}
@media only screen and (max-width:660px){
    .media_links li{
        width: 100%;
    }
    .media_links li a{
        width: 83%;
        font-size: 10px;
        padding: 6px 3px;
        height: 60px;       
    }
    
}
@media only screen and (min-width:361px) and (max-width:660px){
    .calendar{
        margin-top: 14px
    }
     .media_links li a{       
        margin-bottom: 0
    }
}
@media only screen and (max-width:360px){
    .media_links li a{       
        margin-top: 0;
        padding: 3px;
        height: 54px
    }
    .map_contact iframe{width: 320px}
}
/*----------------------------------order online---------------------------------------*/
.order-online-new{
    position: absolute;
    right: 0;
    top: 75%;
}
@media only screen and (max-width: 770px) {
    .order-online-new{display: none}
}
.order-online-new-small{display:none;}
.order-online-new-med{display:none;}
@media only screen and (min-width: 771px) and (max-width: 1099px){
   
    .order-online-new-med{
    display:block!important;
    position: absolute;
    right: 0;
    top: 5px}
    .order-online-new{display:none;}
}
@media only screen and (min-width: 607px) and (max-width: 770px) {
.order-online-new-small{
    display:block!important;
    position: absolute;
    right: .5%;
    top: 114px}
}
@media only screen and (min-width: 460px) and (max-width: 606px) {
.order-online-new-small{
    display:block!important;
    position: absolute;
    right: .5%;
    top: 89px}
}
@media only screen and (max-width: 459px){
    .order-online-new-small{
    display:block!important;
    position: absolute;
    right: .5%;
    top: 79px}
}

/*----------------Order Online-----------------*/

.banner-bottom ul li a{}
.banner-bottom ul li{
    position: relative;
}
.banner-bottom ul li.hover-mnu ul{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 99%;
    z-index: 9999;
    border-top: 1px solid #5196b2;
}
.banner-bottom ul li.hover-mnu:hover ul{
    display: block;
}
.banner-bottom ul li.hover-mnu a:hover ul{
    display: block;
}
.banner-bottom ul li.hover-mnu ul li{
    display: block;
    width: 100%;
}
.banner-bottom ul li.hover-mnu ul li a{
    padding: 5px;
    display: block;
    background-color: #0280b2;
    color: #fff;
    height: auto;
    border-left: 1px solid #5196b2;
}
.banner-bottom ul li.hover-mnu ul li a:hover{
    color: #0280b2;
    background-color: #fff;
}

.banner-bottom ul li.hover-mnu a.for-tab-mobile{
    display: none;
}
.banner-bottom ul li.hover-mnu a.for-desktop{
    display: block;
}

@media only screen and (max-width: 1024px){
    .banner-bottom ul li.hover-mnu a.for-desktop{
        display: none;
    }
    .banner-bottom ul li.hover-mnu a.for-tab-mobile{
        display: block;
    }
}

@media only screen and (max-width: 1099px) and (min-width: 771px){
    #nav {
        float: left;
    }
    #header-nav{position: relative;}
}

@media only screen and (max-width: 1023px) and (min-width: 771px){
    .nav-primary a.level0 {
        padding: 0 7px; font-size: 0.8em;
    }
}


/* ********** 19-02-2021 *********** */

.contact input.phn_txt{display: inline-block; width: auto !important; max-width: inherit; border: 0; box-shadow: none; font-size: 16px; margin-top: -5px; color: #636363; padding: 0; }
.contact input.phn_txt:focus{outline: 0;}

/* ********** 19-02-2021 *********** */






/* ********** 19-03-2021 New Design *********** */

/*font-family: 'Montserrat', sans-serif;*/

body.cms-home .main-container.new_layout_col{padding-top: 15px;}

.wrapper.new_layout{font-family: 'Montserrat', sans-serif; font-weight: 300;}
.new_layout_col{padding-bottom: 0;}
.new_layout_col .col-wrapper{width: 100%;}
.new_layout_col .col-wrapper .col-main.new_home_layout{width: 100%; padding: 0;}

.pos-rel{position: relative;}

.l-50{float: left; width: 50%;}
.r-50{float: left; width: 50%;}
.r-l-50{float: left; width: 50%;}
.r-r-50{float: left; width: 50%;}

.l-25{float: left; width: 30%;}
.r-75{float: left; width: 70%;}

.new_btn{display: inline-block; padding: 0px 5px; border-radius: 4px; text-decoration: none; font-size: 12px;}

.animation_btn, .animation_btn:hover{-webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in;  transition: all 0.4s ease-in;}

.new-about-us {position: absolute; left: 0; top: 0; padding: 40px 20px; max-width: 230px;}
.new-about-us *{position: relative; z-index: 2; color: #fff;  font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 300;}
.new-about-us h6{display: inline-block; border-bottom: solid 1px #ddd; padding-bottom: 5px; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 18px; text-transform: capitalize;}
.after-bg:after{position: absolute; left: 0; top: 0; content: ""; width: 100%; max-width: 230px; height: 100%; z-index: 1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.80) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.new-about-us .new_btn{background: #fff; color: #000; font-size: 14px; font-weight: 400;}
.new-about-us .new_btn:hover{text-decoration: none; color: #fff; background: #000;}

.new-brand-media{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center;}
.new-brand-media h3{font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 500; margin-bottom: 5px; color: #4c4d4f;}
.new-brand-media a{background: #fbfbfb; border: solid 1px #000; color: #000; font-weight: 400;}
.new-brand-media a:hover{background: #000; color: #eee; text-decoration: none;}

.w-map{margin-top: 5px; display: table; height: 100%;}
.w-map .l-25{padding: 0px 20px 0 25px; background: url(../images/new-map-bg.jpg) no-repeat; background-size: cover; display: table-cell; float: none; height: 100%; vertical-align: bottom;}
.w-map .r-75{ display: table-cell; float: none; height: 100%;}
.w-map h5{color: #4c4d4f; font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight: 500; line-height: 40px}
.w-map p{color: #4c4d4f; padding-left: 2px; font-weight: 600; line-height: 18px; font-size: 16px; margin-bottom: 4px; font-family: 'Montserrat', sans-serif;}
.w-map span{color: #4c4d4f; font-size: 100px; font-weight: bold; line-height: 70px; font-family: 'Montserrat', sans-serif; /*display: block;*/}
.w-map table{margin-bottom: 50px; margin-top: 40px;}
.w-map table td:first-child{width: 30px;}
.w-map table td{vertical-align: bottom;}

.new-round{margin-top: 12px; text-align: center;}
.new-round ul{list-style: none; margin: 0; padding: 0;}
.new-round ul li{/*display: inline-block; width: 32%;*/ margin: 0; padding: 10px 20px 5px 20px; font-style: inherit !important;}
.new-round ul li p{font-weight: 600; line-height: 18px; font-size: 18px; font-family: 'Montserrat', sans-serif;}
.new-round ul li p:nth-child(2){margin-bottom: 10px;}
.new-round ul li img{max-width: 150px !important; width: 100%; margin: 0 auto;}
.new-round ul li span{font-size: 52px; font-weight: 700; display: block; line-height: 42px; color: #4c4d4f; font-family: 'Montserrat', sans-serif;}

.expe-cap{background: #eee; /*width: 100%;*/ text-align: center; padding: 30px;}
.expe-cap img{max-width: 200px !important; width: 100%; margin: 15px auto;}
.std .expe-cap p{color: #22262b; font-weight: 500; font-family: 'Montserrat', sans-serif; font-size: 20px; line-height: 28px;}

.cms-home .new_home_layout h2{font-size: 40px; text-align: center; margin: 0 auto 15px auto; color: #4c4d4f; font-weight: 500; font-family: 'Montserrat', sans-serif;}
.cms-home .new_home_layout h2 span{font-weight: 200; font-family: 'Montserrat', sans-serif;}

.social-footer {text-align: center; font-size: 18px; color: #444; margin-bottom: 10px; font-family: 'Montserrat', sans-serif;}
.social-footer p{font-size: 22px; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #000;}
.social-footer a {display: inline-block; max-width: 40px; margin: 2px 3px;}
.social-footer a img{border: solid 1px #444; border-radius: 100%;}

.new_layout .footer-outer{border-top-color: #fff; margin-top: 10px;}

a.logo img{max-width: 155px; width: 100%;}
div.top-head-left-new{left: 0; right: inherit;}
a.new-order-online-btn{position: absolute; right: 0; top: 0; max-width: 170px;}
.page-header-container{border-bottom: 1px solid #cdcdcd; padding-bottom: 5px;}

.cms-home #header{margin-bottom: 6px;}

/*.event-promotions{display: table; height: 100%; margin-top: 5px;}
.event-promotions .l-75{width: 75%; display: table-cell; height: 100%; }
.event-promotions .r-25{width: 25%; display: table-cell; height: 100%; background: url(../images/new_event_img_bg.jpg) left top; background-size: cover; padding: 30px;}
.event-promotions .r-25>div{position: absolute; left: 30px; right: 30px; top: 50%; transform: translate(0, -50%);}
.event-promotions a{background: #fbfbfb; border: solid 1px #000; color: #000; font-weight: 400; font-size: 13px;}
.event-promotions a:hover{background: #000; color: #eee; text-decoration: none;}
.event-promotions h3{font-size: 30px; font-weight: 600; margin-bottom: 2px; word-break: break-word;}*/

.top-head-left-new p a{font-family: 'Montserrat', sans-serif; font-weight: 300; color: #4f5762; border-right: solid 1px #4f5762;}
.top-head-left-new p a.active{font-weight: 500;}

.nav-primary li.level0 > a{font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 18px; color: #4f5762;}

#header .page-header-container{padding-bottom: 0;}


/* The Video Modal (background) */
.modal.VideoModal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.VideoModal .modal-content {background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 900px; position: relative;}
.VideoModal .close {color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; position: absolute; right: 5px; top: -8px;}
.VideoModal .close:hover,
.VideoModal .close:focus {color: #000; text-decoration: none; cursor: pointer;}



/***************** Responsive New Layout Start *****************/


@media only screen and (max-width: 1400px) and (min-width: 1260px){
    .main-container, .footer-container{max-width: 1260px; width: 100%;}
}


@media only screen and (max-width: 1340px) and (min-width: 1200px){
    .w-map .l-25{padding-top: 30px;}
}

@media only screen and (min-width: 1200px){
    
}

@media only screen and (max-width: 1199px){
   .w-map .l-25{padding-top: 10px; font-size: 30px;} 
   .VideoModal .modal-content {}
}

@media only screen and (max-width: 1199px) and (min-width: 992px){
    .w-map span{font-size: 60px; line-height: 80px;}
    .w-map p{font-size: 14px;}
    .w-map h5{font-size: 20px;}
    div.w-map .l-25{padding-top: 80px;}
    .event-promotions h3{font-size: 22px;}
}

@media only screen and (max-width: 991px) and (min-width: 768px){
    .l-50{width: 100%}
    .r-50{width: 100%}
    .l-30{width: 100%;}
    .r-70{width: 100%;}
    .expe-cap .l-50{width: 50%;}
    .expe-cap .r-50{width: 50%;}
    .w-map span{font-size: 60px; line-height: 80px;}
    .w-map p{font-size: 14px;}
    .w-map h5{font-size: 20px;}
    .event-promotions h3{font-size: 24px;}
    .event-promotions .r-25{width: 35%;}
    .event-promotions .l-75{width: 65%;}

}

@media only screen and (min-width: 771px){
    .nav-primary li.level0 > a{}
    .nav-primary li.level0 > a:after{content: ""; border-right: solid 1px #444; position: absolute; right: -3px; width: 1px; height: 14px; top: 50%; transform: translate(0px, -50%);}
    .nav-primary li.level0:last-child > a:after{display: none;}
    a.logo{margin: 15px auto; max-width: 155px; width: 100%; min-height: auto; padding: 2px;} 
    nav#nav{float: none;}

}

@media only screen and (max-width: 770px){
    a.logo{display: inline-block; margin: 35px auto 0; padding: 0;}
    .logo-sec{text-align: center;}
    .skip-link.skip-nav:last-child{display: block;}
}

@media only screen and (min-width: 768px){
    
}

@media only screen and (max-width: 767px){
    .l-50{width: 100%}
    .r-50{width: 100%}    
    .l-30{width: 100%;}
    .r-70{width: 100%;}
    .new-round ul li{width: 90%; margin: 1px auto;}
    .w-map .l-25{width: 100%}
    .w-map .r-75{width: 100%}
    .w-map span{font-size: 60px; line-height: 75px;}
    .w-map p{font-size: 14px;}
    .w-map h5{font-size: 20px; margin-bottom: 0;}
    .new_home_layout h2{font-size: 25px;}
    .event-promotions{display: block;}
    .event-promotions .r-25{width: 100%; display: block;}
    .event-promotions .l-75{width: 100%; display: block;}
    .event-promotions .r-25>div{position: inherit; transform: inherit; left: auto; right: auto; top: auto;}
    
}

@media only screen and (max-width: 575px){
    .r-l-50{width: 100%;}
    .r-r-50{width: 100%;}
    .new-round ul li p{text-align: center !important;}
    .expe-cap p{text-align: center !important;}
    a.new-order-online-btn{max-width: 125px;}
    .w-map h5{font-size: 18px;}
    .VideoModal .modal-content{width: 95%; padding: 20px 5px;}
    .new-about-us *{font-size: 14px;}
    
}


/***************** Responsive New Layout End *****************/





/* ********** 19-03-2021 New Design *********** */

.clearfix:before,
.clearfix:after{
  display: table;
  content: " ";
}
.clearfix:after{
  clear: both;
}