@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600|Open+Sans:300,400,500,600&display=swap");
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%;/* 2 */ }
/**
 * Remove default margin.
 */
body { margin: 0; }
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline;/* 2 */ }
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) { display: none; height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden], template {
 display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a { background-color: transparent; }
/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover { outline: 0; }
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] { border-bottom: 1px dotted; }
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b, strong { font-weight: bold; }
/**
 * Address styling not present in Safari and Chrome.
 */
dfn { font-style: italic; }
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 { font-size: 2em; margin: 0.67em 0; }
/**
 * Address styling not present in IE 8/9.
 */
mark { background: #ff0; color: #000; }
/**
 * Address inconsistent and variable font size in all browsers.
 */
small { font-size: 80%; }
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img { border: 0; }
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) { overflow: hidden; }
img.responsive { width: 100%; max-width: 100%; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; }
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure { margin: 1em 40px; }
/**
 * Address differences between Firefox and other browsers.
 */
hr { box-sizing: content-box; height: 0; }
/**
 * Contain overflow in all browsers.
 */
pre { overflow: auto; }
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0;/* 3 */ }
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button { overflow: visible; }
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select { text-transform: none; }
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
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], html input[disabled] { cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input { line-height: normal; }
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0;/* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box;/* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend { border: 0; /* 1 */ padding: 0;/* 2 */ }
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea { overflow: auto; }
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup { font-weight: bold; }
.clearfix { clear: both }
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
 @keyframes fadeinout { 50% {
 opacity: 1;
}
 100% {
 opacity: 0;
 display: none;
}
}
.has-tooltip { position: relative; overflow: visible; }
.has-tooltip:hover .tooltip, .has-tooltip:focus .tooltip { visibility: visible; opacity: 1; transform: translate(-50%, 0); transition: visibility 0s linear 0s, opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s; }
.tooltip { font-family: 'Open Sans', sans-serif; text-align: center; font-size: 14px; min-width: 10em; padding-top: 10px; box-shadow: 0 0.05em 0.15em rgba(0, 0, 0, 0.1); }
.tooltip-with-border { box-sizing: border-box; position: absolute; left: 50%; bottom: 100%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); font-size: 14px; font-weight: 300; width: 204px; height: 69px; border-radius: 5px; margin-bottom: 0.75em; background-color: white; text-align: center; visibility: hidden; opacity: 0; transform: translate(-50%, 0.75em); transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s; pointer-events: none; border: 0.05em solid #999; color: #333; }
.tooltip-with-border::after { content: ""; position: absolute; top: 100%; left: 50%; width: 0; height: 0; border-top: 0.7em solid white; border-left: 0.7em solid transparent; border-right: 0.7em solid transparent; margin-left: -0.7em; }
.tooltip-with-border::before { content: ""; position: absolute; top: 100%; left: 50%; width: 0; height: 0; border-top: 0.75em solid #999; border-left: 0.75em solid transparent; border-right: 0.75em solid transparent; margin-left: -0.75em; }
.tooltip-without-border { box-sizing: border-box; position: absolute; left: 50%; bottom: 100%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); font-size: 14px; font-weight: 300; width: 204px; height: 69px; border-radius: 5px; margin-bottom: 0.5em; background-color: #ffffff; text-align: center; visibility: hidden; opacity: 0; transform: translate(-50%, 0.5em); transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s; pointer-events: none; border: 0 solid transparent; color: #000000; }
.tooltip-without-border::after { content: ""; position: absolute; top: 100%; left: 50%; width: 0; height: 0; border-top: 0.5em solid #ffffff; border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; margin-left: -0.5em; }
.tooltip-without-border::before { content: ""; position: absolute; top: 100%; left: 50%; width: 0; height: 0; border-top: 0.5em solid transparent; border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; margin-left: -0.5em; }
@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot"); src: url("../fonts/icomoon.eot") format("embedded-opentype"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.icon-login-settings:before { content: "\e948"; }
.icon-address-book:before { content: "\e949"; }
.icon-noun-556864-cc:before { content: "\e94a"; }
.icon-group:before { content: "\e947"; }
.icon-sketchup:before { content: "\e92d"; }
.icon-star:before { content: "\e900"; }
.icon-store:before { content: "\e901"; }
.icon-tick:before { content: "\e902"; }
.icon-visit:before { content: "\e903"; }
.icon-warning:before { content: "\e904"; }
.shortlisted .icon-shortlist:before { content: "\e905"; }
.icon-shortlist:before { content: "\e906"; }
.icon-sm_facebook:before { content: "\e907"; }
.icon-sm_houzz:before { content: "\e908"; }
.icon-sm_instagram:before { content: "\e909"; }
.icon-sm_pinterest:before { content: "\e90a"; }
.icon-sm_twitter:before { content: "\e90b"; }
.icon-sm_youtube:before { content: "\e94b"; }
.icon-refresh:before { content: "\e90c"; }
.icon-remove:before { content: "\e90d"; }
.icon-request_copy:before { content: "\e90e"; }
.icon-sample:before { content: "\e90f"; }
.icon-schedule:before { content: "\e910"; }
.icon-search:before { content: "\e911"; }
.icon-see_tile:before { content: "\e912"; }
.icon-selected_white:before { content: "\e913"; }
.icon-selected:before { content: "\e914"; }
.icon-share:before { content: "\e915"; }
.icon-shortlist_added:before { content: "\e916"; }
.icon-know_more:before { content: "\e917"; }
.icon-link:before { content: "\e918"; }
.icon-location:before { content: "\e919"; }
.icon-logout:before { content: "\e91a"; }
.icon-maximize:before { content: "\e91b"; }
.icon-menu:before { content: "\e91c"; }
.icon-minimize:before { content: "\e91d"; }
.icon-order:before { content: "\e91e"; }
.icon-download:before { content: "\e91f"; }
.icon-edit:before { content: "\e920"; }
.icon-enlarge:before { content: "\e921"; }
.icon-help:before { content: "\e922"; }
.icon-houzz:before { content: "\e923"; }
.icon-info:before { content: "\e924"; }
.icon-close:before { content: "\e925"; }
.icon-compare_selected:before { content: "\e926"; }
.icon-compare:before { content: "\e927"; }
.icon-delete:before { content: "\e928"; }
.icon-delivery:before { content: "\e929"; }
.icon-download_dark:before { content: "\e92a"; }
.icon-close_large_light:before { content: "\e92b"; }
.icon-chevron_right_light:before { content: "\e92e"; }
.icon-chevron_s_down_white:before { content: "\e92f"; }
.icon-chevron_s_left_dark:before { content: "\e930"; }
.icon-chevron_s_left_disabled:before { content: "\e931"; }
.icon-chevron_s_right_dark:before { content: "\e932"; }
.icon-chevron_s_right_disabled:before { content: "\e933"; }
.icon-chevron_up:before { content: "\e934"; }
.icon-checkbox_selected:before { content: "\e935"; }
.icon-checkbox:before { content: "\e936"; }
.icon-chevron_down:before { content: "\e937"; }
.icon-chevron_left_dark:before { content: "\e938"; }
.icon-chevron_left_light:before { content: "\e939"; }
.icon-chevron_right_dark:before { content: "\e93a"; }
.icon-default:before { content: "\e93b"; }
.icon-selected2:before { content: "\e93c"; }
.icon-cart:before { content: "\e93d"; }
.icon-chat:before { content: "\e93e"; }
.icon-add:before { content: "\e93f"; }
.icon-alert:before { content: "\e940"; }
.icon-calculator:before { content: "\e941"; }
.icon-call:before { content: "\e942"; }
.icon-cancel_white:before { content: "\e943"; }
.icon-cancel:before { content: "\e944"; }
.icon-account:before { content: "\e945"; }
.icon-d_tile:before { content: "\e946"; }
input:focus, textarea, select { outline: none !important; }
body { font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 28px; text-align: left; color: #000000; background: #f5f5f5; }
@media (min-width: 1200px) and (max-width: 1400px) {
body { font-size: 16px; }
}
@media screen and (max-width: 1200px) {
body { font-size: 16px; }
}
@media screen and (max-width: 1024px) {
body { font-size: 16px; }
}
@media screen and (max-width: 767px) {
body { font-size: 16px; }
}
h1, h2, h3, h4, h5, h6 { color: #000000; letter-spacing: -1px; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #000000; }
p { font-weight: 300; font-size: 16px; }
@media (min-width: 1200px) and (max-width: 1400px) {
p { font-size: 14px; }
}
@media screen and (max-width: 1024px) {
p { font-size: 14px; }
}
@media screen and (max-width: 767px) {
p { font-size: 14px; line-height:22px }
}
h1 { font-family: 'Montserrat', sans-serif; font-size: 64px; font-weight: 500; text-transform: capitalize; }
@media (min-width: 1200px) and (max-width: 1400px) {
h1 { font-size: 56px; }
}
@media screen and (max-width: 1200px) {
h1 { font-size: 56px; }
}
@media screen and (max-width: 1024px) {
h1 { font-size: 48px; }
}
@media screen and (max-width: 767px) {
h1 { font-size: 32px; }
}
h2 { font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: 500; }
@media (min-width: 1200px) and (max-width: 1400px) {
h2 { font-size: 36px; }
}
@media screen and (max-width: 1200px) {
h2 { font-size: 36px; }
}
@media screen and (max-width: 1024px) {
h2 { font-size: 30px; }
}
@media screen and (max-width: 767px) {
h2 { font-size: 25px; }
}
h3 { font-family: 'Montserrat', sans-serif; font-size: 32px; font-weight: 500; }
@media (min-width: 1200px) and (max-width: 1400px) {
h3 { font-size: 28px; }
}
@media screen and (max-width: 1200px) {
h3 { font-size: 28px; }
}
@media screen and (max-width: 1024px) {
h3 { font-size: 26px; }
}
@media screen and (max-width: 767px) {
h3 { font-size: 22px; }
}
h4 { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 500; line-height: 1.42; letter-spacing: 0.5px; }
@media (min-width: 1200px) and (max-width: 1400px) {
h4 { font-size: 22px; }
}
@media screen and (max-width: 1200px) {
h4 { font-size: 22px; }
}
@media screen and (max-width: 1024px) {
h4 { font-size: 20px; }
}
@media screen and (max-width: 767px) {
h4 { font-size: 20px; }
}
h5 { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; }
@media (min-width: 1200px) and (max-width: 1400px) {
h5 { font-size: 14px; }
}
@media screen and (max-width: 1200px) {
h5 { font-size: 14px; }
}
@media screen and (max-width: 1024px) {
h5 { font-size: 14px; }
}
@media screen and (max-width: 767px) {
h5 { font-size: 14px; }
}
h6 { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600; }
@media (min-width: 1200px) and (max-width: 1400px) {
h6 { font-size: 16px; }
}
@media screen and (max-width: 1200px) {
h6 { font-size: 16px; }
}
@media screen and (max-width: 1024px) {
h6 { font-size: 16px; }
}
@media screen and (max-width: 767px) {
h6 { font-size: 16px; }
}
.btn { border-radius: 0; }
.button-format, .desk-primary-btn-white, .desk-primary-btn-black { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600; letter-spacing: 1px; text-align: left; text-transform: uppercase; }
.desk-primary-btn-white { width: 330px; height: 50px; border: 1px solid #000000; color: #000000; padding: 11px 16px; margin: 20px 0; display: block; }
.desk-primary-btn-white:hover { border-color: rgba(0, 0, 0, 0.76); }
.desk-primary-btn-white:after { font-family: 'icomoon'; content: "\e930"; padding-left: 5px; position: relative; font-size: 24px; margin-top: -2px; float: right; }
.desk-primary-btn-black { width: 330px; height: 50px; display: block; background: #000000; border: 1px solid #000000; color: #ffffff; padding: 11px 16px; margin: 20px 0; -webkit-transition: 0.3s all ease; transition: 0.3s ease all; }
.desk-primary-btn-black:after { font-family: 'icomoon'; content: "\e930"; padding-left: 5px; position: relative; font-size: 24px; margin-top: -2px; float: right; }
.desk-primary-btn-black:hover { color: #fff; background: rgba(0, 0, 0, 0.76); }
.desk-primary-btn-black:focus { color: #fff; }
.secondary-btn { border-radius: 0px; font-size: 18px; font-weight: 600; text-align: center; padding: 18px 40px; }
.secondary-btn.secondary-black { color: #ffffff; background-color: #000000; }
.secondary-btn.secondary-white { color: #000000; background-color: #f5f5f5; border: solid 1px #000000; }
.btn-wrapper { margin-top: 30px; margin-bottom: 30px; text-align: center; }
.nt-filter { font-size: 16px; font-weight: 600; line-height: 1.5; text-align: center; color: #000000; width: 120px; height: 40px; background-color: #f5f5f5; padding: 8px; border-radius: 0px; border: solid 1px #000000; pointer-events: none; }
.takeQuiz { font-size: 16px; font-weight: 600; line-height: 1.5; text-align: center; color: #ffffff; width: 155px; height: 40px; border: solid 1px #ffffff; border-radius: 0px; pointer-events: none; }
.nt-compare .compare-img { float: left; }
.nt-compare .compare-img img { width: 24px; height: 24px; }
.nt-compare h4 { font-size: 14px; letter-spacing: 0.5px; text-align: left; text-transform: uppercase; color: rgba(0, 0, 0, 0.76); width: 80px; height: 24px; margin-top: 4px; margin-left: 8px; float: left; }
.nt-herringbone h3 { width: 129px; height: 36px; background-color: #ffffff; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; text-align: left; color: rgba(0, 0, 0, 0.55); padding-left: 6px; padding-top: 11px; }
.ribbon:after { content: ""; float: left; border: 11px solid #000000; border-right-color: transparent; }
.ribbon span { background: #000000; line-height: 22px; float: left; width: 76px; text-align: right; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; color: #ffffff; }
.button-black { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600; text-align: center; color: #000000; }
.Button-3 { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; text-align: center; color: #000000; }
.Button-4 { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; text-align: left; color: #000000; }
.caption { font-family: 'Open Sans', sans-serif; font-size: 14px; text-align: left; color: #000000; text-transform: uppercase; }
.gform_wrapper div.validation_error { color: #ff6969 !important; display: none; }
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea { border: 1px solid #ff6969 !important; }
.gform_wrapper .validation_message { color: #ff6969 !important; font-size: 14px !important; font-weight: normal !important; font-family: 'Open Sans', sans-serif !important; }
.gfield_checkbox input { position: absolute; opacity: 0; cursor: pointer; }
.gfield_checkbox input:checked ~ .checkmark { background-color: rgba(0, 0, 0, 0.76); }
.gfield_checkbox .checkmark { position: absolute; top: 6px; left: 0; height: 18px; width: 18px; background-color: #ffffff; border: 1px solid #858585; }
.gfield_checkbox .checkmark:after { content: ""; position: absolute; display: none; }
.gfield_checkbox .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.gfield_checkbox input:checked ~ .checkmark:after { display: block; }
.gfield_checkbox label { font-size: 18px !important; color: #000000 !important; font-weight: normal !important; line-height: 1.56 !important; padding: 0 0 0 28px !important; }
 @media only screen and (min-width: 1200px) and (max-width: 1430px) {
.desk-primary-btn-black { height: 45px; padding: 7px 16px; }
.desk-primary-btn-white { height: 45px; padding: 7px 16px; line-height: 29px; margin-top: 0px; }
.product-banner .product-details .group-variation .vari-tiles { font-size: 14px; }
}
.filter-popup { overflow: hidden !important; z-index: 9999; }
.filter-popup .modal-dialog { width: 100%; height: 100%; margin-bottom: 0; }
@media screen and (max-width: 767px) {
.filter-popup .modal-dialog { margin: 0; }
}
.filter-popup .modal-dialog .modal-content { height: 100%; background: #f5f5f5; }
.filter-popup .modal-dialog .modal-content .modal-body { height: 100%; overflow-y: scroll; background: #f5f5f5; padding-bottom: 60px; }
@media screen and (max-width: 1024px) {
.filter-popup .modal-dialog .modal-content .modal-body { padding: 0 0 60px 0; }
}
.filter-popup .modal-dialog .modal-content .modal-body .filter-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 55px; }
@media screen and (max-width: 1024px) {
.filter-popup .modal-dialog .modal-content .modal-body .filter-header { margin: 24px 0 48px; }
}
@media screen and (max-width: 767px) {
.filter-popup .modal-dialog .modal-content .modal-body .filter-header { margin: 15px 0 40px; }
}
.filter-popup .modal-dialog .modal-content .modal-body .filter-header .filter-reset { font-size: 14px; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); background: transparent; border: 0; outline: 0; }
@media screen and (max-width: 1024px) {
.filter-popup .modal-dialog .modal-content .modal-body .filter-header .filter-reset { padding: 0; }
}
.filter-popup .modal-dialog .modal-content .modal-body .filter-header .filter-reset span { font-size: 24px; margin-right: 8px; vertical-align: middle; }
.filter-popup .modal-dialog .modal-content .modal-body .filter-header .filter-reset .reset-text { display: inline-block; }
@media screen and (max-width: 767px) {
.filter-popup .modal-dialog .modal-content .modal-body .filter-header .filter-reset .reset-text { display: none; }
}
.filter-popup .modal-dialog .modal-content .modal-body .filter-header h3 { line-height: normal; letter-spacing: normal; color: rgba(0, 0, 0, 0.8); margin: 0; }
@media screen and (max-width: 1024px) {
.filter-popup .modal-dialog .modal-content .modal-body .filter-header h3 { font-size: 28px; }
}
@media screen and (max-width: 767px) {
.filter-popup .modal-dialog .modal-content .modal-body .filter-header h3 { font-size: 22px; }
}
@media screen and (max-width: 1024px) {
.filter-popup .modal-dialog .modal-content .modal-body .filter-header .form-close { width: 132px; text-align: right; }
}
@media screen and (max-width: 767px) {
.filter-popup .modal-dialog .modal-content .modal-body .filter-header .form-close { width: auto; }
}
.filter-popup .modal-dialog .modal-content .modal-body .filter-header .form-close .popup-close { font-size: 24px; }
@media screen and (max-width: 1024px) {
.filter-popup .modal-dialog .modal-content .modal-body .filter-header .form-close .popup-close { font-size: 44px; }
}
@media screen and (max-width: 767px) {
.filter-popup .modal-dialog .modal-content .modal-body .filter-header .form-close .popup-close { font-size: 24px; color: rgba(0, 0, 0, 0.85); }
}
.filter-popup .modal-dialog .modal-content .modal-body h5 { line-height: normal; letter-spacing: normal; margin: 0 0 24px; }
@media screen and (max-width: 767px) {
.filter-popup .modal-dialog .modal-content .modal-body h5 { font-size: 16px; font-weight: 600; line-height: 1.56; margin: 0; }
}
.filter-popup .modal-dialog .modal-content .modal-body h5 span { display: none; }
@media screen and (max-width: 767px) {
.filter-popup .modal-dialog .modal-content .modal-body h5 span { display: block; font-size: 24px; vertical-align: middle; float: right; }
}
.filter-popup .modal-dialog .modal-content .modal-body .filter-block { padding-right: 2px; overflow-y: scroll; }
.filter-popup .modal-dialog .modal-content .modal-body .filter-block .filter-wrapper { margin-bottom: 19px; }
@media screen and (max-width: 1024px) {
.filter-popup .modal-dialog .modal-content .modal-body .filter-block .filter-wrapper { margin-bottom: 18px; }
}
@media screen and (max-width: 767px) {
.filter-popup .modal-dialog .modal-content .modal-body .filter-block .filter-wrapper { margin-bottom: 16px; }
}
.filter-popup .modal-dialog .modal-content .modal-body .filter-block .filter-wrapper .filter-label { cursor: pointer; margin-bottom: 0; }
.filter-popup .modal-dialog .modal-content .modal-body .filter-block .filter-wrapper .filter-label .filter-text { font-size: 16px; font-weight: normal; vertical-align: text-bottom; display: inline-block; width: 60px; }
@media screen and (max-width: 1024px) {
.filter-popup .modal-dialog .modal-content .modal-body .filter-block .filter-wrapper .filter-label .filter-text { font-size: 14px; }
}
.filter-popup .modal-dialog .modal-content .modal-body .filter-block .filter-wrapper .filter-label input { position: absolute; opacity: 0; height: 0; width: 0; }
.filter-popup .modal-dialog .modal-content .modal-body .filter-block .filter-wrapper .filter-label input:checked ~ .checkmark { background-color: #3a3a3a; }
.filter-popup .modal-dialog .modal-content .modal-body .filter-block .filter-wrapper .filter-label input:checked ~ .checkmark:after { display: block; }
.filter-popup .modal-dialog .modal-content .modal-body .filter-block .filter-wrapper .filter-label .checkmark { height: 18px; width: 18px; display: inline-block; position: relative; background: transparent; border: 1px solid #b3b3b3; margin-right: 16px; margin-top: 5px; }
.filter-popup .modal-dialog .modal-content .modal-body .filter-block .filter-wrapper .filter-label .checkmark::after { content: ""; position: absolute; display: none; left: 5px; width: 6px; height: 13px; border: solid #ffffff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (max-width: 767px) {
.filter-popup .modal-dialog .modal-content .modal-body .filter-block .filter-wrapper .filter-label .checkmark::after { left: 7px; top: 2px; }
}
@media screen and (max-width: 767px) {
.filter-popup .modal-dialog .modal-content .modal-body .filter-block .filter-wrapper .filter-label .checkmark { margin-right: 23px; height: 23px; width: 23px; }
}
.filter-popup .modal-dialog .modal-content .modal-body .filter-block::-webkit-scrollbar {
 width: 4px;
 height: 70px;
}
.filter-popup .modal-dialog .modal-content .modal-body .filter-block::-webkit-scrollbar-thumb {
 border-radius: 4px;
 background: rgba(0, 0, 0, 0.16);
}
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper { height: 520px; overflow: hidden; }
@media screen and (max-width: 1024px) {
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper { height: 230px; }
}
@media screen and (max-width: 767px) {
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper { height: auto; margin-bottom: 0; border-top: 1px solid rgba(0, 0, 0, 0.17); padding-top: 14px; }
}
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block { height: 490px; }
@media screen and (max-width: 1024px) {
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block { height: 200px; }
}
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades { display: inline-block; float: right; margin-top: 4px; }
 @media (max-width: 1170px) {
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades { float: none; margin-left: 28px; }
}
@media screen and (max-width: 1024px) {
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades { margin-left: 35px; }
}
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades { width: 18px; height: 18px; float: left; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.white1 { background: #ffffff; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.white2 { background: #fffde0; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.white3 { background: #e5ecf2; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.red1 { background: #e67676; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.red2 { background: #d83d3d; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.red3 { background: #a92a2a; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.beige1 { background: #ebe7da; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.beige2 { background: #dfdbcc; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.beige3 { background: #c7c0a7; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.brown1 { background: #a96767; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.brown2 { background: #774040; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.brown3 { background: #5f2626; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.grey1 { background: #b3b3b3; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.grey2 { background: #7f7f7f; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.grey3 { background: #625c5c; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.black1 { background: #656565; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.black2 { background: #474141; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.black3 { background: #2a2a2a; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.green1 { background: #87987a; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.green2 { background: #637755; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.green3 { background: #45632f; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.yellow1 { background: #f1e09b; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.yellow2 { background: #ecd579; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.yellow3 { background: #d7b52c; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.blue1 { background: #94a4f1; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.blue2 { background: #6272c1; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.blue3 { background: #3d4c96; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.purple1 { background: #ba8dcb; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.purple2 { background: #5e346e; }
.filter-popup .modal-dialog .modal-content .modal-body .color-filter-wrapper .filter-block .color-shades .shades.purple3 { background: #3b1848; }
.filter-popup .modal-dialog .modal-content .modal-body .tile-filter-wrapper { height: 265px; overflow: hidden; margin-bottom: 27px; }
@media screen and (max-width: 1024px) {
.filter-popup .modal-dialog .modal-content .modal-body .tile-filter-wrapper { height: 230px; }
}
@media screen and (max-width: 767px) {
.filter-popup .modal-dialog .modal-content .modal-body .tile-filter-wrapper { height: auto; border-top: 1px solid rgba(0, 0, 0, 0.17); padding-top: 14px; margin-bottom: 0; }
}
.filter-popup .modal-dialog .modal-content .modal-body .tile-filter-wrapper .filter-block { height: 200px; }
.filter-popup .modal-dialog .modal-content .modal-body .tile-filter-wrapper .filter-block .filter-wrapper .filter-label { display: flex; }
.filter-popup .modal-dialog .modal-content .modal-body .tile-filter-wrapper .filter-block .filter-wrapper .filter-label .filter-text { width: 80%; }
@media screen and (max-width: 767px) {
.filter-popup .modal-dialog .modal-content .modal-body .nt-tile-filter { padding-bottom: 15px; }
}
@media screen and (max-width: 767px) {
.filter-popup .modal-dialog .modal-content .modal-body .nt-tile-filter .filter-block { max-height: 0; height: auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
}
@media screen and (max-width: 767px) {
.filter-popup .modal-dialog .modal-content .modal-body .nt-tile-filter .active { max-height: 260px; height: auto; margin: 24px 0 27px; }
}
.filter-popup .modal-dialog .modal-content .modal-body .submit-filter { font-weight: 600; line-height: normal; color: #ffffff; background: black; padding: 13px 0; position: fixed; left: 0; bottom: 29px; width: 100%; }
@media screen and (max-width: 767px) {
.filter-popup .modal-dialog .modal-content .modal-body .submit-filter { font-size: 18px; letter-spacing: 1px; text-align: left; bottom: 0; padding: 18px 16px 17px; }
}
.filter-popup .modal-dialog .modal-content .modal-body .submit-filter span { display: none; }
@media screen and (max-width: 767px) {
.filter-popup .modal-dialog .modal-content .modal-body .submit-filter span { display: inline-block; font-size: 24px; float: right; }
}
 @media screen and (max-width: 767px) {
.filter-popup.modal.fade .modal-dialog { transform: translate3d(0, 100vh, 0); }
.filter-popup.modal.in .modal-dialog { transform: translate3d(0, 0, 0); }
}
fieldset { border: 0; margin: 0; padding: 0; }
.remove-added-filters { border-top: 1px solid rgba(0, 0, 0, 0.08); padding-top: 16px; margin-top: 16px; }
@media screen and (max-width: 767px) {
.remove-added-filters { border: 0; margin-top: 0; }
}
.remove-added-filters .filter_remove { font-size: 12px; font-weight: 500; line-height: 1.33; color: rgba(0, 0, 0, 0.76); padding: 8px 11px; display: inline-block; margin-right: 16px; background: white; cursor: pointer; }
.remove-added-filters .filter_remove .icon-close { font-size: 10px; vertical-align: middle; padding-left: 15px; }
.marble-type-wrapper .blog-heading ul li.is-checked h5 { color: #000000; }
.marble-type-wrapper .blog-heading ul li h5 { color: rgba(0, 0, 0, 0.4); }
.marble-filter-wrapper h1 { margin-bottom: 8px; }
.marble-filter-wrapper .text-discription { max-width: 810px; margin-bottom: 61px; }
.mx-auto-col { margin: 0 auto; float: none; }
.pt-30 { margin-top: 30px; }
.pb-30 { margin-bottom: 30px; }
.marble-overview-type-wrapper { padding: 0; clear: both; }
.marble-overview-type-wrapper .grid-sizer, .marble-overview-type-wrapper .grid-item { /*  width: 50%;
*/ float: left; padding-top: 30px; }
@media screen and (max-width: 1024px) {
.marble-overview-type-wrapper .grid-sizer, .marble-overview-type-wrapper .grid-item { width: 50%; }
}
@media screen and (max-width: 767px) {
.marble-overview-type-wrapper .grid-sizer, .marble-overview-type-wrapper .grid-item { width: 100%; }
}
.grid-item:nth-child(2) { padding-top: 0; }
@media screen and (max-width: 767px) {
.grid-item:nth-child(2) { padding-top: 30px; }
}
.grid-item:nth-child(3) { padding-top: 0; }
@media screen and (max-width: 767px) {
.grid-item:nth-child(3) { padding-top: 30px; }
}
.marble-overview-details-warpper { margin-top: 154px; padding: 0; margin-bottom: 143px; }
@media screen and (max-width: 1024px) {
.marble-overview-details-warpper { margin-top: 48px; margin-bottom: 40px; }
}
.marble-overview-details-warpper h4 { color: rgba(0, 0, 0, 0.76); }
.marble-overview-details-warpper .view-tile-list { line-height: 1.5; display: inline-block; margin: 20px 0px; }
.marble-overview-details-warpper .tab-img { background: #ededed; height: 90px; width: 90px; border-radius: 50%; float: left; margin-right: 30px; }
.marble-overview-details-warpper .tab-img img { height: 100%; border-radius: 50%; }
.marble-overview-details-warpper .tab-header { font-weight: 600; font-family: 'Open Sans', sans-serif; }
.marble-overview-details-warpper p { margin-left: 120px; font-family: 'Open Sans', sans-serif; }
.marble-overview-details-warpper .divTable { font-size: 18px; color: #000000; width: 330px; display: table; }
.marble-overview-details-warpper .divTable .headRow { font-weight: 600; text-align: left; color: #000000; margin-bottom: 16px; }
.marble-overview-details-warpper .divTable .divRow { display: table-row; }
.marble-overview-details-warpper .divTable .divRow .divCell { display: table-cell; border-top: 1px solid #cccccc; padding: 14px 0px 15px 0px; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 300; }
.marble-overview-details-warpper .divTable .divRow .divCell_right { display: table-cell; text-align: right; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; }
.marble-overview-details-warpper .divTable .divRow .divCell_right a { color: #000000; }
.marble-overview-details-warpper .suitable-spaces { width: 450px; margin-top: 20px; }
@media screen and (max-width: 1024px) {
.marble-overview-details-warpper .suitable-spaces { width: 100%; }
}
.marble-overview-details-warpper .suitable-spaces .headRow { font-family: 'Open Sans', sans-serif; display: table-row; }
.marble-overview-details-warpper .suitable-spaces .headRow .divCell { font-size: 18px; display: table-cell; font-weight: 600; text-align: left; color: #000000; margin-bottom: 16px; }
.marble-overview-details-warpper .suitable-spaces .headRow .divCell_right { text-align: center; padding-left: 25px; }
.marble-overview-details-warpper .suitable-spaces .divRow .divCell_right { text-align: center; padding-left: 25px; }
.marble-overview-details-warpper .suitable-spaces .divRow .divCell_right i { color: #616161; }
.marble-overview-details-warpper .suitable-spaces .divRow .divCell_right .fa-minus { font-size: 8px; }
.cta-action-warrper { height: 460px; background-repeat: no-repeat; background-clip: content-box; display: flex; flex-direction: column; justify-content: center; margin-bottom: 74px; }
@media screen and (max-width: 1024px) {
.cta-action-warrper { height: 232px; }
}
.cta-action-warrper .cta-action-inner { background-color: rgba(255, 255, 255, 0.8); width: 90%; height: 380px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; justify-content: center; }
@media screen and (max-width: 1024px) {
.cta-action-warrper .cta-action-inner { height: 200px; }
}
.cta-action-warrper .cta-action-inner p { width: 60%; margin: 0 auto; }
@media screen and (max-width: 1024px) {
.cta-action-warrper .cta-action-inner p { width: 90%; line-height: 1.5; }
}
.cta-action-warrper .cta-action-inner .btn_wrapper { margin-top: 24px; }
@media screen and (max-width: 1024px) {
.cta-action-warrper .cta-action-inner .btn_wrapper { margin-top: 6px; }
}
.cta-action-warrper.lot-cta-wrapper { background-image: url("assets/images/lots-available.jpg"); }
.cta-action-warrper.product-cta-wrapper { background-image: url("assets/images/products-available.jpg"); }
.p-0 { padding: 0; }
.marble-product-list h4 { font-size: 18px; font-weight: 600; font-family: 'Open Sans', sans-serif; margin: 8px 0 2px; }
.marble-product-list .tile-icon-text { font-size: 14px; color: rgba(0, 0, 0, 0.76); letter-spacing: 0.5px; font-weight: 300; margin-left: 5px; text-transform: uppercase; }
@media screen and (max-width: 767px) {
.marble-product-list .tile-icon-text { display: none; }
}
.marble-product-list .icon-shortlist { font-size: 14px; color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 767px) {
.marble-product-list .icon-shortlist { font-size: 24px; margin-top: 16px; display: inline-block; }
}
.marble-lot-top { margin-bottom: 48px; }
@media screen and (max-width: 767px) {
.marble-lot-top { margin-bottom: 32px; }
}
.marble-lot-top .tile-shortby { text-align: right; }
@media screen and (max-width: 767px) {
.marble-lot-top .tile-shortby { display: none; }
}
.marble-lot-top .tile-btn { display: inline-block; }
.marble-lot-top .tile-btn .filter-btn { border: 1px solid #000000; font-size: 16px; font-weight: 600; display: inline-block; text-align: center; padding: 3px 40px 7px; background: transparent; }
.marble-lot-top .select-dropdown { width: 201px; display: inline-block; text-align: left; }
@media screen and (max-width: 767px) {
.marble-lot-top .select-dropdown { display: none; }
}
.marble-lot-top .select-dropdown span { width: 100% !important; text-align: left; line-height: 24px; }
.marble-lot-top .blog-searchbox { margin: 0px 0; }
.marble-lot-top .blog-searchbox .form-control::-webkit-input-placeholder {
 font-size: 14px;
 color: rgba(0, 0, 0, 0.48);
 font-family: 'Open Sans', sans-serif;
}
@media screen and (max-width: 767px) {
.marble-lot-top .blog-searchbox { clear: both; width: 100%; margin: 13px 0; float: none; }
}
.marble-lot-top .blog-searchbox .navbar-form { text-align: left; padding: 0; }
@media screen and (max-width: 1024px) {
.marble-lot-top .blog-searchbox .navbar-form { margin: 0; }
}
@media screen and (max-width: 767px) {
.marble-lot-top .blog-searchbox .navbar-form { margin: 0; }
}
.marble-lot-top .blog-searchbox .search_icon { float: left; padding: 0; margin: 0px 0px 0 8px; font-size: 16px; font-weight: 300; opacity: 0.4; width: 100%; text-align: left; }
.marble-lot-top .blog-searchbox .input-group { width: 330px; background-color: rgba(255, 255, 255, 0.8); }
@media screen and (max-width: 1024px) {
.marble-lot-top .blog-searchbox .input-group { width: 256px; }
}
@media screen and (max-width: 767px) {
.marble-lot-top .blog-searchbox .input-group { width: 100%; }
}
.marble-lot-top .blog-searchbox .input-group > .form-control { width: 85%; padding-left: 9px; border-color: transparent; box-shadow: unset; height: auto; background: transparent; }
.marble-lot-top .blog-searchbox ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000000;
 font-size: 16px;
 font-family: 'Open Sans', sans-serif;
}
.marble-lot-top .blog-searchbox ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000;
 font-size: 16px;
 font-family: 'Open Sans', sans-serif;
}
.marble-lot-top .blog-searchbox :-ms-input-placeholder {
  /* IE 10+ */
  color: #000000;
 font-size: 16px;
 font-family: 'Open Sans', sans-serif;
}
.marble-lot-top .blog-searchbox :-moz-placeholder {
  /* Firefox 18- */
  color: #000000;
 font-size: 16px;
 font-family: 'Open Sans', sans-serif;
}
.marble-lot-top .blog-searchbox input.form-control.search_i:focus { box-shadow: none; }
.marble-lot-top .blog-searchbox button.btn.btn-default:focus { box-shadow: none; outline: none; background: none; }
.marble-lot-top .blog-searchbox input, .marble-lot-top .blog-searchbox .btn-default:hover { background-color: #ffffff; border-color: #ededed; }
.marble-lot-top .blog-searchbox input { background: transparent; box-sizing: border-box; border: 1px; -webkit-appearance: none; padding: 7px 4px; width: 90%; }
.marble-lot-top .blog-searchbox input:focus { outline: none; }
.marble-lot-top .blog-searchbox .form-control { border-left: none; }
.marble-lot-top .blog-searchbox .navbar-form .input-group { border: 1px solid rgba(0, 0, 0, 0.76); border-radius: 2px; height: 40px; padding: 3px 0; }
.marble-lot-top .blog-searchbox .btn-default, .marble-lot-top .blog-searchbox .search_i { border: none; }
.marble-filter-tab { margin: 0 auto; float: none; }
.marble-sortby { position: absolute; right: 0; top: 4px; }
.marble-filter.tile-filter .tile-shortby .tile-btn { display: inline-block; }
.products.columns-3 li .tile-list-image .image-inner img { width: 100%; }
.marble-explor-cta { display: inline-block; width: 100%; }
@media screen and (max-width: 767px) {
.marble-explor-cta { display: inline-block !important; }
}
.mosaic-tile-nav li { width: 100%; }
.mosaic-tile-properties-details h3 { margin-top: 0; }
.mosaic-tile-properties-details h6 { margin: 0 0 2px; }
.mosaic-tile-properties-details .mosaic-tile-lits-details { margin-bottom: 24px; }
.wh-100 { width: 100%; }
.product-mosaic-btm-list .products l { margin-bottom: 0; }
.mosasic-banner .swiper-button-next { background: transparent !important; color: #fff; font-size: 30px; }
.mosasic-banner .swiper-button-prev { background: transparent !important; color: #fff; font-size: 30px; }
.mosaic-discover-section p { max-width: 690px; margin: 0 auto 32px; text-align: center; color: rgba(0, 0, 0, 0.76); }
.icon-shortlist_selected { vertical-align: middle; }
.padding_removal { padding: 0; }
.container-wrapper { max-width: 1440px; margin: 0 auto; }
.icon-info { color: rgba(0, 0, 0, 0.3); font-size: 14px; margin-left: 8px; }
ul { padding: 0; }
a { color: #000000; }
a:hover { color: #000000; text-decoration: none; }
a:focus { color: #000000; text-decoration: none; }
.modal-dialog .modal-content { border-radius: 0px; }
.container-nt { width: 100% !important; max-width: 1250px; }
.primary-navbar {
    line-height: 1.2;
    height: 30px;
    background-color: #3a3a3a;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    letter-spacing: 0.4px;
    color: #ffffff;
    position: sticky;
    top: 0;
    z-index: 3;
    transition: top 0.3s;
}
@media screen and (max-width: 767px) {
.primary-navbar { display: none; }
}
.primary-navbar .container { padding-left: 0px; padding-right: 0px; }
.primary-navbar .container .row { margin-left: 0px; margin-right: 0px; }
.primary-navbar ul.top-menu-left { padding: 0; color: #ffffff; font-family: 'Montserrat', sans-serif; font-size: 12px; list-style: none; font-weight: 200; margin: 0; text-transform: uppercase; }
.primary-navbar ul.top-menu-left li { display: inline-block; padding-top: 8px; padding-right: 20px; padding-bottom: 5px; padding-left: 3px; }
.primary-navbar ul.top-menu-left li a { color: #ffffff; }
.primary-navbar ul.top-menu-left li img { width: 80%; }
.primary-navbar ul.top-menu-left li a:hover { text-decoration: none; }
.primary-navbar ul.top-menu-left li a:focus { text-decoration: none; }
.primary-navbar .col-md-5 { padding-right: 0px; }
.primary-navbar ul.top-menu-right { padding: 0; color: #ffffff; font-family: 'Montserrat', sans-serif; font-size: 10px; list-style: none; font-weight: 200; margin: 0; text-transform: uppercase; float: right; }
.primary-navbar ul.top-menu-right li { display: inline-block; padding: 9px 10px 8px; }
.primary-navbar ul.top-menu-right li a { color: #ffffff; margin: 0 4px; }
.primary-navbar ul.top-menu-right li a:hover { text-decoration: none; }
.primary-navbar ul.top-menu-right li a:focus { text-decoration: none; }
.primary-navbar ul.top-menu-right .dropdown_lable span { color: #f5f5f5; }
.primary-navbar ul.top-menu-right .dropdown_lable select { background: none; border: none; }
.primary-navbar ul.top-menu-right select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; }
.primary-navbar ul.top-menu-right select + i.fa { float: right; margin-top: 1px; margin-left: 6px; pointer-events: none; padding-right: 5px; color: #ffffff; }
.primary-navbar ul.top-menu-right select:focus { box-shadow: none; outline: none; }
.primary-navbar ul.top-menu-right ul.top-menu-right .dropdown_lable select::focus {
 outline: none;
}
.secondary_menu { min-height: 58px; background-color: #ffffff; }
.secondary_menu .container { padding: 6px 0px 0px 0px; }
@media screen and (max-width: 767px) {
.secondary_menu .container { padding-left: 15px; padding-right: 15px; }
}
.secondary_menu .container .row { margin-left: 0; margin-right: 0; }
.secondary_menu .header-menu .logo { line-height: 1.5; width: 17%; }
.secondary_menu .header-menu .logo_img a { font-family: 'Montserrat', sans-serif; font-size: 26px; font-weight: bold; text-align: left; color: #000000; }
.secondary_menu .header-menu .logo_img a:hover { text-decoration: none; }
.secondary_menu .header-menu .logo_img a:focus { text-decoration: none; }
.secondary_menu .header-menu .columns { float: left; padding: 2px 5px 0 14px; }
.secondary_menu .header-menu .navigation { float: left; position: relative; padding-left: 30px; }
.secondary_menu .header-menu .navigation nav ul { list-style-type: none; padding: 0; margin: 0; float: left; line-height: 3; }
.secondary_menu .header-menu .navigation nav ul li { float: left; margin: 0; /* padding: 0px 5px !important; */ padding: 0px 10px; }
.secondary_menu .header-menu .navigation nav ul li a { font-family: 'Montserrat', sans-serif; font-size: 15px; text-align: center; color: #000000; font-weight: 400; }
.secondary_menu .header-menu .navigation nav ul li a:focus { text-decoration: none; }
.secondary_menu .header-menu .navigation nav ul li:hover { border-bottom: 4px solid #000000; }
.secondary_menu .header-menu .navigation nav ul li:hover a:hover { text-decoration: none; }
.secondary_menu .header-menu .searchbox { float: left; line-height: 2; width: 23%; }
.secondary_menu .header-menu .searchbox .form-control::-webkit-input-placeholder {
 font-size: 14px;
 color: rgba(0, 0, 0, 0.48);
 font-family: 'Open Sans', sans-serif;
}
@media screen and (max-width: 1024px) {
.secondary_menu .header-menu .searchbox { width: 50%; }
}
@media screen and (max-width: 767px) {
.secondary_menu .header-menu .searchbox { clear: both; width: 100%; margin: 0 auto; float: none; }
.secondary_menu .header-menu .logo { width: 35% }
}
.secondary_menu .header-menu .searchbox .search_icon { float: left; padding: 0; margin: 2px 4px 0 5px; font-size: 16px; font-weight: 300; }
.secondary_menu .header-menu .searchbox .input-group { width: 100%; }
.secondary_menu .header-menu .searchbox .input-group > .form-control { width: 92%; padding-left: 9px; border-color: transparent; box-shadow: unset; height: auto; background: transparent; }
.secondary_menu .header-menu .searchbox ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(0, 0, 0, 0.55);
 font-size: 14px;
 font-family: 'Open Sans', sans-serif;
}
.secondary_menu .header-menu .searchbox ::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.55);
 font-size: 14px;
 font-family: 'Open Sans', sans-serif;
}
.secondary_menu .header-menu .searchbox :-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 0, 0, 0.55);
 font-size: 14px;
 font-family: 'Open Sans', sans-serif;
}
.secondary_menu .header-menu .searchbox :-moz-placeholder {
  /* Firefox 18- */
  color: rgba(0, 0, 0, 0.55);
 font-size: 14px;
 font-family: 'Open Sans', sans-serif;
}
.secondary_menu .header-menu .searchbox input.form-control.search_i:focus { box-shadow: none; }
.secondary_menu .header-menu .searchbox button.btn.btn-default:focus { box-shadow: none; outline: none; background: none; }
.secondary_menu .header-menu .searchbox input, .secondary_menu .header-menu .searchbox .btn-default:hover { background-color: #ffffff; border-color: #ededed; }
.secondary_menu .header-menu .searchbox input { box-sizing: border-box; }
.secondary_menu .header-menu .searchbox input:focus { outline: none; }
.secondary_menu .header-menu .searchbox .form-control { border-left: none; }
.secondary_menu .header-menu .searchbox .navbar-form .input-group { border: 1px solid #ededed; border-radius: 0px; }
.secondary_menu .header-menu .searchbox .btn-default, .secondary_menu .header-menu .searchbox .search_i { border: none; }
.secondary_menu .header-menu .shortlist { float: right; line-height: 3; width: 24px; }
.secondary_menu .header-menu .shortlist a { font-family: 'Montserrat', sans-serif; font-size: 15px; text-align: center; color: #000000; font-weight: 400; }
.secondary_menu .header-menu .shortlist a:hover { text-decoration: none; }
.secondary_menu .header-menu .shortlist a:focus { text-decoration: none; }
.secondary_menu .header-menu .cart { float: right; padding: 13px 10px; }
.secondary_menu .header-menu .cart .cart_sec { position: relative; }
.secondary_menu .header-menu .cart .cart_sec .fa { font-size: 21px; padding: 4px 0; }
.secondary_menu .header-menu .cart .cart_count { background: #ff4040; position: absolute; top: -2px; right: -10px; text-align: center; border-radius: 50%; color: #ffffff; font-size: 10px; width: 14px; height: 14px; }
.secondary_menu .header-menu .icon-nt-shortlist { font-size: 24px; }
.icon_box { text-align: center; display: none; }
.icon_box ul { list-style-type: none; }
.icon_box ul li { display: inline-block; padding: 0px 20px; }
.icon_box ul li a { color: rgba(0, 0, 0, 0.76); font-size: 14px; font-family: 'Open Sans', sans-serif; }
.icon_box ul li a:hover { text-decoration: none; }
.icon_box ul li i.fa { margin-right: 10px; color: rgba(0, 0, 0, 0.76); }
.icon_box ul li span { text-transform: uppercase; }
.icon_box ul li .top { margin-top: -30px; }
.icon_box ul li .popover { top: 800px !important; }
.icon_box ul li .media { color: rgba(0, 0, 0, 0.76); }
.icon_box ul li .media i.fa { margin-right: 16px; font-size: 22px; }
 @media screen and (max-width: 1024px) {
.product-banner .slider-tiles-images .product-slider { padding: 0; }
}
.product-banner .slider-tiles-images .swiper-button-next {
    background-image: url("https://www.nitco.in/nitcoassets/arrow-right.png");
}
.product-banner .slider-tiles-images .swiper-button-prev {
    background-image: url("https://www.nitco.in/nitcoassets/arrow-left.png"); } @media screen and (max-width: 1024px) {
.product-banner .slider-tiles-images .row .col-md-8 { padding: 0; }
}
@media screen and (max-width: 1024px) {
.product-banner .slider-tiles-images .row .col-md-8 .swiper-slide-active { width: 100% !important; }
}
.product-banner .slider-tiles-images .swiper-slide { /*
  			align-items: flex-end;
  			-webkit-items: flex-end;
  			display: flex;
  			display: -webkit-box;
  			display: -webkit-flex;
  			display: -ms-flexbox;
  */ display:contents;}
.product-banner .slider-tiles-images .swiper-slide img { height: auto; max-height: 100%; display: block; margin: auto auto; vertical-align: middle;/*
  				flex-grow: 1;
  				-webkit-flex-grow: 1;
  */ }
@media screen and (max-width: 1024px) {
.product-banner .slider-tiles-images .download-img-wrapper { overflow: auto; white-space: nowrap; }
}
.product-banner .slider-tiles-images .download-img-wrapper .download-banner { height: 107px; width: 160px; margin-top: 16px; float: left; margin: 12px 16px 0px 3px; text-align: center; background-color: #fff; }
.product-banner .slider-tiles-images .download-img-wrapper .download-banner img { height: 105px; }
@media screen and (max-width: 767px) {
.product-banner .slider-tiles-images .download-img-wrapper .download-banner { height: 60px; width: 91px; display: inline-block; float: none; margin: 9px 6px 0 0; }
}
@media screen and (max-width: 1024px) {
.product-banner .slider-tiles-images .download-img-wrapper .download-banner { display: inline-block; float: none; }
}
.product-banner .slider-tiles-images .download-img-wrapper .download-banner.active-thumb { border: 1px solid #000000; padding-right: 1px; }
@media screen and (max-width: 767px) {
.product-banner .slider-tiles-images .download-img-wrapper .download-banner img { max-height: 100%; }
}
.product-banner .slider-tiles-images .download-img-wrapper .download-banner p { font-size: 14px; font-family: 'Open Sans', sans-serif; text-align: center; position: relative; bottom: 0px; background: rgba(255, 255, 255, 0.8); color: rgba(0, 0, 0, 0.76); letter-spacing: 0.5px; }
@media (min-width: 1200px) and (max-width: 1400px) {
.product-banner .slider-tiles-images .download-img-wrapper .download-banner p { bottom: 0px; }
}
@media screen and (max-width: 1024px) {
.product-banner .slider-tiles-images .download-img-wrapper .download-banner p { bottom: 22px; }
}
@media screen and (max-width: 767px) {
.product-banner .slider-tiles-images .download-img-wrapper .download-banner p { top: 4px; display: none; }
}
.product-banner .slider-tiles-images .download-img-wrapper .download-banner p span { font-size: 18px; padding-right: 10px; }
.product-banner .product-details h2 { margin-bottom: 22px; color: rgba(0, 0, 0, 0.8); margin-top: 6px; }
.product-banner .product-details .tile-banner-cart { width: 100%; }
@media screen and (max-width: 1024px) {
.product-banner .product-details .tile-banner-cart { display: none; }
}
.product-banner .product-details .breadcrums { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.5; color: #000000; clear: both; margin-top: 17px;/*
  			& span{
  				position: relative;
  				padding: 0 19px 0 0;
  				&:after{
  					content: ' ';
  					width: 6px;
  					height: 5px;
  					background: #000;
  					position: absolute;
  					padding: 0 0px;
  					margin: 0 0px;
  					top: 9px;
  					right: 5px;
  					border-radius: 50%;
  				}
  				&:last-child{
  					&:after{
  						display: none;
  					}
  				}
  			}
  */ }
.product-banner .product-details .group-variation { margin-bottom: 4px; font-size: 14px; }
.product-banner .product-details .group-variation ul { list-style: none; }
.product-banner .product-details .group-variation ul li { display: inline-block; margin-right: 15px; }
.product-banner .product-details .group-variation .col-variation-lab { float: left; width: 37%; }
@media screen and (max-width: 1024px) {
.product-banner .product-details .group-variation .col-variation-lab { width: 20%; }
}
@media screen and (max-width: 767px) {
.product-banner .product-details .group-variation .col-variation-lab { width: 100%; }
}
.product-banner .product-details .group-variation .col-variation-val { float: left; width: 63%; line-height: 28px; text-transform: capitalize;/*
  				@include screen(med){
  					width: 40%;
  				}
  */ }
.product-banner .product-details .group-variation .col-variation-val ul { margin: 0; }
.product-banner .product-details .group-variation .col-variation-val .btn { width: 100%; height: 40px; font-size: 16px; padding: 5px 11px 0 17px; margin: 0; text-transform: capitalize; color: #444; border-color: #444; font-weight: normal; }
.product-banner .product-details .group-variation .col-variation-val .btn:after { font-size: 16px !important; }
@media screen and (max-width: 1024px) {
.product-banner .product-details .group-variation .col-variation-val .btn { width: 210px; }
}
@media (min-width: 1440px) {
.product-banner .product-details .group-variation .col-variation-val .btn { line-height: 28px; }
}
.product-banner .product-details .group-variation .col-variation-val .btn:after { margin-top: 0px; }
@media screen and (max-width: 767px) {
.product-banner .product-details .group-variation .col-variation-val { width: 100%; margin-top: 3px; }
}
.product-banner .product-details .group-variation .col-variation-val.tile-color ul li { width: 36px; height: 36px; }
.product-banner .product-details .group-variation .col-variation-val.tile-color ul li.active { border: 1px solid #000000; }
.product-banner .product-details .group-variation .col-variation-val.tile-edge .tile-price { font-weight: 600; margin-bottom: 7px; position: relative; }
@media screen and (max-width: 1024px) {
.product-banner .product-details .group-variation .col-variation-val.tile-edge .tile-price { float: left; }
}
@media screen and (max-width: 767px) {
.product-banner .product-details .group-variation .col-variation-val.tile-edge .tile-price { float: none; }
}
.product-banner .product-details .group-variation .col-variation-val.tile-edge .tile-price p { font-weight: 600; margin-bottom: 7px; position: relative; }
@media screen and (max-width: 1024px) {
.product-banner .product-details .group-variation .col-variation-val.tile-edge .tile-price p { float: left; }
}
@media screen and (max-width: 767px) {
.product-banner .product-details .group-variation .col-variation-val.tile-edge .tile-price p { float: none; }
}
.product-banner .product-details .group-variation .col-variation-val.tile-edge .tile-price .box-info { position: absolute; width: 204px; height: 69px; border-radius: 5px; bottom: 30px; left: -15px; background: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); font-size: 14px; font-weight: 300; text-align: center; color: rgba(0, 0, 0, 0.76); -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out; -ms-transition: all 2s ease-out; -o-transition: all 2s ease-out; transition: all 2s ease-out; padding-top: 10px; }
.product-banner .product-details .group-variation .col-variation-val.tile-edge .tile-price .box-info .arrow { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; position: relative; left: 50%; bottom: -13px; }
.product-banner .product-details .group-variation .col-variation-val.tile-edge .tile-price .price-know-more { width: 24px; height: 24px; background-image: url("assets/images/know-more@2x.png"); display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; cursor: pointer; margin-left: 7px; position: relative; }
.product-banner .product-details .group-variation .col-variation-val.tile-edge .tile-price ins { text-decoration: none; }
.product-banner .product-details .group-variation .col-variation-val.tile-edge .location-wrapper { font-size: 14px; }
@media screen and (max-width: 1024px) {
.product-banner .product-details .group-variation .col-variation-val.tile-edge .location-wrapper { float: left; padding-top: 3px; padding-left: 5px; }
}
@media screen and (max-width: 767px) {
.product-banner .product-details .group-variation .col-variation-val.tile-edge .location-wrapper { float: none; padding-top: 0px; padding-left: 0px; }
}
.product-banner .product-details .group-variation .col-variation-val.tile-edge .location-wrapper span { border-bottom: 1px solid #000000; cursor: pointer; }
@media screen and (max-width: 767px) {
.product-banner .product-details .group-variation .col-variation-val.tile-edge .tile-edge-option { font-weight: 600; }
}
.product-banner .product-details .group-variation .col-variation-val.tile-size .select-dropdown { width: 100%; }
@media screen and (max-width: 1024px) {
.product-banner .product-details .group-variation .col-variation-val.tile-size .select-dropdown { width: 210px; }
}
.product-banner .product-details .group-variation .col-variation-val.tile-size .select-dropdown .select2-selection--single { width: 100%; }
.product-banner .product-details .group-variation .col-variation-val.tile-size .size-dropdown { border: 1px solid rgba(0, 0, 0, 0.24); width: 100%; }
@media screen and (max-width: 1024px) {
.product-banner .product-details .group-variation .col-variation-val.tile-size .size-dropdown { width: 50%; }
}
@media screen and (max-width: 767px) {
.product-banner .product-details .group-variation .col-variation-val.tile-size .size-dropdown { width: 100%; font-size: 14px; font-weight: 600; }
}
.product-banner .product-details .group-variation .col-variation-val.tile-size .size-dropdown .dropdown { margin: 3px 0px; width: 100%; }
@media screen and (max-width: 767px) {
.product-banner .product-details .group-variation .col-variation-val.tile-size .size-dropdown .dropdown { width: 100%; }
}
.product-banner .product-details .group-variation .col-variation-val.tile-size .size-dropdown .dropdown a { padding-left: 10px; }
.product-banner .product-details .group-variation .col-variation-val.tile-size .size-dropdown .dropdown a span { font-size: 23px; /*
  									position: absolute;
  									left: 150px;
  */ margin-top: 1px; padding-right: 5px; position: absolute; right: 0; padding-left: 140px; }
@media screen and (max-width: 767px) {
.product-banner .product-details .group-variation .col-variation-val.tile-size .size-dropdown .dropdown a span { position: static; float: right; padding-right: 10px; }
}
.product-banner .product-details .group-variation .col-variation-val.tile-size .size-dropdown .dropdown .dropdown-menu { min-width: 180px; left: -2px; width: 100%; }
@media screen and (max-width: 767px) {
.product-banner .product-details .group-variation .col-variation-val.tile-size .size-dropdown .dropdown .dropdown-menu { min-width: 100%; }
}
.product-banner .product-details .group-variation .col-variation-val.tile-size .size-dropdown .dropdown .dropdown-menu li { display: block; }
.product-banner .product-details .group-variation .col-variation-val.tile-option .val-option { font-weight: 600; margin-right: 16px; }
.product-banner .product-details .group-variation .col-variation-val.tile-option a.open-option { color: rgba(0, 0, 0, 0.55); font-size: 14px; border-bottom: 1px solid rgba(0, 0, 0, 0.55); }
.product-banner .product-details .group-variation .vari-tiles { font-size: 16px; color: rgba(0, 0, 0, 0.55); }
@media screen and (max-width: 767px) {
.product-banner .product-details .group-variation .vari-tiles { font-size: 14px; color: #787878; }
}
.product-banner .tiles-hp-area { color: #000000; font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase; font-weight: 300; margin-top: 26px; }
.product-banner .tiles-hp-area .share { cursor: pointer; position: relative; display: block; }
.product-banner .tiles-hp-area .share .social-media { position: absolute; bottom: -64px; left: -112px; z-index: 100; background: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); border-radius: 10px; opacity: 0; -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s; }
@media screen and (max-width: 767px) {
.product-banner .tiles-hp-area .share .social-media { width: 190px; bottom: 56px; left: -2px; }
}
.product-banner .tiles-hp-area .share .social-media.active-social { opacity: 1; }
.product-banner .tiles-hp-area .share .social-media .media-arrow { margin-left: -11px; bottom: -11px; }
.product-banner .tiles-hp-area .share .social-media .media-arrow:after { content: " "; top: -21px; margin-left: 160px; border-bottom-width: 0px; border-bottom-color: #fff; border-width: 12px; position: absolute; display: block; width: 0px; height: 0px; border-style: solid; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; }
@media screen and (max-width: 767px) {
.product-banner .tiles-hp-area .share .social-media .media-arrow:after { bottom: -24px; top: auto; margin-left: 37px; border-bottom-color: transparent; border-top-color: #fff; }
}
.product-banner .tiles-hp-area .share .social-media .social-icon { width: 351px; margin: 0; padding: 0; list-style: none; }
@media screen and (max-width: 767px) {
.product-banner .tiles-hp-area .share .social-media .social-icon { width: 291px; }
}
.product-banner .tiles-hp-area .share .social-media .social-icon li { padding: 12px 10px; float: left; }
.product-banner .tiles-hp-area .share .social-media .social-icon li i { font-size: 28px; }
.product-banner .tiles-hp-area .share .social-media .social-icon li .fa-link { transform: rotate(135deg); }
.product-banner .tiles-hp-area .share .social-media .social-icon li span { vertical-align: 4px; line-height: 28px; }
.product-banner .tiles-hp-area .tile-hp-col { float: left; width: 50%; margin-bottom: 27px; /* 			opacity: 0.76; */ line-height: 17px; }
@media screen and (max-width: 1024px) {
.product-banner .tiles-hp-area .tile-hp-col { width: auto; padding: 0 20px 0 0; }
}
.product-banner .tiles-hp-area .tile-hp-col a { color: #000000; }
.product-banner .tiles-hp-area .tile-hp-col.order-smaple span { display: block; float: left; margin-right: 8px;/*
  					background-size: contain;
  					background-repeat: no-repeat;
  */ }
.product-banner .tiles-hp-area .tile-hp-col.order-smaple .icon-nt-shortlist { font-size: 18px; }
@media screen and (max-width: 1024px) {
.product-banner .tiles-hp-area .tile-hp-col.order-smaple { display: none; }
}
.product-banner .tiles-hp-area .tile-hp-col.compare-sample span { /*
  					width: 24px;
  					height: 24px;
  */ display: block; float: left; margin-right: 8px;/*
  					background-size: contain;
  					background-repeat: no-repeat;
  */ }
.product-banner .tiles-hp-area .tile-hp-col.compare-sample .icon-nt-compare { font-size: 18px; }
@media screen and (max-width: 767px) {
.product-banner .tiles-hp-area .tile-hp-col.compare-sample { display: none; }
}
.product-banner .tiles-hp-area .tile-hp-col.specsheet span { /*
  					width: 24px;
  					height: 24px;
  					background-image: url('assets/images/download-dark.png');
  */ display: block; float: left; margin-right: 8px;/*
  					background-size: contain;
  					background-repeat: no-repeat;
  */ }
.product-banner .tiles-hp-area .tile-hp-col.specsheet .icon-nt-download { font-size: 18px; }
@media screen and (max-width: 767px) {
.product-banner .tiles-hp-area .tile-hp-col.specsheet { display: none; }
}
.product-banner .tiles-hp-area .tile-hp-col.share-sample .icon-nt-share { font-size: 18px; }
.product-banner .tiles-hp-area .tile-hp-col.share-sample .media { display: none; }
@media screen and (max-width: 767px) {
.product-banner .tiles-hp-area .tile-hp-col.share-sample { border-bottom: 1px solid rgba(0, 0, 0, 0.24); border-top: 1px solid rgba(0, 0, 0, 0.24); padding: 18px 0; width: 40%; display: block; }
}
.product-banner .tiles-hp-area .tile-hp-col.share-sample span { display: block; float: left; margin-right: 8px; }
.product-banner .tiles-hp-area .tile-hp-col.download-images { display: none; }
@media screen and (max-width: 767px) {
.product-banner .tiles-hp-area .tile-hp-col.download-images { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.24); border-top: 1px solid rgba(0, 0, 0, 0.24); padding: 19px 0 17px 0; width: 60%; }
}
@media screen and (max-width: 767px) {
.product-banner .tiles-hp-area .tile-hp-col.download-images span { display: block; float: left; margin-right: 8px; background-size: contain; background-repeat: no-repeat; }
}
.product-banner .tiles-hp-area .tile-hp-col.download-images .icon-nt-download { font-size: 18px; }
.swiper-container { width: 100%;/*  height: 533px;
*/ }
.swiper-container .swiper-pagination-bullet-active { background-color: #000000; }
.design-idea { margin-top: 90px; margin-bottom: 90px; }
.design-idea .slider-design-idea { margin-top: 20px; margin-bottom: 20px; }
.design-idea .slider-design-idea .swiper-container { width: 98%; padding: 0 45px; }
.design-idea .slider-design-idea .btn-call-action { display: none; }
.design-idea .slider-design-idea h3 { font-size: 18px; font-weight: 600; color: #000000; font-family: 'Open Sans', sans-serif; }
.design-idea .slider-design-idea .swiper-button-next { background: transparent; font-size: 50px; right: 0; }
.design-idea .slider-design-idea .swiper-button-prev { background: transparent; font-size: 50px; left: 0; }
.design-idea .detail-design-ideas h4 { color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 1024px) {
.design-idea .detail-design-ideas h4 { float: left; margin-top: 35px; }
}
@media screen and (max-width: 767px) {
.design-idea .detail-design-ideas h4 { font-size: 16px; font-weight: 600; line-height: 1.56; font-family: 'Open Sans', sans-serif; float: none; margin-top: 0; }
.swiper-container { width: 100%; height: 256px; margin-bottom: 10px }
.product-banner .slider-tiles-images .row .col-md-4 { padding: 0px }
.product-banner .product-details .group-variation .col-variation-lab { float: left; width: 37%; }
.product-banner .product-details .group-variation .col-variation-val { float: left; width: 63%; line-height: 28px; text-transform: capitalize; }
.secondary_menu .header-menu .columns { padding: 0px }
}
.design-idea .detail-design-ideas h3 { font-family: 'Montserrat', sans-serif; font-size: 64px; font-weight: 500; text-align: left; color: rgba(0, 0, 0, 0.24); margin-bottom: 70px; }
@media screen and (max-width: 1024px) {
.design-idea .detail-design-ideas h3 { display: none; }
}
.design-idea .detail-design-ideas p { font-size: 16px; line-height: 1.5; font-family: 'Open Sans', sans-serif; }
@media screen and (max-width: 1024px) {
.design-idea .detail-design-ideas p { display: none; }
}
.design-idea .icon-nt-download { font-size: 18px; }
@media screen and (max-width: 1024px) {
.design-idea .downlaod-design-idea { display: none; }
}
.design-idea span { display: inline-block; font-size: 14px; font-family: 'Open Sans', sans-serif; letter-spacing: 0.5px; padding-left: 7px; color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 1024px) {
.design-idea span { display: none; }
}
@media screen and (max-width: 1024px) {
.design-idea .look_palette { float: right; }
}
@media screen and (max-width: 767px) {
.design-idea .look_palette { display: none; }
}
.design-idea .look_palette .palette_img { padding: 0; width: 60px; height: 60px; float: left; margin-right: 12px; }
.design-idea .look_palette .desk-primary-btn-white { /* 			width: 100%; */ }
@media screen and (max-width: 1024px) {
.design-idea .look_palette .desk-primary-btn-white { width: 256px; }
}
.design-idea .design-idea-single-heading h2 { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 500; text-align: center; margin-bottom: 24px; }
.design-idea .look_palette .btn-arrow { margin-top: 20px; }
.design-idea .look_palette .btn-arrow:after { font-family: 'FontAwesome'; content: '\f054'; padding-left: 5px; position: relative; font-size: 90%; }
.design-idea .mdetail-design-ideas h4 { display: none; }
@media screen and (max-width: 1024px) {
.design-idea .mdetail-design-ideas h4 { font-size: 32px; line-height: 1.06; display: block; text-align: center; color: rgba(0, 0, 0, 0.76); margin-bottom: 8px; }
}
@media screen and (max-width: 767px) {
.design-idea .mdetail-design-ideas h4 { font-size: 22px; color: rgba(0, 0, 0, 0.8); }
}
.design-idea.design-idea-2 h3 { text-align: center; margin-bottom: 32px; }
.design-idea.design-idea-2 h4 { font-size: 18px; font-weight: 600; font-family: 'Open Sans', sans-serif; }
.design-idea.design-idea-2 .downlaod-design-idea { padding: 10px 0; line-height: 1.42; }
.design-idea.design-idea-2 .grid-sizer, .design-idea.design-idea-2 .grid-item { width: 50%; }
@media screen and (max-width: 767px) {
.design-idea.design-idea-2 .grid-sizer, .design-idea.design-idea-2 .grid-item { width: 100%; }
}
.design-idea.design-idea-2 .grid-item { float: left; padding: 0 15px 15px; }
.nt-tab { font-family: 'Montserrat', sans-serif; text-align: left; font-size: 14px; margin-top: 40px; margin-bottom: 80px; }
.nt-tab .nt-tabmenu { background-color: #ffffff; padding: 20px 10px; text-transform: uppercase; }
@media screen and (max-width: 1024px) {
.nt-tab .nt-tabmenu { padding: 0; }
}
@media screen and (max-width: 767px) {
.nt-tab .nt-tabmenu { margin-bottom: 30px; padding: 7px 7px; font-weight: 400; line-height: 1.56; text-transform: none; border: solid 1px rgba(0, 0, 0, 0.6); }
}
.nt-tab .nt-tabmenu .title { border-bottom: 1px solid #000000; padding-bottom: 8px; margin-left: 14px; }
@media screen and (max-width: 767px) {
.nt-tab .nt-tabmenu .title { border: none; padding: 0; }
}
.nt-tab .nt-tabmenu .tabs-left { margin: 16px 0px 0; border-bottom: none; }
@media screen and (max-width: 1024px) {
.nt-tab .nt-tabmenu .tabs-left { margin: 16px 165px; }
}
@media screen and (max-width: 767px) {
.nt-tab .nt-tabmenu .tabs-left { display: none; }
}
@media screen and (max-width: 1020px) {
.nt-tab .nt-tabmenu .tabs-left li.active { border-bottom: 1px solid #000000; }
}
.nt-tab .nt-tabmenu .tabs-left li.active a { color: #000000; }
.nt-tab .nt-tabmenu .tabs-left li.active a:after { font-family: 'icomoon'; content: "\e930"; padding-left: 5px; position: relative; font-size: 90%; }
@media screen and (max-width: 1020px) {
.nt-tab .nt-tabmenu .tabs-left li.active a:after { display: none; }
}
.nt-tab .nt-tabmenu .tabs-left li a { border: none; text-align: left; color: rgba(0, 0, 0, 0.55); }
.nt-tab .nt-tabmenu .tabs-left li a:hover { background-color: transparent; color: rgba(0, 0, 0, 0.76); }
.nt-tab .nt-tabmenu .tabs-left li a:focus { color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 1024px) {
.nt-tab .nt-tabmenu .tabs-left li a { color: rgba(0, 0, 0, 0.76); font-size: 14px; font-weight: 500; }
}
.nt-tab .nt-tabmenu .tabs-left li i { padding-left: 8px; }
@media screen and (max-width: 1024px) {
.nt-tab .nt-tabmenu .tabs-left li { margin-right: 25px; margin-left: 25px; }
}
@media screen and (max-width: 1024px) {
.nt-tab .nt-tabmenu .view-tiles { display: none; }
}
@media screen and (max-width: 767px) {
.nt-tab .nt-tabmenu .view-tiles { display: block; }
}
@media screen and (max-width: 767px) {
.nt-tab .nt-tabmenu .view-tiles:after { font-family: 'FontAwesome'; content: '\f078'; padding-left: 5px; position: relative; font-size: 90%; float: right; display: block; }
}
.nt-tab .tab-content { display: block; }
.nt-tab .tab-content .header { font-size: 24px; font-weight: 500; line-height: 1.42; margin-top: 0; color: rgba(0, 0, 0, 0.76); }
.nt-tab .tab-content .tab-pane .view-tile-content { padding-left: 0px; }
.nt-tab .tab-content .tab-pane .view-tile-content .view-tile-list { line-height: 1.5; display: inline-block; margin: 20px 0px; }
.nt-tab .tab-content .tab-pane .view-tile-content .tab-img { background: #ededed; height: 90px; width: 90px; border-radius: 50%; float: left; margin-right: 30px; }
.nt-tab .tab-content .tab-pane .view-tile-content .tab-img img { height: 100%; border-radius: 50%; }
.nt-tab .tab-content .tab-pane .view-tile-content .tab-header { font-weight: 600; font-family: 'Open Sans', sans-serif; }
.nt-tab .tab-content .tab-pane .view-tile-content p { margin-left: 120px; font-family: 'Open Sans', sans-serif; }
.nt-tab .tab-content .tab-pane .divTable { font-size: 18px; color: #000000; width: 330px; display: table; }
.nt-tab .tab-content .tab-pane .divTable .headRow { font-weight: 600; text-align: left; color: #000000; margin-bottom: 16px; }
.nt-tab .tab-content .tab-pane .divTable .divRow { display: table-row; }
.nt-tab .tab-content .tab-pane .divTable .divRow .divCell { display: table-cell; border-top: 1px solid #cccccc; padding: 14px 0px 15px 0px; font-family: 'Open Sans', sans-serif; font-size: 18px; }
.nt-tab .tab-content .tab-pane .divTable .divRow .divCell_right { display: table-cell; text-align: right; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; }
.nt-tab .tab-content .tab-pane .divTable .divRow .divCell_right a { color: #000000; }
.nt-tab .tab-content .tab-pane .suitable-spaces { width: 450px; }
@media screen and (max-width: 1024px) {
.nt-tab .tab-content .tab-pane .suitable-spaces { width: 100%; }
}
.nt-tab .tab-content .tab-pane .suitable-spaces .headRow { font-family: 'Open Sans', sans-serif; display: table-row; }
.nt-tab .tab-content .tab-pane .suitable-spaces .headRow .divCell { font-size: 18px; display: table-cell; font-weight: 600; text-align: left; color: #000000; margin-bottom: 16px; }
.nt-tab .tab-content .tab-pane .suitable-spaces .headRow .divCell_right { text-align: center; padding-left: 25px; }
.nt-tab .tab-content .tab-pane .suitable-spaces .divRow .divCell_right { text-align: center; padding-left: 25px; }
.nt-tab .tab-content .tab-pane .suitable-spaces .divRow .divCell_right i { color: #616161; }
.nt-tab .tab-content .tab-pane .suitable-spaces .divRow .divCell_right .fa-minus { font-size: 8px; }
.nt-tab .tab-content .tab-pane .basic_button { width: 330px; border: solid 1px #000000; text-align: center; margin: 32px 0px 16px 0px; }
.nt-tab .tab-content .tab-pane .basic_button .btn { font-size: 18px; font-weight: 600; padding: 13px 24px; }
.nt-tab .tab-content .tab-pane .file_size { font-size: 16px; line-height: 1.5; text-align: center; width: 330px; }
@media screen and (max-width: 767px) {
.nt-tab .tab-content .tile-properties { display: block; }
}
.footer-section { background: #ffffff; }
/*.footer-section .back-to-top-wrapper { cursor: pointer; height: 40px; background: #f5f5f5; text-align: center; padding: 6px 0; font-size: 14px; font-weight: normal; color: #232323; }
.footer-section .back-to-top-wrapper a { color: #232323; }*/
.footer-section .footer-col-wrapper { margin: 0 auto; float: none; }
.footer-section .footer-social-wrapper { margin-top: 24px; font-size: 14px; font-weight: normal; color: #616161; }
@media screen and (max-width: 767px) {
.footer-section .footer-social-wrapper { text-align: center; }
}
.footer-section .footer-social-wrapper .social { display: inline-block; font-size: 24px; margin: 16px 15px 3px 0px; }
.footer-section .footer-social-wrapper .social a:hover { color: #337ab7; text-decoration: none; border: none !important; }
.footer-section .footer-wiget { font-family: 'Open Sans', sans-serif; /* 		font-family: 'Montserrat', sans-serif; */ text-align: left; }
.footer-section .footer-wiget h3 { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000000; margin: 24px 0px 23px 0px; text-transform: uppercase; }
.footer-section .footer-wiget ul { padding: 0; }
.footer-section .footer-wiget ul li { list-style-type: none; font-size: 14px; line-height: 1.5; color: #616161; margin-bottom: 16px; }
.footer-section .footer-wiget ul li a { color: #616161; font-family: 'Open Sans', sans-serif; /* font-family: 'Montserrat', sans-serif; */ font-weight: 300; }
.footer-section .footer-wiget .footer-widget-header { color: #000000; }
.footer-section .footer-wiget .footer-wiget-content li a:hover { color: #000000; text-decoration: none; border-bottom: 1px solid #000000; }
.footer-section .footer-wiget .footer-widget-header:hover { color: #000000; }
.footer-section .copyright_sec { display: flex; align-items: center; justify-content: center; text-align: center; font-size: 14px; line-height: 1.5; text-align: center; font-size: 14px; line-height: 1.5; color: rgba(0, 0, 0, 0.48); border-top: 1px solid rgba(0, 0, 0, 0.16); padding: 13px 0px; width: 96%; margin: 0 auto; }
@media screen and (max-width: 767px) {
.footer-section .copyright_sec { flex-direction: column; justify-content: space-between; }
}
.footer-section .copyright_sec a { color: rgba(0, 0, 0, 0.48); }
.footer-section .copyright_sec span { padding: 0 10px; }
.footer-section .copyright_sec ul { list-style: none; margin: 0; }
.footer-section .copyright_sec ul li { float: left; padding: 2px 10px; }
.above-footer {
    background-image: url("https://www.nitco.in/nitcoassets/Inbox-inspiration.jpg");
    background-repeat: repeat-x;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    background-size: cover;
}
@media screen and (max-width: 1024px) {
.above-footer { display: none; }
}
.above-footer .above-footcol1 { font-size: 64px; font-weight: 500; line-height: 1.4; text-align: left; word-break: break-word; }
.above-footer .above-footcol2 { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600; margin: 45px 0px 24px 0px; }
.above-footer .input-group { font-family: 'Open Sans', sans-serif; font-size: 16px; max-width: 440px; }
.above-footer .input-group .form-control { height: 50px; font-family: 'Open Sans', sans-serif; }
.above-footer .input-group .form-control.footer-input { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.above-footer .input-group .btn { background-color: #000000; border: none; height: 50px; padding: 13px 24px; border-radius: 2px; }
.above-footer .input-group .btn:hover { color: #ffffff; }
.nt-content-block { margin-bottom: 64px; margin-top: 80px; }
@media screen and (max-width: 767px) {
.nt-content-block { display: none; }
}
.nt-content-block .nt-inner-content { min-height: 280px; background-repeat: no-repeat; background-clip: content-box; display: flex; flex-direction: column; justify-content: center; }
.nt-content-block .nt-inner-content .nt-content-header { text-align: center; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 500; line-height: 1.42; color: #ffffff; text-transform: uppercase; margin: 24px 0px; }
.nt-content-block .nt-inner-content p { text-align: center; font-size: 16px; color: #ffffff; }
.nt-content-block .nt-inner-content .nt-content-btn { text-align: center; margin: 29px 0px 21px 0px; }
.nt-content-block .nt-inner-content .nt-content-btn .btn { font-family: 'Open Sans', sans-serif; font-size: 16px; text-align: center; color: #ffffff; padding: 9px 40px; font-weight: 600; background: transparent; border: 1px solid #ffffff; }
.nt-content-block .lft-bg-img {
    background-image: url("https://www.nitco.in/nitcoassets/architect.png");
    background-size: cover;
    background-position: center left;
}
.nt-content-block .lft-bg-img p { line-height: 1.5; width: 400px; margin: 0 auto; }
@media screen and (max-width: 1024px) {
.nt-content-block .lft-bg-img p { width: 100%; }
}
@media screen and (max-width: 1024px) {
.nt-content-block .lft-bg-img .nt-content-btn { margin: 13px 0; }
}
.nt-content-block .rgt-bg-img {
    background-image: url("https://www.nitco.in/nitcoassets/builder.png");
    background-size: cover;
    background-position: center center;
}
@media screen and (max-width: 1024px) {
.nt-content-block .rgt-bg-img .nt-content-btn { margin: 37px 0px 13px 0px; }
}
.nt-content-block .middle-bg-img {
    background-image: url("https://www.nitco.in/nitcoassets/look-group-2.jpg");
    background-size: cover;
    background-position: center center;
}
@media screen and (max-width: 1024px) {
.nt-content-block .middle-bg-img .nt-content-btn { margin: 37px 0px 13px 0px; }
}
.nt-wrapper { text-align: left; color: #000000; }
.nt-wrapper a { color: rgba(0, 0, 0, 0.55); }
.nt-wrapper a:hover { color: #000000; }
.nt-wrapper .nt-content .nt-header { font-family: 'Montserrat', sans-serif; font-size: 64px; font-weight: 500; margin-bottom: 16px; opacity: 0.4; text-align: left; line-height: 1.3; }
@media screen and (max-width: 1024px) {
.nt-wrapper .nt-content .nt-header { display: none; }
}
.nt-wrapper .nt-content .nt-details { line-height: 1.56; font-family: 'Open Sans', sans-serif; font-size: 16px; text-align: left; }
@media screen and (max-width: 1024px) {
.nt-wrapper .nt-content .nt-details { display: none; }
}
.nt-wrapper .nt-content .detail-collection { font-size: 22px; text-align: center; color: rgba(0, 0, 0, 0.8); }
.nt-wrapper .nt-content .detail-collection h4 { display: none; }
@media screen and (max-width: 1024px) {
.nt-wrapper .nt-content .detail-collection h4 { font-size: 32px; display: block; color: rgba(0, 0, 0, 0.76); }
}
@media screen and (max-width: 767px) {
.nt-wrapper .nt-content .detail-collection h4 { font-size: 22px; color: rgba(0, 0, 0, 0.8); }
}
.nt-wrapper .nt-content .desk-primary-btn-white { /* 			width: 100%; */ }
@media screen and (max-width: 1024px) {
.nt-wrapper .nt-content .desk-primary-btn-white { width: 256px; margin: 32px auto; }
}
@media screen and (max-width: 767px) {
.nt-wrapper .nt-wrapper-samples { overflow: hidden; height: 70px; width: 295px; }
}
.nt-wrapper .nt-wrapper-samples .nt-wrapper-img { float: left; font-size: 14px; margin-top: 15px; margin-right: 15px; width: 82px; height: 83px; font-family: sans-serif, 'Montserrat'; }
@media screen and (max-width: 767px) {
.nt-wrapper .nt-wrapper-samples .nt-wrapper-img { width: 60px; height: 60px; }
}
.nt-wrapper .nt-samples-link { display: none; }
@media screen and (max-width: 767px) {
.nt-wrapper .nt-samples-link { font-size: 14px; display: block; float: left; position: relative; top: -40px; left: 220px; text-decoration: underline; }
}
.nt-wrapper .nt-wrapper-btn { /*
  		float: left;
  		transform: translateY(86%);
  */ display: none; }
@media screen and (max-width: 767px) {
.nt-wrapper .nt-wrapper-btn { display: block; margin-top: 24px; text-align: center; }
}
@media screen and (max-width: 767px) {
.nt-wrapper .nt-wrapper-btn .nt-btn .btn { background-color: transparent; width: 290px; height: 50px; font-size: 18px; font-weight: 600; border: 1px solid #000000; }
}
@media screen and (max-width: 767px) {
.nt-wrapper .desk-primary-btn-white { display: none; }
}
.nt-wrapper .nt-wrapper-dropdown { border: 1px solid #000000; list-style: none; width: 330px; height: 60px; }
.nt-wrapper .nt-wrapper-dropdown .dropdown { text-align: left; font-family: 'Open Sans', sans-serif; margin-top: 15px; font-weight: 600; letter-spacing: 1px; }
.nt-wrapper .nt-wrapper-dropdown .dropdown a { padding: 0px 10px; }
.nt-wrapper .nt-wrapper-dropdown .dropdown a span { font-size: 23px; vertical-align: middle; position: absolute; left: 290px; }
.nt-wrapper .nt-wrapper-dropdown .dropdown .dropdown-menu { min-width: 330px; }
.nt-wrapper .nt-wrapper-dropdown .dropdown .dropdown-menu li { font-size: 18px; }
.nt-showcase-container { margin-bottom: 90px; }
.nt-showcase-container .nt-inner-showcase-container { padding-left: 55px; }
@media screen and (max-width: 1024px) {
.nt-showcase-container .nt-inner-showcase-container { padding: 5px; }
}
.nt-showcase-container .nt-inner-showcase-container h3 { font-family: 'Montserrat', sans-serif; font-size: 64px; font-weight: 500; text-align: left; color: rgba(0, 0, 0, 0.24); word-break: break-word; }
@media screen and (max-width: 1024px) {
.nt-showcase-container .nt-inner-showcase-container h3 { font-size: 32px; text-align: center; color: rgba(0, 0, 0, 0.76); }
}
@media screen and (max-width: 767px) {
.nt-showcase-container .nt-inner-showcase-container h3 { font-size: 22px; text-align: center; color: rgba(0, 0, 0, 0.8); }
}
.nt-showcase-container .nt-inner-showcase-container p { font-size: 18px; line-height: 1.56; text-align: left; color: #000000; font-family: 'Open Sans', sans-serif; }
@media screen and (max-width: 1024px) {
.nt-showcase-container .nt-inner-showcase-container p { display: none; }
}
.nt-showcase-container .nt-inner-showcase-container span { border-bottom: 1px solid; font-family: 'Open Sans', sans-serif; font-size: 18px; }
@media screen and (max-width: 1024px) {
.nt-showcase-container .nt-inner-showcase-container span { display: none; }
}
.nt-inner-showcase-container1 { display: none; }
@media screen and (max-width: 1024px) {
.nt-inner-showcase-container1 { display: block; }
}
.nt-inner-showcase-container1 p { font-size: 18px; line-height: 1.56; text-align: left; color: #000000; font-family: 'Open Sans', sans-serif; margin-top: 16px; margin-bottom: 14px; }
@media screen and (max-width: 1024px) {
.nt-inner-showcase-container1 p { font-size: 16px; float: left; width: 410px; }
}
@media screen and (max-width: 767px) {
.nt-inner-showcase-container1 p { float: none; width: 100%; }
}
.nt-inner-showcase-container1 span { border-bottom: 1px solid #000000; font-family: 'Open Sans', sans-serif; font-size: 18px; }
@media screen and (max-width: 1024px) {
.nt-inner-showcase-container1 span { float: right; margin-top: 16px; font-size: 16px; }
}
@media screen and (max-width: 767px) {
.nt-inner-showcase-container1 span { float: none; margin-top: 0; }
}
.nt-3dview-container { margin-bottom: 80px; text-align: center; }
.nt-3dview-container h3 { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 500; line-height: 1.42; color: rgba(0, 0, 0, 0.76); }
.nt-groupcontent { font-family: 'Montserrat', sans-serif; text-align: left; font-size: 16px; font-weight: 500; }
.nt-groupcontent .nt-group1 { margin-top: 30px; }
.nt-groupcontent .nt-group1 .title { margin-left: 40px; border-bottom: 1px solid #000000; padding-bottom: 8px; }
.nt-groupcontent .nt-group1 li { list-style-type: none; margin: 16px 0px; color: rgba(0, 0, 0, 0.55); }
.nt-groupcontent .nt-group1 li .list-item1 { color: rgba(0, 0, 0, 0.76); }
.nt-groupcontent .nt-group1 li img { padding-bottom: 4px; }
.nt-groupcontent .header { font-size: 24px; font-weight: 500; line-height: 1.42; color: rgba(0, 0, 0, 0.76); }
.nt-groupcontent .nt-group2 { color: #000000; font-family: 'Montserrat', sans-serif; text-align: left; }
.nt-groupcontent .nt-group2 li { list-style-type: none; line-height: 1.5; display: inline-block; margin: 20px 0px; }
.nt-groupcontent .nt-group2 li .icon { background: #ededed; height: 90px; width: 90px; border-radius: 50%; float: left; margin-right: 30px; }
.nt-groupcontent .nt-group2 li .icon-header { font-weight: 600; }
.nt-primarycontent { text-align: center; color: #000000; font-family: 'Montserrat', sans-serif; margin-bottom: 80px; }
.nt-primarycontent h3 { font-size: 24px; font-weight: 500; line-height: 1.42; color: rgba(0, 0, 0, 0.76); margin-bottom: 8px; }
.nt-primarycontent p { font-size: 16px; line-height: 1.5; }
.nt-primarycontent .tile_face_img { width: 930px; height: 677px; margin: 0 auto; }
img { max-width: 100%; }
.humb_menu { display: none; float: right; font-size: 21px; margin: 12px 0 0 1px; }
@media screen and (max-width: 1024px) {
.humb_menu { margin: 0px 0 0 17px; }
}
@media screen and (max-width: 767px) {
.humb_menu { display: block; margin: 0px 0 0 7px; }
}
.sidenav { height: 100%; width: 0; position: fixed; z-index: 9; top: 0; left: 0; background-color: #000000; overflow-x: hidden; transition: 0.5s; padding-top: 60px; }
.sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s; }
.sidenav a:hover { color: #grey-bg; }
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; }
.footer-wiget .footer-dropdown { border: 1px solid #000000; width: 100%; }
.footer-wiget .footer-dropdown .dropdown { margin: 3px 0px; }
.footer-wiget .footer-dropdown .dropdown a { padding: 0px 10px; }
.footer-wiget .footer-dropdown .dropdown a span { font-size: 23px; vertical-align: middle; padding-right: 5px; position: absolute; right: 0; padding-left: 140px; }
.footer-wiget .footer-dropdown .dropdown .dropdown-menu { width: 100%; left: -2px; }
.secondary_menu { position: sticky; top: 0; z-index: 3; }
@media screen and (max-width: 767px) {
.secondary_menu { top: 0; }
}
.secondary_menu .header-list { float: right; margin-top: 6px; }
@media screen and (max-width: 1024px) {
    .secondary_menu .header-list {
        display: block;
        position: absolute;
        top: 5px;
        right: 50px;
    }
    .secondary_menu .header-list .spantext {
        display: none;
    }
    .hide-mobile {
        display: none;
    }
}
@media screen and (min-width: 1024px){
    .hide-desktop{
        display:none;
    }
}
.secondary_menu .header-list ul { list-style: none; }
.secondary_menu .header-list ul li { float: left; margin: 0 8px; }
.secondary_menu .header-list ul li .header-design .header-design-img { height: 24px; width: 24px; display: inline-block; }
.secondary_menu .header-list ul li .header-design .header-design-icon { font-size: 18px; font-weight: 300; }
.secondary_menu .header-list ul li .header-design span { font-size: 14px; vertical-align: middle; font-weight: 600; color: #3a3a3a; }
@media screen and (max-width: 767px) {
.secondary_menu .header-list ul li .header-design span { vertical-align: unset; }
}
.secondary_menu .header-list-mobile { display: none; }
@media screen and (max-width: 1024px) {
.secondary_menu .header-list-mobile { display: block; }
}
@media screen and (max-width: 1024px) {
.secondary_menu .header-list-mobile ul li { margin: 0 10px; }
}
@media screen and (max-width: 767px) {
.secondary_menu .header-list-mobile ul li { margin: 0 15px; }
}
@media screen and (max-width: 767px) {
.secondary_menu .header-list-mobile ul li:first-child { display: none; }
}

.secondary_menu .header-list-mobile ul li .header-design span {
    font-size: 12px;
}

.secondary_menu .header-list-mobile ul li .header-design .header-design-img {
    width: auto;
    height: auto;
}

.secondary_menu .header-list-mobile ul li .header-design .header-design-img1 {
    position: relative;
    bottom: 2px;
}

.secondary_menu .header-list-mobile ul li .header-design .header-design-icon {
    font-size: 20px;
    position: relative;
    top: 4px;
    font-weight: 100;
}

.secondary_menu .secondary-header {
    padding: 5px 14px 0px 14px;
}

    .secondary_menu .secondary-header ul {
        list-style: none;
        display: -webkit-flex;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        justify-content: space-between;
    }

        .secondary_menu .secondary-header ul li ul {
            display: none;
            list-style: none;
        }

        .secondary_menu .secondary-header ul li {
            font-size: 14px;
            font-family: 'Open Sans', sans-serif;
        }

            .secondary_menu .secondary-header ul li a {
                color: rgb(27, 27, 27)
            }

                .secondary_menu .secondary-header ul li a:hover {
                    color: #000000;
                    border-bottom: 2px solid #000000;
                    padding-bottom: 12px;
                }

                .secondary_menu .secondary-header ul li a:focus {
                    color: #000000;
                    border-bottom: 2px solid #000000;
                    padding-bottom: 12px;
                }

        .secondary_menu .secondary-header ul .divmainmenu {
            height: 100%;
            padding: 10px 10px;
            width: 100%;
            font-family: 'Open Sans', sans-serif;
        }

        .secondary_menu .secondary-header ul .divmenu {
            transition: all 5s ease-in-out;
            float: left;
        }

            .secondary_menu .secondary-header ul .divmenu li {
                font-size: 13px;
                padding-bottom: 5px;
            }

            .secondary_menu .secondary-header ul .divmenu h2 {
                font-size: 14px;
                margin-bottom: 10px;
                padding-bottom: 5px;
                margin-top: 10px;
                font-weight: 600px;
                letter-spacing: 0.03rem;
                font-family: 'Open Sans', sans-serif;
            }

            .secondary_menu .secondary-header ul .divmenu .hdrtitle h2 {
                color: #000000;
                font-size: 15px;
                font-weight: 600px;
                letter-spacing: 1px;
                padding-bottom: 10px;
                border-bottom: 1px solid rgb(231, 231, 231);
            }

            .secondary_menu .secondary-header ul .divmenu a:hover {
                color: #000000;
                border-bottom: 2px solid #000000;
                padding-bottom: 5px;
            }

            .secondary_menu .secondary-header ul .divmenu a:focus {
                color: #000000;
                border-bottom: 2px solid #000000;
                padding-bottom: 5px;
            }


.secondary_menu .secondary-header ul li:hover div { display: block; }
 @media screen and (max-width: 767px) {
.nitco-menu-list ul { text-align: center; padding: 40px; width: 100%; }
}
@media screen and (max-width: 767px) {
.nitco-menu-list ul li { list-style: none; margin: 15px 0; font-weight: 400; }
}
@media screen and (max-width: 767px) {
.nitco-menu-list ul li a { color: #000000; text-decoration: none; }
}
.nitco-menu-list.open-menu { opacity: 1; display: block; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; }
@media screen and (max-width: 1024px) {
.nitco-menu-list { top: 60px !important; font-family: inherit; top: 0; left: 0; z-index: 999; display: none; position: fixed; width: 100%; height: 100%; background: #ffffff; padding: 0; margin: 0; }
}
.sticky-wrapper { height: auto !important; }
.nt-mobile-enquire { display: none; }
@media screen and (max-width: 1024px) {
.nt-mobile-enquire { height: 49px; margin-top: 27px; z-index: 9999; display: block; background: #f5f5f5; -webkit-transition: 0.2s ease all; transition: 0.2s ease all; position: fixed; width: 100%; bottom: 0; }
}
.nt-mobile-enquire.stick-footer { position: fixed; bottom: 0; width: 100%; }
.nt-mobile-enquire.stuck { position: relative; width: 100%; }
.nt-mobile-enquire .nt-enquire-section { float: left; border: 1px solid #000000; border-right: 0px; padding-left: 7px; padding-right: 7px; padding-top: 5px; padding-bottom: 5px; width: 12%; height: 49px; }
.nt-mobile-enquire .nt-enquire-section .icon-set { font-size: 36px; }
@media screen and (max-width: 767px) {
.nt-mobile-enquire .nt-enquire-section .icon-set { font-size: 29px; }
}
@media screen and (max-width: 1024px) {
.nt-mobile-enquire .nt-enquire-section { padding-left: 19px; padding-right: 10px; padding-top: 5px; padding-bottom: 0; }
}
@media screen and (max-width: 767px) {
.nt-mobile-enquire .nt-enquire-section { padding-left: 7px; padding-right: 7px; padding-top: 9px; padding-bottom: 5px; }
}
.nt-mobile-enquire .nt-enquire-btn-white { float: left; width: 44%; }
.nt-mobile-enquire .nt-enquire-btn-white .nt-btn .btn { border: 1px solid #000000; background: #f5f5f5; width: 100%; height: 49px; font-size: 16px; line-height: 1.5; padding: 11px 0; }
.nt-mobile-enquire .nt-enquire-btn-black { float: left; width: 44%; }
.nt-mobile-enquire .nt-enquire-btn-black .nt-btn .btn { width: 100%; border: 1px solid #000000; border-left: none; background: #000000; color: #ffffff; height: 49px; font-size: 16px; line-height: 1.5; }
.enquire-popup { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 99999; }
.enquire-popup:target { visibility: visible; opacity: 1; }
.from-popup { /*
  	position: fixed;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	background: rgba(0, 0, 0, 0.7);
  	transition: opacity 500ms;
  	visibility: hidden;
  	opacity: 0;
  	z-index: 99999;
  	&:target {
  		visibility: visible;
  		opacity: 1;
  	}
  */ }
.from-popup .popup { background: #f5f5f5; width: 690px; height: 654px; position: relative; top: 20px; transition: all 5s ease-in-out; margin: 0 auto; padding: 0 40px; overflow-y: scroll; }
@media screen and (max-width: 1024px) {
.from-popup .popup { height: auto; padding: 40px; }
}
@media screen and (max-width: 767px) {
.from-popup .popup { padding: 0; width: 100%; overflow-y: scroll; height: 100%; top: 0; }
}
.from-popup .popup .modal-body { padding: 0; }
.from-popup .popup h4 { text-align: center; color: rgba(0, 0, 0, 0.76); padding-top: 40px; margin-top: 0; font-size: 18px; }
.from-popup .popup p { font-size: 14px; text-align: center; color: rgba(0, 0, 0, 0.76); margin-bottom: 15px; }
.from-popup .popup .popup-close { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 20px; font-weight: bold; text-decoration: none; color: rgba(0, 0, 0, 0.76); opacity: 0.76; }
@media screen and (max-width: 767px) {
.from-popup .popup .popup-close { top: 12px; right: 14px; }
}
.from-popup .popup .gform_wrapper { margin: 0 !important; }
.from-popup .popup .gform_wrapper .gform_footer { padding-left: 15px !important; padding-bottom: 0 !important; }
.from-popup .popup .gform_wrapper .gform_footer .gform_button { width: 100px !important; height: 40px; background: #000000; color: #ffffff; font-size: 16px !important; text-align: center; }
.from-popup .popup .gform_wrapper .validation_error { display: none; }
.from-popup .popup .gform_validation_error .validation_error { display: none !important; }
.from-popup .popup .gform_validation_error .gfield_error { width: 50%; border: none; background: transparent; margin-top: 0 !important; }
@media screen and (max-width: 767px) {
.from-popup .popup .gform_validation_error .gfield_error { width: 100%; }
}
.from-popup .popup .gform_validation_error .gfield_error .medium { width: 270px; height: 45px; border-radius: 2px; background-color: #ffffff; border: solid 1px rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 767px) {
.from-popup .popup .gform_validation_error .gfield_error .medium { width: 100%; }
}
.from-popup .popup .gform_validation_error .select-size { margin-top: 0 !important; }
.from-popup .popup .gform_body li { clear: none; }
.from-popup .popup .gform_body li .gfield_label { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.62; text-align: left; color: #000000; }
.from-popup .popup .gform_body li .medium { width: 270px !important; /*height: 25px;*/ border-radius: 2px; background-color: #ffffff; border: solid 1px #b1b2b5; }
@media screen and (max-width: 767px) {
.from-popup .popup .gform_body li .medium { width: 100%; }
}
.from-popup .popup .gform_body li .textarea { width: 100% !important; height: 66px; }
@media screen and (max-width: 767px) {
.from-popup .popup .gform_body li .textarea { width: 100% !important; }
}
.from-popup .popup .gform_body li .textarea::-webkit-input-placeholder {
 font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 text-align: left;
 color: rgba(0, 0, 0, 0.24);
 line-height: 1.56;
}
@media screen and (max-width: 1024px) {
 .from-popup .popup .gform_body li .textarea::-webkit-input-placeholder {
 font-size: 16px;
}
}
.from-popup .popup .gform_body .select-size-radio { display: none; }
.from-popup .popup .gform_body .select-size-tiles ul li { float: left; }
.from-popup .popup .gform_body .select-size-tiles ul li input[type=radio] { display: none; }
.from-popup .popup .gform_body .select-size-tiles ul li input[type=radio]:checked + label { background: rgba(0, 0, 0, 0.76); color: #fff; }
.from-popup .popup .gform_body .select-size-tiles ul li label { /* width: 109px;*/ display: inline-block; text-align: center; cursor: pointer; height: 36px; background: #ffffff; margin-right: 32px; font-size: 14px; color: rgba(0, 0, 0, 0.76); padding: 9px 7px 8px 9px; }
.from-popup .popup .gform_body .select-size { clear: both !important; margin-top: 14px; margin-bottom: 8px; }
@media screen and (max-width: 1024px) {
.from-popup .popup .gform_body .select-size { padding-top: 10px; }
}
@media screen and (max-width: 767px) {
.from-popup .popup .gform_body .select-size { margin-top: 0px; }
}
.from-popup .popup .gform_body .select-size h5 { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.62; text-align: left; color: #000000; padding-bottom: 7px; }
.from-popup .popup .gform_body .select-size .filter-enquire { display: flex; }
@media screen and (max-width: 767px) {
.from-popup .popup .gform_body .select-size .filter-enquire { flex-wrap: wrap; justify-content: center; }
}
.from-popup .popup .gform_body .select-size .filter-enquire .filter-label { display: inline-block; text-align: center; cursor: pointer; width: 127px; height: 36px; background: #ffffff; margin-right: 32px; font-size: 14px; color: rgba(0, 0, 0, 0.76); padding: 9px 7px 8px 9px; }
.from-popup .popup .gform_body .validation_message { margin-top: 0; padding-top: 0; }
.from-popup .popup .enquire-alternative { padding-left: 15px; padding-right: 20px; text-align: center; }
.from-popup .popup .enquire-alternative:before { content: ""; display: block; margin-top: 18px; position: relative; top: 16px; width: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.24); border-radius: 2px; height: 1px; }
.from-popup .popup .enquire-alternative span { z-index: 1; position: relative; text-align: center; background: #f5f5f5; padding-left: 10px; padding-right: 10px; font-size: 16px; }
.from-popup .popup .enquire-contact .call-enquire { text-align: center; }
.from-popup .popup .enquire-contact .call-enquire span { font-size: 14px; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); }
.from-popup .popup .enquire-contact .call-enquire .icon-nt-call { font-size: 16px; }
.from-popup .popup .enquire-contact .message-enquire { text-align: center; }
.from-popup .popup .enquire-contact .message-enquire span { font-size: 14px; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); }
.from-popup .popup .enquire-contact .message-enquire .icon-nt-call { font-size: 16px; }
.getthistile-popup { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 99999; }
.getthistile-popup:target { visibility: visible; opacity: 1; }
.getthistile-popup .popup { background: #f5f5f5; position: relative; top: 50px; transition: all 5s ease-in-out; margin: 0 auto; padding-left: 21px; overflow-y: scroll; width: 329px; height: 164px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 -2px 8px 0 rgba(0, 0, 0, 0.09); background-color: #ffffff; }
.getthistile-popup .popup .text { font-size: 16px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.63; letter-spacing: normal; text-align: left; color: #000000; padding-top: 16px; }
.bookavisit { z-index: 9999; }
.bookavisit .visittext { width: 50%; text-align: center; margin: auto; line-height: normal; }
.bookavisit .close { padding-top: 24px; opacity: 1; right: 0; margin-right: -15px; }
.bookavisit .modal-content { width: 100%; height: 100%; padding: 0 40px; }
.bookavisit .popup { padding: 0px; }
.bookavisit .popup h4 { text-align: center; color: rgba(0, 0, 0, 0.75); padding-top: 24px !important; margin-top: 0; }
.bookavisit .popup .enquire-alternative span { background: #ffffff; color: black; }
.bookavisit .popup .popup-close { top: 41px; }
.bookavisit .popup .gform_wrapper .gfield_required { display: none; }
.bookavisit .popup .gform_wrapper form { margin-left: 13px; }
.bookavisit .popup .gform_wrapper form .gform_body .gfield { margin-top: 24px; padding: 0px 15px; }
.bookavisit .popup .gform_wrapper form .gform_body .gfield .gfield_label { margin-bottom: 0px !important; font-weight: normal; }
.bookavisit .popup .gform_wrapper form .gform_body .gfield .ginput_container { margin-top: 0px !important; }
.bookavisit .popup .gform_wrapper form .gform_footer { padding-left: 15px; margin: 35px 0 40px 0; }
.ui-datepicker-title select { margin-top: 2.5%; color: black; }
.get-this-tile { margin-bottom: 60px; }
.get-this-tile h3 { color: rgba(0, 0, 0, 0.8); }
@media screen and (max-width: 1024px) {
.get-this-tile h3 { font-size: 28px; }
}
.get-this-tile span { font-size: 14px; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); text-transform: uppercase; }
.get-this-tile .icon-nt-calculator { font-size: 18px; }
.get-this-tile .get-tile-img { margin-top: 35px; }
.get-this-tile .rate { font-size: 18px; text-transform: none; color: #000000; font-weight: 600; }
.get-this-tile .rate-price { float: right; font-size: 16px; font-weight: 600; line-height: 1.5; text-transform: none; color: #000000; }
.get-this-tile .rate-number { font-size: 18px; }
.get-this-tile .tile-check { font-size: 18px; font-weight: 600; color: #000000; margin-top: 26px; margin-bottom: 24px; }
.get-this-tile .tile-button { width: 100%; font-size: 18px; font-weight: 600; letter-spacing: 1px; color: #ffffff; padding-top: 8px; padding-bottom: 8px; height: auto; }
.get-this-tile .form-group { margin-top: 16px; }
.get-this-tile .form-group .input-group { border: 2px solid #000000; background: #ffffff; }
.get-this-tile .form-group .input-group .form-control { border: none; z-index: 0; }
.get-this-tile .form-group .input-group .form-control::-webkit-input-placeholder {
 font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 line-height: 1.56;
 color: rgba(0, 0, 0, 0.4);
}
.get-this-tile .form-group .input-group .input-group-btn { z-index: 0; }
.get-this-tile .form-group .input-group .input-group-btn .btn-default { border: none; border-left: 1px solid; padding-left: 10px; padding-right: 10px; font-size: 16px; font-weight: 600; text-align: left; color: #000000; font-family: 'Open Sans', sans-serif; }
.get-this-tile .form-group .input-group .input-group-btn .btn-default span { padding-left: 20px; font-weight: 600; text-align: left; color: #000000; font-size: 15px; }
@media screen and (max-width: 1024px) {
.get-this-tile .get-help { width: 50%; float: left; margin-top: 20px; }
}
@media screen and (max-width: 767px) {
.get-this-tile .get-help { display: none; }
}
.get-this-tile .get-help ul { list-style-type: none; }
.get-this-tile .get-help ul li { display: inline-block; margin: 20px 5px; font-size: 14px; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); }
.get-this-tile .get-help ul li span { text-transform: none; font-family: 'Open Sans', sans-serif; }
.get-this-tile .get-help ul li .icon-nt-chat { padding-right: 2px; }
.get-this-tile .get-help ul li .icon-nt-call { padding-right: 2px; }
.get-this-tile .get-help ul li .tile-help { font-size: 18px; font-weight: 600; color: #000000; }
@media screen and (max-width: 1024px) {
.get-this-tile .get-help ul .tile-help-list { display: block; }
}
.get-this-tile .work-block { background-color: #ffffff; }
@media screen and (max-width: 1024px) {
.get-this-tile .work-block { width: 50%; float: left; margin-top: 40px; }
}
@media screen and (max-width: 767px) {
.get-this-tile .work-block { display: none; }
}
.get-this-tile .work-block h5 { text-align: center; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600; color: #000000; padding: 15px 0px; }
.get-this-tile .work-block .work-list ol { list-style: none; }
.get-this-tile .work-block .work-list ol li { counter-increment: item; margin-bottom: 15px; font-size: 16px; line-height: 1.62; color: #000000; }
.get-this-tile .work-block .work-list ol li:before { margin-right: 10px; content: counter(item); background-color: #ededed; border-radius: 50%; color: #000000; width: 26px; text-align: center; display: inline-block; height: 26px; vertical-align: middle; }
.get-this-tile .work-block .payment-info { border-top: 1px solid rgba(0, 0, 0, 0.16); margin: 0 40px; padding: 12px 5px; font-size: 14px; font-weight: 600; color: #000000; }

/*
	.form-enquire{
		text-align: center;
		margin-top: 25px;
		.form-group{
			display: inline-block;
		    margin: 25px 30px;
		    text-align: left;
		    font-size: 16px;
		    line-height: 1.62;
		    .form-control{
			    text-align: left;
				font-size: 16px;
				line-height: 1.62;
			    width: 270px;
				height: 45px;
				background: $white;
				border: 1px solid $base-color-76;
		    }
		}
		h5{
			text-align: left;
			margin-left: 45px;
		}*/
/*
		.content {
			display: none;
		}
*/
/*
		#choice_1_4_0:checked~#filter .featured,
		#choice_1_4_1:checked~#filter .personal,
		#choice_1_4_2:checked~#filter .tech,
		#choice_1_4_3:checked~#filter .tech1 {
			background-color: green;
		}
*/
/*
		input[type="radio"] #choice_1_4_0 :checked~main .featured {
			display: block;
		}

		#choice_1_4_1:checked~main .personal {
			display: block;
		}

		#choice_1_4_2:checked~main .tech {
			display: block;
		}
		#choice_1_4_3:checked~main .tech1 {
			display: block;
		}
	:checked + label {
    	color: blue;
	}
*/
@media (min-width: 1400px) {
.container { width: 1170px; }
.secondary_menu .menu .navigation { padding-left: 10px; }
.secondary_menu .header-list ul li { margin: 0 8px; }
.product-banner .product-details .group-variation .col-variation-lab { width: 30%; }
.product-banner .product-details .group-variation .col-variation-val { width: 70%; }
}
.gallery-thumbs { height: 20% !important; box-sizing: border-box; padding: 18px 0; }
.gallery-thumbs .swiper-slide { width: 180px !important; height: 100%; opacity: 0.4; margin-right: 16px; }
@media screen and (max-width: 767px) {
.gallery-thumbs .swiper-slide { width: 91px !important; }
}
.gallery-thumbs .swiper-slide-active { opacity: 1; }
.gallery-thumbs .swiper-wrapper { margin-left: calc(-33% - 75px); }
@media screen and (max-width: 1200px) {
.gallery-thumbs .swiper-wrapper { margin-left: calc(-33% - 35px); }
}
@media screen and (max-width: 767px) {
.gallery-thumbs .swiper-wrapper { margin-left: calc(-33% - 5px); }
}
.select2-selection__arrow { display: none; }
.select-dropdown { position: relative; width: 160px; }
@media screen and (max-width: 767px) {
.select-dropdown { width: 100%; }
}
.select-dropdown select { text-transform: none; border: 1px solid #000; border-radius: 0px; -webkit-appearance: none; padding: 5px 10px; width: 100%; appearance: none; }
.select2.select2-container--open:before { content: "\e934" !important; }
.select2.select2-container:before { position: absolute; right: 10px; top: 10px; content: "\e92f"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #eee !important; color: #000000; }
.select2-dropdown { font-size: 15px; top: -1px; border-radius: 0 !important; border-color: #000000 !important; }
.select2-dropdown .select2-results__option { padding: 10px; padding-left: 16px; }
.select2-container--default .select2-selection__arrow { top: 6px !important; right: 12px !important; }
.select2-container--default .select2-selection--single { position: relative; width: 160px; height: 40px; padding: 5px 10px; text-transform: none; border: 1px solid #000; border-radius: 0px; -webkit-appearance: none; appearance: none; background: transparent; }
@media screen and (max-width: 767px) {
.select2-container--default .select2-selection--single { width: 100%; }
}
.footer-dropdown-wrapper { margin-bottom: 16px; }
.footer-dropdown-wrapper .heading { font-size: 14px; font-weight: normal; margin-bottom: 4px; }
.menu { position: relative; top: 12px; width: 25px; height: 26px; float: left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
@media screen and (max-width: 767px) {
.menu { z-index: 9999; }
}
.menu.open { color: #000000; }
.menu.open span { background: #000000; }
.menu.open span:nth-child(1) { top: 8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.menu.open span:nth-child(2) { opacity: 0; left: -60px; }
.menu.open span:nth-child(3) { top: 8px; width: 100%; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
.menu span { display: block; position: absolute; height: 2px; width: 100%; background: #000000; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.menu span:nth-child(1) { top: 0px; }
.menu span:nth-child(2) { top: 8px; }
.menu span:nth-child(3) { top: 16px; background: #000000; width: 100%; }
.menu .menu3 { width: 13px; background-color: #000000; }
.mobile-menu-wrapper { font-family: inherit; top: 43px; left: 0; z-index: 999; display: block; position: fixed; text-transform: capitalize; width: 100%; height: 100%; padding: 0; margin: 0; width: 100% !important; transition: all 0.5s linear; opacity: 0; background: #fff; }
.mobile-menu-wrapper.open-menu { opacity: 1; display: block; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; height: 450px; overflow: auto; }
.mobile-menu-wrapper .heading-nav { text-transform: uppercase; color: #000000; padding: 20px; }
.mobile-menu-wrapper li { padding: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.24); }
.mobile-menu-wrapper li a { color: rgba(0, 0, 0, 0.76); }
.region-modal-wrapper .container-modal { padding: 30px 40px 28px 40px; }
.region-modal-wrapper .container-modal h4 { font-size: 39px; }
.region-modal-wrapper .container-modal .lable-modal { margin-bottom: 10px; }
.region-modal-wrapper .btn-modal { background: #000; width: 100%; text-align: center; height: 50px; color: #fff; }
.region-modal-wrapper .modal-dialog { margin: 40px 20px 0 auto !important; width: 690px; border: 0; }
.region-modal-wrapper .modal-dialog:before { content: " "; top: -23px; right: 150px; border-bottom-width: 0px; border-bottom-color: #fff; border-width: 12px; position: absolute; display: block; width: 0px; height: 0px; z-index: 9; border-style: solid; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; }
@media screen and (max-width: 1024px) {
.region-modal-wrapper .modal-dialog:before { right: 60px; }
}
.region-modal-wrapper .modal-dialog .modal-content { border-radius: 0px; }
.region-modal-wrapper .modal-dialog .modal-content .modal-body { padding: 0; }
.region-modal-wrapper .modal-dialog .modal-content .modal-body form { margin: 30px 0; }
.region-modal-wrapper .modal-dialog .modal-content .modal-body form .select2-selection--single { width: 210px; }
.nitco-faq { width: 690px; margin: 40px auto; }
@media screen and (max-width: 1024px) {
.nitco-faq { width: 100%; }
}
.nitco-faq h2 { text-align: center; position: relative; color: rgba(0, 0, 0, 0.8); margin: 0 0 65px; }
@media screen and (max-width: 767px) {
.nitco-faq h2 { margin: 0 0 45px; }
}
.nitco-faq h2:after { content: ""; position: absolute; text-align: center; left: 39%; bottom: -24px; height: 1px; width: 150px; border-bottom: 1px solid #c4c4c4; }
@media screen and (max-width: 767px) {
.nitco-faq h2:after { left: 29%; }
}
.nitco-faq h4 { color: rgba(0, 0, 0, 0.76); letter-spacing: 0.8px; }
@media (min-width: 1200px) and (max-width: 1400px) {
.nitco-faq h4 { font-size: 14px; }
}
@media screen and (max-width: 1200px) {
.nitco-faq h4 { font-size: 14px; }
}
.nitco-faq .faq-content { margin-bottom: 53px; }
@media screen and (max-width: 1024px) {
.nitco-faq .faq-content h4 { display: none; }
}
@media screen and (max-width: 767px) {
.nitco-faq .faq-content h4 { display: block; }
}
.nitco-faq .faq-content p { font-size: 18px; line-height: 1.56; }
@media (min-width: 1200px) and (max-width: 1400px) {
.nitco-faq .faq-content p { font-size: 16px; }
}
@media screen and (max-width: 1200px) {
.nitco-faq .faq-content p { font-size: 16px; }
}
@media screen and (max-width: 767px) {
.nitco-faq .faq-content p { font-size: 16px; }
}
.nitco-faq .faq-section { margin-bottom: 56px; }
.nitco-faq .faq-section .section-heading h4 { text-align: center; padding: 3px 0; background: #ffffff; margin-bottom: 30px; letter-spacing: 0.8px; }
.nitco-faq .faq-section .panel-default { border: 0; box-shadow: none; border-bottom: 1px solid rgba(0, 0, 0, 0.24); width: 100%; }
.nitco-faq .faq-section .payment-default:nth-child(1) { border-top: 1px solid rgba(0, 0, 0, 0.24); }
.nitco-faq .faq-section .panel-heading { padding-left: 0; padding-bottom: 0; }
.nitco-faq .faq-section .panel-heading .panel-title { position: relative; }
.nitco-faq .faq-section .panel-heading .panel-title .select2.select2-container { display: block; }
.nitco-faq .faq-section .panel-heading .panel-title .select2.select2-container:before { top: 3px; right: 0; }
.nitco-faq .faq-section .panel-collapse .panel-body { background: #f5f5f5; border: 0; padding-left: 0; padding-top: 0; }
.nitco-faq .faq-section .panel-collapse .panel-body .faq-product-content { display: inline-block; margin-right: 30px; margin-top: 24px; }
@media screen and (max-width: 767px) {
.nitco-faq .faq-section .panel-collapse .panel-body .faq-product-content { margin-bottom: 10px; }
}
.nitco-faq .faq-section .panel-collapse .panel-body .faq-product-content figure { margin: 0; }
.nitco-faq .faq-section .panel-collapse .panel-body .faq-product-content .product-image { width: 210px; height: 210px; }
.nitco-faq .faq-section .panel-collapse .panel-body .faq-product-content h6 { line-height: 1.56; margin: 8px 0 0; }
@media (min-width: 1200px) and (max-width: 1400px) {
.nitco-faq .faq-section .panel-collapse .panel-body .faq-product-content .wp-caption-text { font-size: 16px; }
}
@media screen and (max-width: 1200px) {
.nitco-faq .faq-section .panel-collapse .panel-body .faq-product-content .wp-caption-text { font-size: 16px; }
}
@media screen and (max-width: 767px) {
.nitco-faq .faq-section .panel-collapse .panel-body .faq-product-content .wp-caption-text { font-size: 14px; }
}
.nitco-faq .faq-section .panel-collapse .panel-body p { line-height: 1.62; margin-top: 24px; }
@media screen and (max-width: 767px) {
.nitco-faq .faq-section .panel-collapse .panel-body p { margin-top: 14px; }
}
.faq-help { width: 810px; margin: 0 auto; background: #ffffff; text-align: center; padding: 21px 60px 25px 60px; margin-bottom: 94px; }
@media screen and (max-width: 767px) {
.faq-help { display: block; width: 100%; padding: 24px 15px 16px; margin-bottom: 0; }
}
.faq-help h4 { color: rgba(0, 0, 0, 0.76); margin: 0; }
.faq-help p { font-size: 18px; line-height: 1.56; margin: 16px 0 24px; }
@media screen and (max-width: 767px) {
.faq-help p { font-size: 16px; }
}
.faq-help .faq-help-section { display: inline-block; border: 1px solid; padding: 10px 29px 17px 28px; margin-right: 30px; height: 50px; }
@media screen and (max-width: 767px) {
.faq-help .faq-help-section { width: 100%; margin: 24px auto 0; }
}
.faq-help .faq-help-section .icon-chat { vertical-align: middle; }
.faq-help .faq-help-section .icon-call { vertical-align: middle; }
.faq-help .faq-help-section p { margin: 0; display: inline-block; text-transform: uppercase; font-size: 14px; }
@media screen and (max-width: 767px) {
.faq-help .faq-help-section p { font-size: 14px; }
}
.delivery-info { margin-top: 48px; }
.delivery-info h2 { margin-bottom: 57px; letter-spacing: 0.8px; }
.delivery-info h2:after { left: 32%; width: 250px; }
@media screen and (max-width: 1024px) {
.delivery-info h2:after { left: 36%; width: 210px; }
}
@media screen and (max-width: 767px) {
.delivery-info h2:after { left: 42%; width: 60px; }
}
.delivery-info .faq-content { margin-bottom: 0; }
.delivery-info .faq-content p { margin-bottom: 32px; }
.delivery-info .faq-section .panel-body { padding-top: 21px; padding-bottom: 32px; }
.delivery-info .faq-section .panel-body ul { margin: 0; padding-left: 20px; }
.delivery-info .faq-section .panel-body ul li { margin-bottom: 16px; }
@media screen and (max-width: 767px) {
.delivery-info .faq-section .panel-body ul li { font-weight: 300; }
}
.delivery-pop-up .modal-dialog { width: 100%; }
.delivery-pop-up .modal-dialog .modal-content { background-color: #f5f5f5; }
.blog-header { height: 400px; object-fit: contain; background-position: center center; display: flex; justify-content: center; align-items: center; flex-direction: column; }
@media screen and (max-width: 1024px) {
.blog-header { height: 200px; }
}
.blog-header p { font-weight: 500; letter-spacing: 1px; color: #ffffff; text-transform: uppercase; margin: 0; }
.blog-header h1 { color: #ffffff; margin: 24px 0 0; }
@media screen and (max-width: 767px) {
.blog-header h1 { margin: 12px 0 0; }
}
.nitco-blog .nav-tabs { border: none; }
.nitco-blog .blog-heading { text-align: center; background: #ffffff; }
@media screen and (max-width: 767px) {
.nitco-blog .blog-heading { overflow-x: scroll; white-space: nowrap; }
}
.nitco-blog .blog-heading ul { list-style: none; margin: 0; }
.nitco-blog .blog-heading ul li { display: inline-block; cursor: pointer; margin: 0px 24px 0 24px; font-size: 16px; font-weight: 500; color: rgba(0, 0, 0, 0.24); text-transform: uppercase; position: relative; padding: 13px 0 12px; }
.nitco-blog .blog-heading ul li:after { content: "."; position: absolute; font-size: 30px; top: -3px; right: -32px; color: #c4c4c4; }
.nitco-blog .blog-heading ul li:last-child:after { content: ""; }
.nitco-blog .blog-heading ul li h5 { margin: 0; }
.nitco-blog .blog-heading ul li h5 a { color: rgba(0, 0, 0, 0.4); }
.nitco-blog .blog-heading ul li h5 a:hover { color: #000000; }
.nitco-blog .blog-heading ul .is-checked { color: rgba(0, 0, 0, 0.76); border-bottom: 2px solid rgba(0, 0, 0, 0.76); }
.nitco-blog .blog-heading ul .is-checked a { color: #000000; }
.nitco-blog .heading-wrapper { min-height: 530px; }
@media screen and (max-width: 767px) {
.nitco-blog .heading-wrapper { min-height: 300px; }
}
.nitco-blog .heading-wrapper .heading-content { min-height: 650px; }
@media screen and (max-width: 1024px) {
.nitco-blog .heading-wrapper .heading-content { min-height: 375px; }
}
@media screen and (max-width: 767px) {
.nitco-blog .heading-wrapper .heading-content { min-height: unset; }
}
.nitco-blog .heading-wrapper .heading-content .blog-design { margin-bottom: 30px; min-height: 474px; }
@media screen and (max-width: 1024px) {
.nitco-blog .heading-wrapper .heading-content .blog-design { min-height: unset; }
}
.nitco-blog .heading-wrapper .heading-content .blog-design img { height: auto; width: 100%; }
@media screen and (max-width: 1024px) {
.nitco-blog .heading-wrapper .heading-content .blog-design { margin-bottom: 24px; }
}
.nitco-blog .heading-wrapper .heading-content .blog-design .tile-text p { font-size: 18px; line-height: 1.56; color: rgba(0, 0, 0, 0.4); margin: 10px 0 0 0; }
.nitco-blog .heading-wrapper .heading-content .blog-design .tile-text p a { color: rgba(0, 0, 0, 0.55); }
@media screen and (max-width: 767px) {
.nitco-blog .heading-wrapper .heading-content .blog-design .tile-text p { font-size: 16px; line-height: 25px; }
}
.nitco-blog .heading-wrapper .heading-content .blog-design .text-content h4 { color: rgba(0, 0, 0, 0.76); margin: 0; }
@media screen and (max-width: 767px) {
.nitco-blog .heading-wrapper .heading-content .blog-design .text-content h4 { line-height: 30px; font-weight: bold; clear: both; }
}
.nitco-blog .blog-searchbox { margin: 24px 0; }
.nitco-blog .blog-searchbox .form-control::-webkit-input-placeholder {
 font-size: 14px;
 color: rgba(0, 0, 0, 0.48);
 font-family: 'Open Sans', sans-serif;
}
@media screen and (max-width: 767px) {
.nitco-blog .blog-searchbox { clear: both; width: 100%; margin: 13px 0; float: none; }
}
.nitco-blog .blog-searchbox .navbar-form { text-align: right; padding: 0; }
@media screen and (max-width: 767px) {
.nitco-blog .blog-searchbox .navbar-form { margin: 0; }
}
.nitco-blog .blog-searchbox .search_icon { float: left; padding: 0; margin: 0px 0px 0 8px; font-size: 16px; font-weight: 300; opacity: 0.4; width: 100%; text-align: left; }
.nitco-blog .blog-searchbox .input-group { width: 330px; background-color: rgba(255, 255, 255, 0.8); }
@media screen and (max-width: 767px) {
.nitco-blog .blog-searchbox .input-group { width: 100%; }
}
.nitco-blog .blog-searchbox .input-group > .form-control { width: 85%; padding-left: 9px; border-color: transparent; box-shadow: unset; height: auto; background: transparent; }
.nitco-blog .blog-searchbox ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000000;
 font-size: 16px;
 font-family: 'Open Sans', sans-serif;
}
.nitco-blog .blog-searchbox ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000;
 font-size: 16px;
 font-family: 'Open Sans', sans-serif;
}
.nitco-blog .blog-searchbox :-ms-input-placeholder {
  /* IE 10+ */
  color: #000000;
 font-size: 16px;
 font-family: 'Open Sans', sans-serif;
}
.nitco-blog .blog-searchbox :-moz-placeholder {
  /* Firefox 18- */
  color: #000000;
 font-size: 16px;
 font-family: 'Open Sans', sans-serif;
}
.nitco-blog .blog-searchbox input.form-control.search_i:focus { box-shadow: none; }
.nitco-blog .blog-searchbox button.btn.btn-default:focus { box-shadow: none; outline: none; background: none; }
.nitco-blog .blog-searchbox input, .nitco-blog .blog-searchbox .btn-default:hover { background-color: #ffffff; border-color: #ededed; }
.nitco-blog .blog-searchbox input { background: transparent; box-sizing: border-box; border: 1px; -webkit-appearance: none; padding: 7px 4px; width: 90%; }
.nitco-blog .blog-searchbox input:focus { outline: none; }
.nitco-blog .blog-searchbox .form-control { border-left: none; }
.nitco-blog .blog-searchbox .navbar-form .input-group { border: 1px solid rgba(0, 0, 0, 0.76); border-radius: 2px; height: 40px; padding: 3px 0; }
.nitco-blog .blog-searchbox .btn-default, .nitco-blog .blog-searchbox .search_i { border: none; }
.design-services-heading { margin: 24px 0 48px; }
.design-services-heading h1 { margin: 0 0 16px; color: rgba(0, 0, 0, 0.76); }
.design-content .design-image { position: relative; }
@media screen and (max-width: 767px) {
.design-content .design-image { height: 136px; overflow: hidden; }
}
.design-content .design-text { background: #ffffff; min-height: 405px; padding: 32px 32px 41px 32px; margin-bottom: 32px; min-height: 405px; margin-bottom: 24px; }
@media screen and (max-width: 767px) {
.design-content .design-text { height: auto; padding: 16px 16px 24px; margin-bottom: 16px; min-height: unset; }
}
.design-content .design-text h3 { margin: 0 0 8px; line-height: 1.2; }
.design-content .design-text p { font-size: 18px; color: rgba(0, 0, 0, 0.76); margin-bottom: 24px; }
@media screen and (max-width: 1024px) {
.design-content .design-text p { font-size: 16px; }
}
@media screen and (max-width: 767px) {
.design-content .design-text p { font-size: 14px; }
}
.design-content .design-text span { font-size: 16px; border-bottom: 1px solid #000000; }
.get-in-touch { width: 930px; margin: 8px auto 80px auto; background: #ffffff; padding: 56px 120px 56px 56px; }
@media screen and (max-width: 1024px) {
.get-in-touch { width: 100%; padding: 32px; margin: 0 0 26px; }
}
@media screen and (max-width: 767px) {
.get-in-touch { padding: 16px; margin-bottom: 16px; }
}
.get-in-touch h3 { color: rgba(0, 0, 0, 0.8); margin: 0 0 8px; }
.get-in-touch .get-in-touch-form .gform_wrapper { margin: 0; }
.get-in-touch .get-in-touch-form .gform_wrapper .gform_body li { margin: 0 0 24px !important; padding: 0 !important; }
.get-in-touch .get-in-touch-form .gform_wrapper .gform_body li .gfield_label { display: none; }
.get-in-touch .get-in-touch-form .gform_wrapper .gform_body li input::-webkit-input-placeholder {
 color: rgba(0, 0, 0, 0.24);
}
.get-in-touch .get-in-touch-form .gform_wrapper .gform_body li input:-moz-placeholder {
  /* FF 4-18 */
  color: rgba(0, 0, 0, 0.24);
}
.get-in-touch .get-in-touch-form .gform_wrapper .gform_body li input::-moz-placeholder {
  /* FF 19+ */
  color: rgba(0, 0, 0, 0.24);
}
.get-in-touch .get-in-touch-form .gform_wrapper .gform_body li input:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 0, 0, 0.24);
}
.get-in-touch .get-in-touch-form .gform_wrapper .gform_body li textarea::-webkit-input-placeholder {
 color: rgba(0, 0, 0, 0.24);
}
.get-in-touch .get-in-touch-form .gform_wrapper .gform_body li textarea:-moz-placeholder {
 color: rgba(0, 0, 0, 0.24);
}
.get-in-touch .get-in-touch-form .gform_wrapper .gform_body li textarea::-moz-placeholder {
 color: rgba(0, 0, 0, 0.24);
}
.get-in-touch .get-in-touch-form .gform_wrapper .gform_body li textarea:-ms-input-placeholder {
 color: rgba(0, 0, 0, 0.24);
}
.get-in-touch .get-in-touch-form .gform_wrapper .gform_body li .large { font-size: 16px !important; padding: 10px 14px 9px !important; color: #000000; border: solid 1px #000000; }
@media screen and (max-width: 767px) {
.get-in-touch .get-in-touch-form .gform_wrapper .gform_body li .large { height: 45px; }
}
.get-in-touch .get-in-touch-form .gform_wrapper .gform_body .get-in-touch-help .textarea { height: 120px; }
.get-in-touch .get-in-touch-form .gform_wrapper .gform_footer { margin: 0; padding: 0; position: relative; height: 50px; background: #000000; }
.get-in-touch .get-in-touch-form .gform_wrapper .gform_footer:after { content: ">"; position: absolute; right: 14px; bottom: 10px; color: #ffffff; font-size: 24px; }
.get-in-touch .get-in-touch-form .gform_wrapper .gform_footer .gform_button { padding: 0px 16px; background: black; color: white; letter-spacing: 1px; border: 0; width: 100%; text-align: left; margin: 0; height: 50px; }
@media screen and (max-width: 767px) {
.get-in-touch .get-in-touch-form .gform_wrapper .gform_footer .gform_button { padding: 6px 16px; }
}
.get-in-touch .get-in-touch-form .gform_wrapper .validation_error { display: none !important; }
.get-in-touch .get-in-touch-form .gform_wrapper .gfield_error { border: 0; background: transparent; }
.get-in-touch .get-in-touch-form .gform_wrapper .validation_message { padding-top: 0; }
.design-detail-banner {
    background-image: url("https://www.nitco.in/nitcoassets/design-service-detail.jpg");
    height: 430px;
    background-position: center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #ffffff;
}
@media screen and (max-width: 1024px) {
.design-detail-banner { height: 220px; margin-bottom: 40px; }
}
@media screen and (max-width: 767px) {
.design-detail-banner { margin-bottom: 16px; }
}
.design-detail-banner .overlay { height: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center; background: rgba(0, 0, 0, 0.5); }
.design-detail-banner h1 { color: #ffffff; margin: 0 0 16px; }
.design-detail-banner h3 { color: #ffffff; margin: 0 0 16px; }
.design-detail-banner p.sub-heading { font-size: 18px; line-height: 1.56; width: 690px; margin: 0 auto; }
@media screen and (max-width: 1024px) {
.design-detail-banner p.sub-heading { width: 100%; }
}
@media screen and (max-width: 767px) {
.design-detail-banner p.sub-heading { font-size: 16px; }
}
.design-detail-header { width: 690px; margin: 40px auto 67px auto; text-align: center; }
@media screen and (max-width: 1024px) {
.design-detail-header { display: none; }
}
.design-detail-header h2 { font-size: 32px; color: rgba(0, 0, 0, 0.8); margin: 0 0 16px; }
.design-detail-header p { font-size: 18px; line-height: 1.56; color: rgba(0, 0, 0, 0.76); margin-bottom: 0; }
.select-choice { margin-bottom: 80px; text-align: center;/*
  	p{
  		width: 240px;
  	    font-size: 18px;
  	    font-weight: 600;
  	    line-height: 1.56;
  	    margin: 16px auto 0 auto;
  	    @include screen(med-small){
  		    margin: 0 0 24px;
  			width: 100%;
  	    }
  	}
  */ }
@media screen and (max-width: 1024px) {
.select-choice { margin-bottom: 64px; }
}
@media screen and (max-width: 767px) {
.select-choice { text-align: left; margin-bottom: 32px; }
}
.select-choice .choice-image { margin-bottom: 40px; }
@media screen and (max-width: 767px) {
.select-choice .choice-image { display: none; }
}
.select-choice span { font-weight: bold; color: rgba(0, 0, 0, 0.76); border: 1px solid rgba(0, 0, 0, 0.76); border-radius: 50%; padding: 2px 9px; width: 30px; height: 30px; margin-right: 10px; }
@media screen and (max-width: 767px) {
.select-choice span { float: left; margin-top: 5px; margin-right: 22px; padding: 0 9px; }
}
.select-choice h6 { width: 240px; font-weight: 600; line-height: 1.56; margin: 16px auto 0 auto; }
@media screen and (max-width: 767px) {
.select-choice h6 { margin: 0 0 24px; width: 100%; }
}
.grid1 { background: #DDD; max-width: 1200px; }
/* clear fix */
.grid1:after { content: ''; display: block; clear: both; }
/* ---- .grid-item ---- */
.grid-item1 { float: left; width: 100px; height: 100px; background: #0D8; border: 2px solid #333; border-color: rgba(0, 0, 0, 0.7); }
.grid-item--width2 { width: 200px; }
.co-created-mosaics { margin-bottom: 50px; }
@media screen and (max-width: 1024px) {
.co-created-mosaics { margin-bottom: 40px; }
}
.co-created-mosaics h3 { text-align: center; color: rgba(0, 0, 0, 0.8); margin: 0 0 24px; }
.co-created-mosaics .mosaics-content { width: 33%; padding: 0 30px 30px 0; }
@media screen and (max-width: 1024px) {
.co-created-mosaics .mosaics-content { padding: 0 20px 24px 0; }
}
@media screen and (max-width: 767px) {
.co-created-mosaics .mosaics-content { width: 100%; padding: 0 0 24px; }
}
.co-created-mosaics .mosaics-content span { font-weight: 600; padding: 9px 0 0; display: inline-block; }
@media (min-width: 1200px) and (max-width: 1400px) {
.co-created-mosaics .mosaics-content span { font-size: 16px; }
}
@media screen and (max-width: 1200px) {
.co-created-mosaics .mosaics-content span { font-size: 16px; }
}
@media screen and (max-width: 1024px) {
.co-created-mosaics .mosaics-content span { line-height: 20px; }
}
@media screen and (max-width: 767px) {
.co-created-mosaics .mosaics-content span { padding: 4px 0 0; line-height: 1.4em; }
}
@media screen and (max-width: 1024px) {
.co-created-mosaics .mosaics-content .mosaics-image img { height: auto; }
}
.customer-testimonials { margin-bottom: 80px; position: relative; }
@media screen and (max-width: 767px) {
.customer-testimonials { margin-bottom: 32px; }
}
.customer-testimonials h3 { text-align: center; color: rgba(0, 0, 0, 0.8); margin: 0 0 32px; }
@media screen and (max-width: 1024px) {
.customer-testimonials h3 { margin: 0 0 24px; }
}
@media screen and (max-width: 767px) {
.customer-testimonials h3 { margin: 0 0 16px; }
}
@media screen and (max-width: 1024px) {
.customer-testimonials .mosaics-slider-image { text-align: right; }
}
@media screen and (max-width: 767px) {
.customer-testimonials .mosaics-slider-image { text-align: center; }
}
.customer-testimonials .mosaics-slider-image img { height: auto; }
.customer-testimonials .mosaics-slider-content { font-size: 16px; line-height: 1.5; }
@media screen and (max-width: 767px) {
.customer-testimonials .mosaics-slider-content { text-align: center; }
}
.customer-testimonials .mosaics-slider-content .customer-name { font-weight: 600; margin-bottom: 4px; }
@media (min-width: 1200px) and (max-width: 1400px) {
.customer-testimonials .mosaics-slider-content .customer-name { font-size: 14px; }
}
@media screen and (max-width: 1200px) {
.customer-testimonials .mosaics-slider-content .customer-name { font-size: 14px; }
}
.customer-testimonials .mosaics-slider-content .customer-profile { margin-bottom: 16px; }
@media (min-width: 1200px) and (max-width: 1400px) {
.customer-testimonials .mosaics-slider-content p { font-size: 14px; }
}
@media screen and (max-width: 1200px) {
.customer-testimonials .mosaics-slider-content p { font-size: 14px; }
}
.customer-testimonials .swiper-container { position: static; }
@media screen and (max-width: 767px) {
.customer-testimonials .swiper-container { position: relative; }
}
.customer-testimonials .swiper-container .swiper-button-next, .customer-testimonials .swiper-container .swiper-button-prev { top: 65%; }
@media screen and (max-width: 767px) {
.customer-testimonials .swiper-container .swiper-button-next, .customer-testimonials .swiper-container .swiper-button-prev { top: 50%; }
}
.customer-testimonials .swiper-button-next { background: transparent; right: 40px; }
@media screen and (max-width: 767px) {
.customer-testimonials .swiper-button-next { right: 10px; }
}
.customer-testimonials .swiper-button-next:after { content: "\e930"; font-size: 24px; font-family: 'icomoon' !important; }
.customer-testimonials .swiper-button-prev { background: transparent; left: 40px; }
@media screen and (max-width: 767px) {
.customer-testimonials .swiper-button-prev { left: 10px; }
}
.customer-testimonials .swiper-button-prev:after { content: "\e932"; font-size: 24px; font-family: 'icomoon' !important; }
/* new style */
.blog-inner-head { min-height: 480px; object-fit: contain; background-position: center center; background-size: cover; background-repeat: no-repeat; display: flex; height: 100%; flex-wrap: wrap; flex-direction: column; justify-content: flex-end; }
@media screen and (max-width: 1024px) {
.blog-inner-head { min-height: 240px; }
}
@media screen and (max-width: 767px) {
.blog-inner-head { min-height: unset; height: 240px; }
}
.blog-inner-head .cat_name { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 1px; color: #616161; }
@media screen and (max-width: 1024px) {
.blog-inner-head .cat_name { font-size: 14px; }
}
.blog-inner-head .inner-blog-wrapper { /* background-color: #f5f5f5; */ height: 100%; /* margin: auto; */ align-self: flex-end; align-items: center; width: 100%; display: block; margin: 0 auto; text-align: center; }
.blog-inner-head .inner-blog-wrapper .title_wrap { padding-top: 10px; margin: 0px; text-align: center; display: block; background: #f5f5f5; width: 100%; width: 70%; margin: 0 auto; }
@media screen and (max-width: 767px) {
.blog-inner-head .inner-blog-wrapper .title_wrap { width: 100%; }
}
.blog-inner-head .inner-blog-wrapper .title_wrap h1 { color: rgba(0, 0, 0, 0.76); margin: 0px; padding-top: 5px; }
@media screen and (max-width: 1024px) {
.blog-inner-head .inner-blog-wrapper .title_wrap h1 { font-size: 30px; }
}
.blog-content-wrapper { background-color: #f5f5f5; width: 100%; max-width: 1200px; padding: 0px; margin: 0 auto; margin-top: -80px; }
@media screen and (max-width: 1024px) {
.blog-content-wrapper { width: 100%; }
}
@media screen and (max-width: 767px) {
.blog-content-wrapper { margin-top: 0px; }
}
.blog-content-wrapper .blog-inner-wrapper { width: 1100px; margin: 0 auto; }
.blog-content-wrapper .blog-inner-wrapper .new_title_wrap { padding-top: 30px; margin: 0px; text-align: center; display: block; background: #f5f5f5; width: 100%; margin: 0 auto; }
.underline { text-decoration: underline; }
@media screen and (max-width: 767px) {
.blog-content-wrapper .blog-inner-wrapper .new_title_wrap { width: 100%; }
}
.blog-content-wrapper .blog-inner-wrapper .new_title_wrap h1 { color: rgba(0, 0, 0, 0.76); margin: 0px; padding-top: 16px; }
@media screen and (max-width: 1024px) {
.blog-content-wrapper .blog-inner-wrapper .new_title_wrap h1 { font-size: 30px; }
}
@media screen and (max-width: 767px) {
.blog-content-wrapper .blog-inner-wrapper .new_title_wrap h1 { line-height: 39px; }
}
.blog-content-wrapper .blog-inner-wrapper .new_title_wrap .new_cat_name { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 1px; color: rgba(0, 0, 0, 0.85); text-transform: uppercase; }
@media screen and (max-width: 1024px) {
.blog-content-wrapper .blog-inner-wrapper .new_title_wrap .new_cat_name { font-size: 14px; }
}
@media screen and (max-width: 1024px) {
.blog-content-wrapper .blog-inner-wrapper { width: 532px !important; }
}
@media screen and (max-width: 767px) {
.blog-content-wrapper .blog-inner-wrapper { width: 100% !important; }
}
.blog-content-wrapper strong { font-size: 18px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #000000; }
.blog-content-wrapper ul { padding: 0 20px !important; }
.blog-content-wrapper ul li { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; text-align: left; padding: 0 0 10px; }
@media screen and (max-width: 1024px) {
.blog-content-wrapper ul li { font-size: 16px; }
}
.blog-content-wrapper .extra-info { text-align: center; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.38; color: #616161; margin: 40px 0px; display: none; }
.blog-content-wrapper .extra-info .pub-date { color: #616161; letter-spacing: 1.4px; }
 @media screen and (max-width: 767px) {
.blog-content-wrapper .extra-info .pub-date { display: block; margin-bottom: 10px; }
}
.blog-content-wrapper .extra-info .share-data { position: relative; display: inline; cursor: pointer; text-transform: uppercase; font-size: 14px; }
@media screen and (max-width: 767px) {
.blog-content-wrapper .extra-info .share-data { padding: 20px 10px; border-top: 1px solid rgba(0, 0, 0, 0.17); display: inline-block; border-bottom: 1px solid rgba(0, 0, 0, 0.17); width: 100%; text-align: left; }
}
.blog-content-wrapper .extra-info .share-data .social-info-activate { opacity: 1; }
.blog-content-wrapper .extra-info .share-data .social-info-deactivate { opacity: 0; }
.blog-content-wrapper .extra-info .share-data .social-info { position: absolute; left: -50%; border-radius: 5px; padding-top: 5px; width: 322px; overflow: hidden; }
@media screen and (max-width: 767px) {
.blog-content-wrapper .extra-info .share-data .social-info { left: 0px; width: 316px; }
}
.blog-content-wrapper .extra-info .share-data .social-info .arrow-up { margin: 0 auto; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #ffffff; }
.blog-content-wrapper .extra-info .share-data .social-info .media-list { background: #fff; padding: 5px 10px 5px 10px !important; border-radius: 5px; }
.blog-content-wrapper .extra-info .share-data .social-info .media-list li { display: inline-block; margin: 0px 5px; padding: 0; font-size: 28px; }
.blog-content-wrapper .extra-info span { margin: 0px 15px; color: rgba(0, 0, 0, 0.76); font-size: 16px; }
.blog-content-wrapper .extra-info span.copy_span { margin: 0px; vertical-align: 5px; font-size: 14px; }
.blog-content-wrapper .extra-info .icon-share { font-family: 'Open Sans', sans-serif; color: rgba(0, 0, 0, 0.76); letter-spacing: 0.5px; font-size: 22px; vertical-align: middle; margin: 0 9px; }
.blog-content-wrapper .blockq { width: 690px; margin: 80px auto; }
@media screen and (max-width: 1024px) {
.blog-content-wrapper .blockq { width: 532px; }
}
@media screen and (max-width: 767px) {
.blog-content-wrapper .blockq { margin: 20px auto; width: 100% !important; }
}
.blog-content-wrapper .blockq p { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.42; letter-spacing: normal; text-align: center; max-width: 700px; margin: 0 auto; color: rgba(0, 0, 0, 0.76); }
@media (min-width: 1200px) and (max-width: 1400px) {
.blog-content-wrapper .blockq p { font-size: 22px; }
}
@media screen and (max-width: 1200px) {
.blog-content-wrapper .blockq p { font-size: 22px; }
}
@media screen and (max-width: 1024px) {
.blog-content-wrapper .blockq p { font-size: 20px; }
}
@media screen and (max-width: 767px) {
.blog-content-wrapper .blockq p { text-align: left; }
}
.blog-content-wrapper .blockq hr { max-width: 210px; background-color: #c4c4c4; height: 1px; }
.blog-content-wrapper .block-text { margin: 50px auto; }
@media screen and (max-width: 767px) {
.blog-content-wrapper .block-text { margin: 20px auto; }
}
.blog-content-wrapper p { font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; text-align: left; color: #000000; margin-bottom: 30px; }
@media screen and (max-width: 1024px) {
.blog-content-wrapper p { font-size: 16px; }
}
.blog-content-wrapper p img { /*margin: 48px 0px;*/ }
@media screen and (max-width: 767px) {
.blog-content-wrapper .wp-image-331 { margin-bottom: 30px; }
}
.blog-content-wrapper .wp-image-332 { margin-bottom: 30px; }
.blog-content-wrapper2 { width: 85%; background-color: #f5f5f5; }
@media screen and (max-width: 767px) {
.blog-content-wrapper2 { width: 100% !important; }
}
.featured-design-wrapper { background-color: #ffffff; width: 1080px; margin: 0 auto; }
@media screen and (max-width: 1024px) {
.featured-design-wrapper { width: 95%; }
}
@media screen and (max-width: 767px) {
.featured-design-wrapper { width: 100%; }
}
.featured-design-wrapper .featured-design-inner-wrapper { width: 930px; margin: 0 auto; margin-bottom: 10px; padding: 24px 0 31px; }
@media screen and (max-width: 1024px) {
.featured-design-wrapper .featured-design-inner-wrapper { width: 100%; }
}
@media screen and (max-width: 767px) {
.featured-design-wrapper .featured-design-inner-wrapper { margin-bottom: 0; }
}
.featured-design-wrapper h2 { font-size: 24px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.42; letter-spacing: normal; margin-bottom: 20px; margin-top: 0; color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 1024px) {
.featured-design-wrapper h2 { margin-top: 18px; margin-bottom: 26px; }
}
@media screen and (max-width: 767px) {
.featured-design-wrapper h2 { margin-left: 15px; font-size: 20px; }
}
@media screen and (max-width: 1024px) {
.featured-design-wrapper .img_section { padding-left: 15px; }
}
@media screen and (max-width: 767px) {
.featured-design-wrapper .img_section { margin-bottom: 15px; }
}
.featured-design-wrapper .img_section figure { margin: 0px !important; }
.featured-design-wrapper .img_section figcation { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; display: block; padding: 10px 0px; }
@media screen and (max-width: 767px) {
.featured-design-wrapper .img_section figcation { font-size: 16px; padding: 6px 0 0; }
}
.featured-design-wrapper .img_section img { width: 100%; }
.tag-btn-wrapper { width: 930px; margin: 0 auto; padding: 48px 0px 30px 0px; }
@media screen and (max-width: 1024px) {
.tag-btn-wrapper { width: 100%; padding: 0; }
}
.tag-btn-wrapper .share_link { position: relative; cursor: pointer; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 32px; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); padding: 10px 0px; text-transform: uppercase; color: rgba(0, 0, 0, 0.75); }
.tag-btn-wrapper .share_link .icon-share { letter-spacing: 0.5px; font-size: 22px; vertical-align: middle; padding: 0 9px; }
.tag-btn-wrapper .share_link .social-info-activate { opacity: 1; }
.tag-btn-wrapper .share_link .social-info-deactivate { opacity: 0; }
.tag-btn-wrapper .share_link .social-info { position: absolute; left: 10%; border-radius: 5px; padding-top: 5px; }
.tag-btn-wrapper .share_link .social-info .arrow-up { margin: 0 auto; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #ffffff; }
.tag-btn-wrapper .share_link .social-info .media-list { background: #fff; padding: 5px 10px 5px 10px !important; border-radius: 5px; }
.tag-btn-wrapper .share_link .social-info .media-list li { display: inline-block; margin: 0px 4px; padding: 0; font-size: 28px; }
.tag-btn-wrapper .share_link .social-info .media-list li .copy_span { font-size: 14px; vertical-align: 5px; }
@media screen and (max-width: 767px) {
.tag-btn-wrapper .share_link { border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; padding: 10px 0px; }
}
.tag-btn-wrapper .tag-btns { padding: 0px; }
.tag-btn-wrapper .tag-btns .tag_ul { padding: 0px; list-style-type: none; }
@media screen and (max-width: 767px) {
.tag-btn-wrapper .tag-btns .tag_ul { padding: 16px 15px 0 !important; }
}
.tag-btn-wrapper .tag-btns .tag_ul li { display: inline-block; margin: 0px 10px; }
@media screen and (max-width: 1024px) {
.tag-btn-wrapper .tag-btns .tag_ul li { margin: 14px 3px; }
}
@media screen and (max-width: 767px) {
.tag-btn-wrapper .tag-btns .tag_ul li { margin: 0 8px 8px 0; }
}
.tag-btn-wrapper .tag-btns .tag_ul li a { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: rgba(0, 0, 0, 0.76); padding: 10px; background-color: #ffffff; text-transform: uppercase; }
.more_stories_wrapper { margin: 40px 0px; }
@media screen and (max-width: 767px) {
.more_stories_wrapper { margin: 0; }
}
.more_stories_wrapper .main-title { color: rgba(0, 0, 0, 0.76); font-size: 24px; font-weight: bold; font-style: normal; font-stretch: normal; text-align: center; margin-bottom: 20px; }
@media screen and (max-width: 767px) {
.more_stories_wrapper .main-title { font-size: 20px; line-height: 30px; }
}
.more_stories_wrapper .img_section { height: 300px; background-size: 100% 100%; margin-bottom: 20px; background-repeat: no-repeat; }
@media screen and (max-width: 1024px) {
.more_stories_wrapper .img_section { height: 232px; margin-bottom: 30px; }
}
@media screen and (max-width: 767px) {
.more_stories_wrapper .img_section { margin-bottom: 0; background-size: cover; background-position: center center; }
}
.more_stories_wrapper .img_section .overlay { background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
@media screen and (max-width: 767px) {
.more_stories_wrapper .img_section .overlay { display: none; }
}
.more_stories_wrapper .img_section .overlay h2 a { font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.42; letter-spacing: normal; margin-bottom: 20px; color: #ffffff; text-align: center; display: block; }
@media screen and (max-width: 1024px) {
.more_stories_wrapper .img_section .overlay h2 a { margin: 15px; font-size: 20px; }
}
.more_stories_wrapper .img_section .overlay .cat_name { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; color: #ffffff; }
.more_stories_wrapper .img_section .overlay .cat_name a { color: #ffffff; }
.more_stories_wrapper .mobile-section { display: none; }
@media screen and (max-width: 767px) {
.more_stories_wrapper .mobile-section { display: block; }
}
.more_stories_wrapper .mobile-section h2 { margin-top: 0px; }
@media screen and (max-width: 767px) {
.more_stories_wrapper .mobile-section h2 { margin-top: 4px; margin-bottom: 16px; }
}
.more_stories_wrapper .mobile-section h2 a { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.42; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 1024px) {
.more_stories_wrapper .mobile-section h2 a { font-size: 20px; }
}
@media screen and (max-width: 1024px) {
.more_stories_wrapper .mobile-section h2 a { line-height: 30px; font-weight: bold; }
}
.more_stories_wrapper .mobile-section .cat_name { font-family: 'Open Sans', sans-serif; line-height: 1.5; letter-spacing: normal; text-align: left; font-size: 14px; }
@media screen and (max-width: 767px) {
.more_stories_wrapper .mobile-section .cat_name a { color: rgba(0, 0, 0, 0.6); }
}
.more_stories_wrapper hr { height: 1px; background-color: #c4c4c4; }
@media screen and (max-width: 767px) {
.more_stories_wrapper hr { display: none; }
}
/* project design */
.blog-design-inner-wrapper { clear: both; }
.project-form-wrapper { background-color: #ffffff; width: 1080px; margin: 0 auto; }
@media screen and (max-width: 1024px) {
.project-form-wrapper { width: 95%; }
}
.project-form-wrapper .featured-design-inner-wrapper { width: 930px; margin: 0 auto; margin-bottom: 30px;/*
  		.project_input {
  			width: 100%;
  			padding: 8.5px 10px;
  			border: 1px solid $pinkish-grey;
  		}
  */ }
.project-form-wrapper .featured-design-inner-wrapper #gform_5 ul { padding: 0px !important; }
.project-form-wrapper .featured-design-inner-wrapper #gform_5 ul li { padding-right: 0px; }
.project-form-wrapper .featured-design-inner-wrapper #gform_5 ul li:nth-child(1) { padding-right: 3px; }
.project-form-wrapper .featured-design-inner-wrapper #gform_5 ul li:nth-child(2) { padding-left: 3px; }
.project-form-wrapper .featured-design-inner-wrapper #gform_5 ul li .gfield_label { font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 18px; }
.project-form-wrapper .featured-design-inner-wrapper #gform_5 ul li .ginput_container input { border: 1px solid #c4c4c4; }
.project-form-wrapper .featured-design-inner-wrapper #gform_5 ul li .ginput_container textarea { border: 1px solid #c4c4c4; }
.project-form-wrapper .featured-design-inner-wrapper #gform_5 .gform_footer { text-align: right; padding: 0; }
@media screen and (max-width: 767px) {
.project-form-wrapper .featured-design-inner-wrapper #gform_5 .gform_footer { text-align: center; }
}
.project-form-wrapper .featured-design-inner-wrapper #gform_5 .gform_footer #gform_submit_button_5 { background: #000000; padding: 12px 100px; color: #ffffff; margin-right: 0px; }
@media screen and (max-width: 1024px) {
.project-form-wrapper .featured-design-inner-wrapper { width: 100%; padding: 30px 30px 0; }
}
@media screen and (max-width: 767px) {
.project-form-wrapper .featured-design-inner-wrapper { padding: 0; }
}
@media screen and (max-width: 1024px) {
.project-form-wrapper { padding: 5px 10px 0px 10px; }
}
.project-form-wrapper h2 { font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.42; letter-spacing: normal; margin-bottom: 20px; color: rgba(0, 0, 0, 0.76); text-align: center; }
@media screen and (max-width: 1024px) {
.project-form-wrapper h2 { margin: 15px; font-size: 20px; }
}
.project-form-wrapper .sub-heading { margin: 0 auto; max-width: 650px; text-align: center; margin-bottom: 30px; }
.project-form-wrapper .input_block { margin-bottom: 20px; }
.project-form-wrapper .img_section { padding-left: 0px; }
@media screen and (max-width: 1024px) {
.project-form-wrapper .img_section { padding-left: 15px; }
}
.project-form-wrapper .img_section figure { margin: 0px !important; }
.project-form-wrapper .img_section figcation { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; display: block; padding: 10px 0px; }
@media screen and (max-width: 767px) {
.project-form-wrapper .img_section figcation { font-size: 16px; }
}
.project-form-wrapper .img_section img { width: 100%; }
.nt-ribbon { background: #666769; width: auto; display: inline-block; position: absolute; color: #FFF; line-height: 24px; padding: 0px 10px 0 10px; top: 10px; right: 16px; font-size: 14px; font-weight: 600; }
/*.nt-ribbon:after {
  content: "";
  height: 0;
  width: 0;
  top: -30px;
  position: absolute;
  border-left: 30px solid transparent;
  border-right: 24px solid transparent;
  border-bottom: 24px solid #1428c4;
}

.nt-ribbon:before {
  content: "";
  height: 0;
  width: 0;
  top: -30px;
  position: absolute;
  border-style: solid;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #1428c4;
  border-bottom: 20px solid transparent;
}*/

.sales-ribbon { background: #f50023; }
.sales-ribbon:before { right: -15px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #f50023; border-bottom: 15px solid transparent; }
.sales-ribbon:after { right: -15px; border-left: 15px solid transparent; border-right: 20px solid transparent; border-bottom: 24px solid #f50023; }
.Stores-banner { height: 200px; display: flex; /*justify-content: center;*/ align-items: center; }
.Stores-banner h1 { color: #ffffff; letter-spacing: 0.5px; margin-left: 65px; }
.store-design-blog .blog-heading ul li h5, .marble-type-wrapper .blog-heading ul li h5 { color: rgba(0, 0, 0, 0.4); margin: 0; }
.store-design-blog .blog-heading ul .is-checked h5, .marble-type-wrapper .blog-heading ul .is-checked h5 { color: #000000; border: 0; }
.store-design-blog .heading-content, .marble-type-wrapper .heading-content { width: 100%; }
.store-design-blog .stores-state, .marble-type-wrapper .stores-state { padding: 0 15px; }
@media screen and (max-width: 767px) {
.store-design-blog .stores-state .inside_store_wrapper, .marble-type-wrapper .stores-state .inside_store_wrapper { width: 100%; }
}
@media screen and (max-width: 1024px) {
.store-design-blog .stores-state .inside_store_wrapper, .marble-type-wrapper .stores-state .inside_store_wrapper { width: 100%; }
}
.store-design-blog .stores-state .state-name, .marble-type-wrapper .stores-state .state-name { background: #ffffff; margin-bottom: 32px; padding-left: 8px; }
.store-design-blog .stores-state .state-name h4, .marble-type-wrapper .stores-state .state-name h4 { color: rgba(0, 0, 0, 0.76); letter-spacing: 0.8px; }
.store-design-blog .stores-state .state-details, .marble-type-wrapper .stores-state .state-details { margin-bottom: 48px; }
.store-design-blog .stores-state .state-details h6, .marble-type-wrapper .stores-state .state-details h6 { margin: 0 0 8px 0; letter-spacing: 0.5px; }
.store-design-blog .stores-state .state-details p, .marble-type-wrapper .stores-state .state-details p { font-size: 18px; line-height: 1.56; margin-bottom: 0; }
@media (min-width: 1200px) and (max-width: 1400px) {
.store-design-blog .stores-state .state-details p, .marble-type-wrapper .stores-state .state-details p { font-size: 16px; }
}
@media screen and (max-width: 1200px) {
.store-design-blog .stores-state .state-details p, .marble-type-wrapper .stores-state .state-details p { font-size: 16px; }
}
.store-design-blog .stores-state .state-details p .state-enterprise, .marble-type-wrapper .stores-state .state-details p .state-enterprise { border-bottom: solid 1px #000000; }
.store-design-blog .stores-state .state-details span, .marble-type-wrapper .stores-state .state-details span { font-weight: 300; line-height: 1.56; }
.store-design-blog .stores-state .state-details span:hover, .marble-type-wrapper .stores-state .state-details span:hover { border-bottom: 1px solid #000000; }
.store-design-blog .stores-state .state-details .contact-icon, .marble-type-wrapper .stores-state .state-details .contact-icon { margin-right: 13px; }
.store-design-blog .stores-state .state-details .contact-icon:hover, .marble-type-wrapper .stores-state .state-details .contact-icon:hover { border-bottom: 0; }
.stores-know-more { width: 93.5%; margin: 24px 0 50px 0; }
@media screen and (max-width: 1024px) {
.stores-know-more { width: 100%; }
}
@media screen and (max-width: 767px) {
.stores-know-more { margin-bottom: 10px; }
}
.stores-know-more .contact-filter { vertical-align: middle; margin-right: 32px; color: rgba(0, 0, 0, 0.76); line-height: 23px; }
@media screen and (max-width: 1024px) {
.stores-know-more .contact-filter { display: none; }
}
.stores-know-more .select-dropdown { font-size: 16px; font-weight: 600; display: inline-block; margin-right: 32px; }
@media screen and (max-width: 1024px) {
.stores-know-more .select-dropdown { margin-right: 20px; }
}
@media screen and (max-width: 1024px) {
.stores-know-more .select-dropdown { margin: 0 0 10px 0; }
}
.stores-know-more .blog-searchbox { margin: 0; display: inline-block; }
@media screen and (max-width: 1024px) {
.stores-know-more .blog-searchbox { width: 256px; }
}
@media screen and (max-width: 767px) {
.stores-know-more .blog-searchbox { width: 100%; }
}
.stores-know-more .blog-searchbox .navbar-form { margin: 0; padding: 0; text-align: left; }
.stores-know-more .blog-searchbox .navbar-form .input-group { padding: 0; }
@media screen and (max-width: 1024px) {
.stores-know-more .blog-searchbox .navbar-form .input-group { width: 256px; }
}
@media screen and (max-width: 767px) {
.stores-know-more .blog-searchbox .navbar-form .input-group { width: 100%; }
}
.stores-know-more .blog-searchbox .navbar-form .input-group .search_icon { margin: 0px 4px 0 10px; }
@media screen and (max-width: 1024px) {
.stores-know-more .blog-searchbox .navbar-form .input-group .search_icon { width: 256px; }
}
@media screen and (max-width: 767px) {
.stores-know-more .blog-searchbox .navbar-form .input-group .search_icon { width: 100%; }
}
.stores-know-more .blog-searchbox .navbar-form .input-group .search_icon i { color: rgba(0, 0, 0, 0.24); }
.stores-know-more p { float: right; margin: 6px 0 0; font-size: 18px; line-height: 1.56; }
@media (min-width: 1200px) and (max-width: 1400px) {
.stores-know-more p { font-size: 16px; }
}
@media screen and (max-width: 1200px) {
.stores-know-more p { font-size: 16px; }
}
@media screen and (max-width: 1024px) {
.stores-know-more p { font-size: 16px; line-height: 1.75; }
}
.stores-know-more p a { font-weight: 600; border-bottom: 1px solid #3a3a3a; }
.store-dealer { background: #ffffff; margin-bottom: 56px; }
.store-dealer .dealer-content { padding: 0 39px; height: 474px; display: flex; flex-direction: column; justify-content: center; }
@media screen and (max-width: 767px) {
.store-dealer .dealer-content { height: auto; padding: 20px 0 0; }
}
.store-dealer .dealer-content h3 { color: rgba(0, 0, 0, 0.8); margin: 0 0 16px; letter-spacing: 0.5px; }
.store-dealer .dealer-content p { font-size: 18px; line-height: 1.56; margin-bottom: 8px; width: 410px; }
@media screen and (max-width: 767px) {
.store-dealer .dealer-content p { width: 100%; }
}
.store-dealer .dealer-content .dealer-form .gform_wrapper { margin: 0; }
.store-dealer .dealer-content .dealer-form .gform_wrapper .gform_body .gfield_label { font-weight: normal; }
.store-dealer .dealer-content .dealer-form .gform_wrapper .gform_body ul li { margin-top: 8px; }
.store-dealer .dealer-content .dealer-form .gform_wrapper .gform_body ul li .gfield_label { margin: 0; }
.store-dealer .dealer-content .dealer-form .gform_wrapper .gform_body ul li .medium { border: 1px solid #c4c4c4; }
.store-dealer .dealer-content .dealer-form .gform_wrapper .gform_footer { width: 330px; margin: 32px 0 0; position: relative; padding: 0; margin: 29px 0 0; }
@media screen and (max-width: 767px) {
.store-dealer .dealer-content .dealer-form .gform_wrapper .gform_footer { width: 100%; }
}
.store-dealer .dealer-content .dealer-form .gform_wrapper .gform_footer:before { font-family: 'icomoon'; content: "\e930"; padding-left: 5px; position: absolute; font-size: 24px; margin-top: -2px; float: right; top: 12px; right: 10px; }
@media screen and (max-width: 767px) {
.store-dealer .dealer-content .dealer-form .gform_wrapper .gform_footer:before { top: 16px; }
}
.store-dealer .dealer-content .dealer-form .gform_wrapper .gform_footer .gform_button { border: 0; width: 330px; padding: 11px 16px; position: relative; text-align: left; background: transparent; border: 1px solid #000000; }
@media screen and (max-width: 767px) {
.store-dealer .dealer-content .dealer-form .gform_wrapper .gform_footer .gform_button { width: 100%; }
}
.store-dealer .dealer-content .dealer-form .gform_validation_error { margin: 0; }
.store-dealer .dealer-content .dealer-form .validation_error { display: none; }
.store-dealer .dealer-content .dealer-form .gfield_error { background: transparent; border: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0; }
.store-dealer .dealer-content .dealer-form .gfield_error .ginput_container { margin-top: 0; }
.store-dealer .dealer-content .dealer-form .validation_message { padding-top: 0; }
.store-dealer .dealer-image { height: 474px; }
.store-dealer .dealer-image img { height: 100%; }
.store-detail-banner { margin-bottom: 32px; }
.store-detail-banner .slider-tiles-images .swiper-container { height: 540px; }
@media screen and (max-width: 767px) {
.store-detail-banner .slider-tiles-images .swiper-container { height: 220px; }
}
.store-detail-banner .slider-tiles-images .swiper-container img { height: 100%; }
.store-detail-banner .slider-tiles-images .download-img-wrapper { text-align: center; }
.store-detail-banner .slider-tiles-images .download-img-wrapper .active-thumb { padding-right: 0 !important; }
.store-detail-banner .slider-tiles-images .download-img-wrapper .download-banner { height: auto; margin-left: 0; }
@media screen and (max-width: 767px) {
.store-detail-banner .slider-tiles-images .download-img-wrapper .download-banner { height: 60px; width: 90px; }
}
.store-detail-banner .product-details { margin-top: 24px; }
.store-detail-banner .product-details h2 { color: rgba(0, 0, 0, 0.76); }
.store-detail-banner .product-details .group-variation { margin-bottom: 32px; }
.store-detail-banner .product-details .group-variation .vari-tiles { color: rgba(0, 0, 0, 0.4); }
.store-detail-banner .product-details .group-variation .col-variation-val .detail-direction-map { text-decoration: underline; }
@media screen and (max-width: 767px) {
.store-detail-banner .product-details .group-variation .col-variation-val .tile-edge-option { font-weight: 300 !important; }
}
.store-detail-banner .product-details .tile-price { float: none !important; margin-bottom: 0; }
.store-detail-banner .product-details .location-wrapper { float: none !important; padding-top: 0 !important; padding-left: 0 !important; }
.store-detail-banner .product-details .location-wrapper .store-deatil-time { line-height: 1.38; }
.store-detail-banner .product-details .location-wrapper .store-deatil-time:first-child { margin-bottom: 16px; }
.store-detail-banner .product-details .location-wrapper .store-deatil-time .store-deatil-day { border: 0 !important; color: rgba(0, 0, 0, 0.4); display: block; }
.store-detail-banner .product-details .store-direction { background: white; padding: 21px 24px; margin-top: 65px; }
.store-detail-banner .product-details .store-direction p { font-size: 18px; font-weight: 600; line-height: 1.22; margin-bottom: 16px; }
.store-detail-banner .product-details .store-direction .input-group { width: 100%; }
.store-detail-banner .product-details .store-direction .input-group input[type="email"]::-webkit-input-placeholder {
 color: rgba(0, 0, 0, 0.24);
}
.store-detail-banner .product-details .store-direction .input-group .form-control { width: 60%; display: inline-block; box-shadow: none; border: 1px solid #000000; border-right: 0; height: auto; padding: 11px 10px 9px; border-radius: 0; font-size: 16px; }
.store-detail-banner .product-details .store-direction .input-group .store-detail-btn { display: inline-block; width: 40%; text-align: center; background: white; border: 1px solid #000000; }
.store-detail-banner .product-details .store-direction .input-group .store-detail-btn .btn { font-size: 16px; font-weight: 600; padding: 9px; width: 100%; }
.store-detail-banner .slider-tiles-images .swiper-button-next {
    background-image: url("https://www.nitco.in/nitcoassets/arrow-right.png");
}
.store-detail-banner .slider-tiles-images .swiper-button-prev {
    background-image: url("https://www.nitco.in/nitcoassets/arrow-left.png");
}
.store-team { margin-bottom: 64px; }
.store-team h4 { color: rgba(0, 0, 0, 0.76); margin: 0 0 24px; }
.store-team .store-team-container { margin-bottom: 40px; }
.store-team .store-team-container .team-swiper { width: 87%; margin: 0 auto; }
@media screen and (max-width: 1024px) {
.store-team .store-team-container .team-swiper { width: 77%; }
}
@media screen and (max-width: 1024px) {
.store-team .store-team-container .team-swiper { width: 68%; }
}
@media screen and (max-width: 767px) {
.store-team .store-team-container .store-detail-image { text-align: center; }
}
@media screen and (max-width: 767px) {
.store-team .store-team-container .store-team-section { text-align: center; margin: 0 auto; }
}
.store-team .store-team-container .store-team-section h5 { font-weight: 600; line-height: 1.5; margin: 0 0 4px; text-transform: capitalize; font-family: 'Open Sans', sans-serif; }
.store-team .store-team-container .store-team-section .store-manager { font-size: 16px; line-height: 1.5; font-weight: 300; display: block; margin-bottom: 16px; }
.store-team .store-team-container .store-team-section p { line-height: 1.5; }
.store-team .store-team-container .store-team-section .read-more { font-size: 16px; line-height: 1.62; }
.store-team .store-team-container .store-team-section .read-more a { border-bottom: 1px solid #000000; }
.store-team .store-team-container .swiper-button-next {
    background-image: url("https://www.nitco.in/nitcoassets/arrow-right.png");
    height: 25px;
    width: 30px;
}
.store-team .store-team-container .swiper-button-prev {
    background-image: url("https://www.nitco.in/nitcoassets/arrow-left.png");
    height: 25px;
    width: 30px;
}
.store-team .store-services h4 { margin: 0 0 13px; }
.store-team .store-services ul { list-style: none; }
.store-team .store-services ul li { font-size: 16px; line-height: 1.75; }
.store-team .store-services ul li span { margin-right: 10px; font-size: 13px; }
.nitco-login .forgot-password .sl-form-wrapper { width: 370px !important; }
.nitco-login .forgot-password .sl-form-wrapper .para-txt { margin: 18px 0 40px; text-align: center; line-height: 1.56; font-size: 18px; font-weight: normal; color: #000000; }
.nitco-login .modal-header { display: none; }
.nitco-login .modal-dialog { width: 930px; }
@media screen and (max-width: 767px) {
.nitco-login .modal-dialog { width: 100%; margin: 0; }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.nitco-login .modal-dialog { margin: 70px 0 0 0; }
}
.nitco-login .modal-dialog .modal-body { padding: 0 10px; }
.nitco-login .modal-dialog .modal-body input[type=text] { border: solid 1px #c4c4c4; }
.nitco-login .modal-dialog .modal-body input[type=text]::-webkit-input-placeholder {
 font-size: 16px;
 font-weight: 300;
 color: #c4c4c4;
}
.nitco-login .modal-dialog .modal-body .ginput_container_password label { display: none !important; }
.nitco-login .modal-dialog .modal-body .ginput_container_password input[type=password] { border: solid 1px #c4c4c4; width: 100%; padding: 9px 15px !important; }
.nitco-login .modal-dialog .modal-body .ginput_container_password .ginput_left { width: 100%; margin-top: 4px; padding-right: 0; }
.nitco-login .modal-dialog .modal-body .ginput_container_password .ginput_right { width: 100%; margin-top: 16px; }
.nitco-login .modal-dialog .modal-body h4 { text-align: center; color: rgba(0, 0, 0, 0.76); margin: 0; }
.nitco-login .modal-dialog .modal-body .sl-img-col { float: left; width: 477px; background: url("assets/images/shortlist_image.jpg") center center no-repeat; }
@media screen and (max-width: 767px) {
.nitco-login .modal-dialog .modal-body .sl-img-col { display: none; }
}
.nitco-login .modal-dialog .modal-body .sl-img-col .sl-overlay { background: rgba(255, 255, 255, 0.9); width: 92%; margin: 20px auto; /* height: 90%; */ padding: 60px 58px 104px; text-align: center; }
.nitco-login .modal-dialog .modal-body .sl-img-col .sl-overlay h3 { color: rgba(0, 0, 0, 0.8); }
.nitco-login .modal-dialog .modal-body .sl-img-col .sl-overlay p { font-size: 18px; color: #3a3a3a; margin: 16px 0 62px; }
.nitco-login .modal-dialog .modal-body .sl-img-col .sl-overlay .tile-sh-img { margin: 62px 0 9px; width: 264px; text-align: center; margin: 0 auto; }
.nitco-login .modal-dialog .modal-body .sl-img-col .sl-overlay .sh-icon-modal { text-transform: uppercase; color: rgba(0, 0, 0, 0.76); margin: 10px 0; }
.nitco-login .modal-dialog .modal-body .sl-img-col .sl-overlay .sh-icon-modal a { color: rgba(0, 0, 0, 0.76); }
.nitco-login .modal-dialog .modal-body .sl-img-col .sl-overlay h3 { margin: 16px 0; }
.nitco-login .modal-dialog .modal-body .sl-col { width: 450px; float: left; margin: 16px 0 0 0; }
@media screen and (max-width: 767px) {
.nitco-login .modal-dialog .modal-body .sl-col { width: 100%; float: none; }
}
.nitco-login .modal-dialog .modal-body .sl-col .gform_footer:after { font-family: 'icomoon'; content: "\e930"; padding-left: 5px; position: relative; font-size: 24px; margin-top: -2px; float: right; color: #fff; }
.nitco-login .modal-dialog .modal-body .sl-col .close { margin: 0 10px 0 0; position: absolute; right: 10px; top: 19px; }
.nitco-login .modal-dialog .modal-body .sl-col .gform_footer { padding: 0 !important; position: relative; }
.nitco-login .modal-dialog .modal-body .sl-col .gform_footer:after { position: absolute; right: 10px; bottom: 6px; }
.nitco-login .modal-dialog .modal-body .sl-col .gfield_error { background-color: transparent !important; margin-bottom: 0 !important; border-top: 0 !important; border-bottom: 0 !important; padding-bottom: 0 !important; padding-top: 0 !important; }
.nitco-login .modal-dialog .modal-body .sl-col .gform_button { padding: 10px 16px; background: #000000 !important; color: #ffffff !important; letter-spacing: 1px; border: 0; width: 100%; text-align: left; margin: 0; }
@media screen and (max-width: 767px) {
.nitco-login .modal-dialog .modal-body .sl-col .gform_button { padding: 6px 16px; }
}
.nitco-login .modal-dialog .modal-body .sl-col .sl-form-wrapper { width: 340px; margin: 0 auto; }
.nitco-login .modal-dialog .modal-body .sl-col .sl-form-wrapper .para-txt { margin-top: 25px; margin-bottom: 40px; text-align: center; font-size: 18px; }
@media screen and (max-width: 767px) {
.nitco-login .modal-dialog .modal-body .sl-col .sl-form-wrapper .para-txt { margin-top: 16px; margin-bottom: 24px; font-size: 16px; }
}
.nitco-login .modal-dialog .modal-body .sl-col .sl-form-wrapper #login .status { color: #ff6969 !important; margin: 0; }
.nitco-login .modal-dialog .modal-body .sl-col .sl-form-wrapper #login #username { width: 100%; margin-top: 16px; padding: 9px 15px; }
.nitco-login .modal-dialog .modal-body .sl-col .sl-form-wrapper #login #password { margin-top: 16px; width: 100%; padding: 9px 15px; }
.nitco-login .modal-dialog .modal-body .sl-col .sl-form-wrapper #login .submit_button { position: relative; padding: 10px 16px; background: #000000 !important; color: #ffffff !important; letter-spacing: 1px; border: 0; width: 100%; text-align: left; margin: 0; }
.nitco-login .modal-dialog .modal-body .sl-col .sl-form-wrapper #login .login-submit { position: relative; clear: both; }
.nitco-login .modal-dialog .modal-body .sl-col .sl-form-wrapper #login .login-submit .right_arrow { position: absolute; top: 12px; position: absolute; color: white; right: 20px; }
.nitco-login .modal-dialog .modal-body .sl-col .sl-form-wrapper #login .forgot { display: block; float: right; padding: 9px 15px; }
.nitco-login .modal-dialog .modal-body .sl-col .sl-form-wrapper .validation_error { font-size: 13px; padding: 0; border: 0; }
.nitco-login .modal-dialog .modal-body .sl-col .sl-form-wrapper .gfield_description { padding-top: 2px; }
.nitco-login .modal-dialog .modal-body .sl-col .sl-form-wrapper .gform_button { -webkit-appearance: none; background: transparent; border: 0; }
.nitco-login .modal-dialog .modal-body .sl-col .sl-form-wrapper .gform_footer { padding: 8px 9px; }
.nitco-login .modal-dialog .modal-body .sl-col .sl-form-wrapper .social-blocks { width: 160px; float: left; margin: 0 5px; }
.nitco-login .modal-dialog .modal-body .sl-col .signup-with { text-align: center; margin: 24px 0; }
.nitco-login .modal-dialog .modal-body .sl-col .signup-with:before { content: ""; display: block; position: relative; top: 16px; width: 100%; z-index: 1; background-color: #d8d8d8; border-radius: 2px; height: 1px; }
.nitco-login .modal-dialog .modal-body .sl-col .signup-with span { z-index: 1; position: relative; background: #ffffff; padding: 0 29px; font-size: 16px; line-height: 1.62; }
.nitco-login .modal-dialog .modal-body .sl-col .signup-or { margin: 24px 0 8px; }
.nitco-login .modal-dialog .modal-body .sl-col .signup-or span { padding: 0 37px; }
.nitco-login .modal-dialog .modal-body .sl-col .login-account span a { border-bottom: 1px solid #000000; }
.nitco-login .modal-dialog .modal-body .sl-col .login-button { border: solid 1px #000000; text-align: left; padding: 11px 11px; line-height: 26px; width: 160px; height: 50px; }
.nitco-login .modal-dialog .modal-body .sl-col .login-button .login-icon-btn { width: 24px; display: inline-block; }
.nitco-login .modal-dialog .modal-body .sl-col .login-fb { padding-right: 10px; }
.nitco-login .modal-dialog .modal-body .sl-col .login-form .gform_wrapper .gform_body .gfield_label { display: none; }
.nitco-login .modal-dialog .modal-body .sl-col .login-form .gform_wrapper .gform_body li { padding-right: 0; }
.nitco-login .modal-dialog .modal-body .sl-col .login-form .gform_wrapper .gform_body li .ginput_container .medium { width: 100%; padding: 9px 15px; }
.nitco-login.login-form .modal-dialog { width: 450px; }
@media screen and (max-width: 767px) {
.nitco-login.login-form .modal-dialog { width: 100%; height: 100%; margin: 0; }
}
.nitco-login.login-form .modal-dialog .modal-content { background-color: #f8f8f8; }
@media screen and (max-width: 767px) {
.nitco-login.login-form .modal-dialog .modal-content { height: 100%; }
}
.nitco-login.login-form .modal-dialog .modal-content .sl-col { margin: 24px 0; }
@media screen and (max-width: 767px) {
.nitco-login.login-form .modal-dialog .modal-content .sl-col { margin: 32px 0 0; }
}
.nitco-login.login-form .modal-dialog .modal-content .signup-with span { background-color: #f8f8f8; }
.list-title { margin: 24px 0 16px; }
@media screen and (max-width: 767px) {
.list-title { margin: 16px 0; }
}
.list-title h1 { display: inline-block; font-size: 32px; color: rgba(0, 0, 0, 0.8); margin: 0 11px 0 0; }
@media screen and (max-width: 767px) {
.list-title h1 { display: block; text-align: center; font-size: 20px; margin: 0 0 16px; font-weight: bold; }
}
.list-title h2 { display: inline-block; font-size: 32px; color: rgba(0, 0, 0, 0.8); margin: 0 11px 0 0; }
.list-title h3 { color: rgba(0, 0, 0, 0.8); display: inline-block; }
.list-title .search-results { font-size: 16px; font-weight: 500; color: rgba(0, 0, 0, 0.4); font-family: 'Montserrat', sans-serif; display: inline-block; padding-left: 11px; vertical-align: sub; }
@media screen and (max-width: 767px) {
.list-title .search-results { display: none; }
}
.list-title .search-results .woocommerce-result-count { display: block !important; }
.list-title .delivery-info { text-align: right; margin-top: 8px; color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 767px) {
.list-title .delivery-info { text-align: center; border: 1px solid rgba(0, 0, 0, 0.17); border-left: 0; border-right: 0; padding: 12px 0; }
}
.list-title .delivery-info .icon-delivery { font-size: 24px; vertical-align: middle; margin-right: 8px; }
.list-title .delivery-info .delivery-text { font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase; }
.woocommerce-result-count { display: none; }
.tile-filter { margin-bottom: 32px; }
@media screen and (max-width: 767px) {
.tile-filter { margin-bottom: 16px; }
}
@media screen and (max-width: 767px) {
.tile-filter .tile-btn { display: block; text-align: center; margin-bottom: 20px; }
.fltrCol { width: 100%; height: 400px }
}
.fltrCol { width: 20%; height: 400px }
.tile-filter .tile-btn .filter-btn { border: 1px solid #000000; font-size: 16px; font-weight: 600; display: inline-block; text-align: center; padding: 3px 40px 7px; background: transparent; }
 @media screen and (max-width: 767px) {
.tile-filter .title-tab-filter { margin-right: 0; display: block; padding-right: 15px; }
.filter-popup .modal-dialog .modal-content .modal-body h5:after { font-family: 'FontAwesome'; content: '\f078'; padding-left: 5px; position: relative; font-size: 90%; float: right; display: block; }
}
.tile-filter .tile-blog-heading { text-align: center; margin-top: 10px; }
@media screen and (max-width: 767px) {
.tile-filter .tile-blog-heading { display: block; margin: 0; text-align: left; }
}
.tile-filter .tile-blog-heading .tile-display { color: rgba(0, 0, 0, 0.76); margin-right: 25px; }
@media screen and (max-width: 767px) {
.tile-filter .tile-blog-heading .tile-display { margin-right: 18px; }
}
.tile-filter .tile-blog-heading .button-group { display: inline-block; }
.tile-filter .tile-blog-heading .button-group li:last-child { margin-left: 12px; margin-right: 12px; }
.tile-filter .tile-blog-heading .button-group li { display: inline-block; margin-left: 12px; margin-right: 12px; cursor: pointer; }
.tile-filter .tile-blog-heading .button-group li.is-checked { font-weight: 600; text-decoration: underline; }
.tile-filter .tab-search-results { display: none; }
@media screen and (max-width: 767px) {
.tile-filter .tab-search-results { display: block; font-weight: 400; }
}
.tile-filter .tab-search-results:after { content: ""; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding-top: 13px; }
.tile-filter .tile-shortby { text-align: right; margin-top: 30px; }
@media screen and (max-width: 1024px) {
.tile-filter .tile-shortby { float: right; }
}
@media screen and (max-width: 767px) {
.tile-filter .tile-shortby { display: none; }
}
.tile-filter .tile-shortby .shortby { color: rgba(0, 0, 0, 0.76); vertical-align: middle; }
.tile-filter .tile-shortby .select-dropdown { display: inline-block; text-align: left; width: 201px; }
.tile-filter .tile-shortby .select-dropdown span { width: 100% !important; text-align: left; line-height: 24px; }
.tile-filter .tile-shortby .tile-btn { display: none; }
@media screen and (max-width: 1024px) {
.tile-filter .tile-shortby .tile-btn { display: inline-block; padding-left: 16px; }
}
.login-form .lost_reset_password p:nth-child(1) { display: none; }
.login-form .lost_reset_password .woocommerce-form-row:nth-child(4):after { bottom: 35px; position: absolute; right: 9px; font-family: 'icomoon'; content: "\e930"; padding-left: 5px; position: relative; font-size: 24px; margin-top: -2px; float: right; color: #fff; }
.login-form .lost_reset_password .form-row-first label { display: none; }
.login-form .lost_reset_password .form-row-first .woocommerce-Input { width: 100%; padding: 9px 15px; }
.login-form .lost_reset_password .form-row .woocommerce-Button { padding: 10px 16px; background: #000000 !important; color: #ffffff !important; letter-spacing: 1px; border: 0; width: 100%; text-align: left; margin: 0; }
#reset #login_data { max-width: 100%; margin-bottom: 5px; font-weight: bold; width: 100%; padding: 9px 15px; margin-bottom: 16px; }
@media screen and (max-width: 767px) {
#reset #login_data { margin-bottom: 24px; }
}
#reset #reset_btn { padding: 10px 16px; background: #000000 !important; color: #ffffff !important; letter-spacing: 1px; border: 0; width: 100%; text-align: left; margin: 0; text-align: center; }
#reset .msg { color: #ff6969; }
.the_champ_login_container .the_champ_login_ul li { border: solid 1px #000000 !important; text-align: left; padding: 11px 15px !important; line-height: 26px; width: 160px !important; height: 50px; margin: 0 5px !important; position: relative; }
.the_champ_login_container .the_champ_login_ul li img { display: block; }
.the_champ_login_container .the_champ_login_ul li i { position: absolute; top: 0; left: 0; width: -webkit-fill-available; height: 100%; margin: 0px; opacity: 0; }
.tile-list-block .tile-list-content { margin-bottom: 35px; }
@media screen and (max-width: 767px) {
.tile-list-block .tile-list-content { margin-bottom: 16px; }
}
.tile-list-block .tile-list-content .tile-list-image { height: 220px; position: relative; }
.tile-list-block .tile-list-content .tile-list-image img { width: 100%; height: 100%; object-fit: cover; }
.tile-list-block .tile-list-content .tile-list-text h4 { font-size: 18px; font-weight: 600; font-family: 'Open Sans', sans-serif; margin: 8px 0 2px; }
@media screen and (max-width: 767px) {
.tile-list-block .tile-list-content .tile-list-text h4 { font-size: 16px; margin: 6px 0 1px; }
}
.tile-list-block .tile-list-content .tile-list-text p { font-size: 18px; color: rgba(0, 0, 0, 0.76); margin-bottom: 14px; }
@media screen and (max-width: 767px) {
.tile-list-block .tile-list-content .tile-list-text p { font-size: 16px; line-height: 1.5; margin-bottom: 0; }
}
.tile-list-block .tile-list-content .tile-list-text .tile-price { margin-bottom: 24px; }
@media screen and (max-width: 767px) {
.tile-list-block .tile-list-content .tile-list-text .tile-price { line-height: 1.5; margin-bottom: 0; }
}
.tile-list-block .tile-list-content .tile-list-text .tile-price .rate { color: rgba(0, 0, 0, 0.76); margin-right: 8px; }
@media screen and (max-width: 767px) {
.tile-list-block .tile-list-content .tile-list-text .tile-price .rate { font-size: 14px; }
}
.tile-list-block .tile-list-content .tile-list-text .tile-price .icon-info { color: rgba(0, 0, 0, 0.24); font-size: 14px; }
@media screen and (max-width: 767px) {
.tile-list-block .tile-list-content .tile-list-text .tile-price .icon-info { font-size: 12px; vertical-align: middle; }
}
.tile-list-block .tile-list-content .tile-list-text .tile-list-icon { color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 767px) {
.tile-list-block .tile-list-content .tile-list-text .tile-list-icon { display: none; }
}
.tile-list-block .tile-list-content .tile-list-text .tile-list-icon .tile-compare { margin-right: 16px; }
.tile-list-block .tile-list-content .tile-list-text .tile-list-icon .icon-compare { vertical-align: middle; }
.tile-list-block .tile-list-content .tile-list-text .tile-list-icon .icon-shortlist { vertical-align: middle; }
.tile-list-block .tile-list-content .tile-list-text .tile-list-icon .tile-icon-text { font-size: 14px; letter-spacing: 0.5px; text-align: left; text-transform: uppercase; margin-left: 8px; }
.list-content-block { margin-top: 5px; margin-bottom: 35px; }
.list-content-block .lft-bg-img p { width: auto; padding: 0 10px; }
.mobile-filter { display: none; }
@media screen and (max-width: 767px) {
.mobile-filter { display: block; position: sticky; position: -webkit-sticky; width: 100%; bottom: 0; }
}
.mobile-filter .mobile-tile-btn { width: 50%; /* display: inline-block; */ /* margin: 0; */ float: left; text-align: center; border: 1px solid; display: block; padding: 10px 0; text-transform: uppercase; background: #ffffff; }
.collection-banner .overlay { background-image: linear-gradient(rgba(58, 58, 58, 0.5), rgba(58, 58, 58, 0.5)); }
.collection-search { margin: 24px 0 56px; }
.collection-search:after { content: ""; border-bottom: 1px solid rgba(0, 0, 0, 0.12); position: absolute; width: 100%; padding-top: 16px; display: none; }
@media screen and (max-width: 767px) {
.collection-search:after { display: block; }
}
@media screen and (max-width: 1024px) {
.collection-search { margin: 20px 0 24px 0; }
}
@media screen and (max-width: 767px) {
.collection-search { margin: 16px 0 29px; }
}
.collection-search .blog-searchbox .navbar-form { margin: 0; padding: 0; }
.collection-search .blog-searchbox .navbar-form .input-group { width: 330px; }
@media screen and (max-width: 767px) {
.collection-search .blog-searchbox .navbar-form .input-group { width: 100%; }
}
.collection-search .blog-searchbox .navbar-form .input-group .search_icon { border-radius: 2px; background-color: rgba(255, 255, 255, 0.8); border: solid 1px rgba(0, 0, 0, 0.76); }
.collection-search .blog-searchbox .navbar-form .input-group .search_icon i { padding-left: 8px; color: rgba(0, 0, 0, 0.55); }
.collection-search .blog-searchbox .navbar-form .input-group .search_icon input { color: #000000; border: 0; font-size: 16px; padding: 9px 8px; width: 91%; }
.collection-search .select-dropdown { width: 210px !important; float: right; }
@media screen and (max-width: 767px) {
.collection-search .select-dropdown { display: none; }
}
.collection-search .select-dropdown .select2-container .select2-selection--single { width: 100%; }
.collection-wrapper .row { display: flex; flex-wrap: wrap; }
.collection-wrapper .nt-content { margin-bottom: 40px; }
@media screen and (max-width: 1024px) {
.collection-wrapper .nt-content { width: 100%; margin-bottom: 48px; }
}
@media screen and (max-width: 767px) {
.collection-wrapper .nt-content { margin-bottom: 24px; }
}
.collection-wrapper .nt-content a { font-size: 13px; color: rgba(0, 0, 0, 0.4); }
@media screen and (max-width: 1024px) {
.collection-wrapper .nt-content a { font-size: 12px; }
}
.collection-wrapper .nt-content .featured-collection-heading { position: relative; margin-top: 25px; }
.collection-wrapper .nt-content .featured-collection-heading .hdr-container { width: 100%; margin-bottom: 10px }
.collection-wrapper .nt-content .featured-collection-heading .hdr-container .catalog-title { width: 75%; float: left; text-align: left; text-transform: uppercase }
.collection-wrapper .nt-content .featured-collection-heading .hdr-container .catalog-download { width: 25%; padding-top: 10px; float: right; text-align: right; font-size: 16px }
.collection-wrapper .nt-content .featured-collection-heading .catalog-content { font-size: 16px; line-height: 25px; font-weight: 100; margin-bottom: 10px; min-height: 90px; color: #484848 }
.collection-wrapper .nt-content .featured-collection-heading h4 { color: rgba(0, 0, 0, 0.76); display: inline-block; }
.collection-wrapper .nt-content .featured-collection-heading h4 span { display: none; }
@media screen and (max-width: 1024px) {
.collection-wrapper .nt-content .featured-collection-heading h4 span { font-size: 16px; color: #ff6969; display: inline-block; margin-left: 38px; position: relative; }
}
@media screen and (max-width: 767px) {
.collection-wrapper .nt-content .featured-collection-heading h4 span { float: right; }
}
.collection-wrapper .nt-content .featured-collection-heading h4 span:before { content: "."; position: absolute; font-size: 45px; top: -34px; left: -22px; color: #c4c4c4; }
@media screen and (max-width: 767px) {
.collection-wrapper .nt-content .featured-collection-heading h4 span:before { display: none; }
}
@media screen and (max-width: 1024px) {
.collection-wrapper .nt-content .featured-collection-heading h4 { margin: 8px 0; }
}
.collection-wrapper .nt-content .featured-collection-heading .nt-ribbon { color: rgba(0, 0, 0, 0.76); background: #cddc39; top: -2px; left: auto; display: inline-block; position: relative;/*
  				top: 2px;
  				left: 204px;
  */ }
@media screen and (max-width: 1024px) {
.collection-wrapper .nt-content .featured-collection-heading .nt-ribbon { top: 110px; left: 0; }
}
@media screen and (max-width: 767px) {
.collection-wrapper .nt-content .featured-collection-heading .nt-ribbon { top: 45px; left: 0; }
}
.collection-wrapper .nt-content .featured-collection-heading .nt-ribbon:before { border-top: 20px solid #cddc39; border-bottom: 20px solid transparent; }
.collection-wrapper .nt-content .featured-collection-heading .nt-ribbon:after { border-bottom: 23px solid #cddc39; }
.collection-wrapper .nt-content p { font-size: 18px; line-height: 1.56; margin-bottom: 16px; }
@media screen and (max-width: 1024px) {
.collection-wrapper .nt-content p { font-size: 16px; margin-bottom: 12px; }
}
.collection-wrapper .nt-content .Marbilano-img { height: 460px; }
@media screen and (max-width: 1024px) {
.collection-wrapper .nt-content .Marbilano-img { height: 478px; }
}
@media screen and (max-width: 767px) {
.collection-wrapper .nt-content .Marbilano-img { height: 193px !important; }
}
.collection-wrapper .nt-content .Marbilano-img img { height: 100%; }
.collection-wrapper .nt-content .tuscan-gres-image { height: 384px; }
@media screen and (max-width: 1024px) {
.collection-wrapper .nt-content .tuscan-gres-image { height: 326px; }
}
@media screen and (max-width: 767px) {
.collection-wrapper .nt-content .nt-wrapper-samples { width: auto; height: auto; }
}
.collection-wrapper .nt-content .nt-wrapper-samples .nt-wrapper-img { width: 60px; height: 60px; margin-top: 16px; margin-right: 16px; }
@media screen and (max-width: 1024px) {
.collection-wrapper .nt-content .nt-wrapper-samples .nt-wrapper-img { width: 90px; height: 90px; }
}
@media screen and (max-width: 767px) {
.collection-wrapper .nt-content .nt-wrapper-samples .nt-wrapper-img { width: 35px; height: 35px; margin-top: 8px; margin-right: 8px; }
}
.collection-wrapper .nt-content .nt-wrapper-samples .nt-wrapper-img img { width: 100%; }
.collection-wrapper .nt-content .nt-wrapper-samples .complete-view { display: none; }
.collection-wrapper .nt-content .nt-wrapper-samples .collection-view-more { float: right; margin-top: 8px; font-size: 18px; line-height: 1.56; color: rgba(0, 0, 0, 0.76); cursor: pointer; }
@media screen and (max-width: 767px) {
.collection-wrapper .nt-content .nt-wrapper-samples .collection-view-more { font-size: 14px; color: #000000; text-decoration: underline; margin-top: 4px; }
}
.collection-wrapper .nt-content .tuscan-gres-samples .collection-view-more { float: left; }
.mobile-collection-btn .collection-btn { font-size: 14px; font-weight: 600; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.85); text-align: center; background: white; display: block; border-top: 1px solid rgba(0, 0, 0, 0.85); text-transform: uppercase; padding: 17px 0 15px; }
.overview-wrapper .overview-title { font-weight: 600; color: rgba(0, 0, 0, 0.4); }
.overview-wrapper h1 { color: rgba(0, 0, 0, 0.76); margin: 10px 0; }
.overview-wrapper .overview-content p { font-size: 18px; width: 45%; margin-top: 5px; float: left; }
.overview-wrapper .overview-content .overview-btn { display: inline-block; float: right; }
.overview-wrapper .overview-content .overview-btn a { font-size: 14px; letter-spacing: 0.5px; text-align: left; color: rgba(0, 0, 0, 0.76); border: 1px solid #c4c4c4; padding: 18px 30px; display: inline-block; text-transform: uppercase; }
.overview-wrapper .overview-content .overview-btn a span { font-size: 18px; vertical-align: middle; margin-right: 9px; }
.products { list-style: none; margin-left: -15px; margin-right: -15px;/* } */ }
.products.columns-4 li { width: 25%; }
@media screen and (max-width: 1024px) {
.products.columns-4 li { width: 50%; }
}
@media screen and (max-width: 767px) {
.products.columns-4 li { width: 100%; }
}
.products.columns-3 li { width: 33%; }
@media screen and (max-width: 1024px) {
.products.columns-3 li { width: 50%; }
}
@media screen and (max-width: 767px) {
.products.columns-3 li { width: 100%; }
}
.products li { float: left; position: relative; min-height: 320px; padding-left: 15px; padding-right: 15px; margin-bottom: 35px; }
@media screen and (max-width: 1024px) {
.products li { width: 50%; }
}
@media screen and (max-width: 767px) {
.products li { width: 100%; }
}
.products li h2 { font-size: 18px; font-weight: 600; font-family: 'Open Sans', sans-serif; margin: 8px 0 2px; line-height: 24px; }
@media screen and (max-width: 767px) {
.products li h2 { display: inline-block; font-size: 16px; }
}
.products li .mobile-shop-shortlist { float: right; font-size: 24px; display: none; }
@media screen and (max-width: 767px) {
.products li .mobile-shop-shortlist { display: block; }
}
.products li img { /*
  				width: 100%;
  				object-fit: cover;
  				height: 100%;
  */ }
.products li img.hide-img { display: none; }
.products li .tile-price { margin-bottom: 24px; }
.products li .tile-list-image { position: relative; max-width: 100%; height: auto; padding-bottom: 100%; }
.products li .tile-list-image.swatch_img { padding-bottom: 100%; }
.products li .tile-list-image .image-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.products li .tile-list-image img { margin: 0 auto;/* height: auto; */ }
@media screen and (max-width: 767px) {
.products li .tile-list-image img { width: 100%; }
}
.products li .tile-list-text { line-height: 24px; }
.products li .tile-list-text h4 { font-size: 18px; font-weight: 600; font-family: 'Open Sans', sans-serif; margin: 8px 0 2px; }
@media screen and (max-width: 767px) {
.products li .tile-list-text h4 { font-size: 16px; margin: 6px 0 1px; }
}
.products li .tile-list-text p { font-size: 15px; color: rgba(0, 0, 0, 0.76); margin-bottom: 10px; }
@media screen and (max-width: 1024px) {
.products li .tile-list-text p { margin-bottom: 5px; }
}
@media screen and (max-width: 767px) {
.products li .tile-list-text p { font-size: 14px; line-height: 1.5; color: #000000; margin-bottom: 0; }
}
.products li .tile-list-text .tile-price { margin-bottom: 10px; }
@media screen and (max-width: 767px) {
.products li .tile-list-text .tile-price { line-height: 1.5; margin-bottom: 0; }
}
.products li .tile-list-text .tile-price .rate { color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 767px) {
.products li .tile-list-text .tile-price .rate { font-size: 14px; color: #000000; }
}
.products li .tile-list-text .tile-price .icon-info { color: rgba(0, 0, 0, 0.24); font-size: 15px; margin-left: 8px; }
@media screen and (max-width: 767px) {
.products li .tile-list-text .tile-price .icon-info { font-size: 12px; vertical-align: middle; }
}
.products li .tile-list-text .tile-price ins { text-decoration: none; }
.products li .tile-list-text .tile-list-icon { color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 767px) {
.products li .tile-list-text .tile-list-icon { display: none; }
}
.products li .tile-list-text .tile-list-icon .tile-compare { margin-right: 16px; }
.products li .tile-list-text .tile-list-icon .icon-compare { vertical-align: middle; }
.products li .tile-list-text .tile-list-icon .icon-shortlist { vertical-align: middle; }
.products li .tile-list-text .tile-list-icon .tile-icon-text { font-size: 14px; letter-spacing: 0.5px; text-align: left; text-transform: uppercase; margin-left: 8px; }
#loginform { font-family: 'Open Sans', sans-serif; font-size: 18px; }
#loginform .login-password { padding: 0 0 12px; }
#loginform .login-username { padding: 0 0 12px; }
#loginform label { display: none; }
#loginform input[type=text] { border: solid 1px #c4c4c4; width: 100%; padding: 9px 15px; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 500; }
#loginform input[type=password] { border: solid 1px #c4c4c4; width: 100%; padding: 9px 15px; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 500; }
#loginform input[type=submit] { padding: 10px 16px; background: #000000 !important; color: #ffffff !important; letter-spacing: 1px; border: 0; width: 100%; text-align: left; margin: 0; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 500; }
#loginform .login-submit { position: relative; }
#loginform .login-submit:after { font-family: 'icomoon'; content: "\e930"; padding-left: 5px; position: relative; font-size: 24px; margin-top: -2px; float: right; color: #fff; position: absolute; right: 10px; bottom: 6px; }
.login-account { margin: 24px 0 0; }
.login-account p { margin: 0; }
@media screen and (max-width: 767px) {
.login-account p { font-size: 16px; }
}
.look-detail { /*
  .look-vertical{
  		margin-bottom: 34px;
  		.look-images{
  			float: left;
  			padding: 0 0 30px 30px;
  			width: 50%;
  			@include screen(med-small){
  				width: 100%;
  				padding-left: 0;
  			}
  			img{
  				width: 100%;
  				height: 100%;
  				object-fit: cover;
  			}
  			&:first-child{
  				height: 1080px;
  				padding-left: 0;
  				@include screen(med){
  					height: 787px;
  					float: none;
  					margin: 0 auto;
  				}
  				@include screen(small){
  					height: auto;
  				}
  			}
  			&:nth-child(2){
  				height: 750px;
  				@include screen(med){
  					height: 463px;
  				}
  				@include screen(small){
  					height: auto;
  				}
  			}
  			&:nth-child(3){
  				height: 375px;
  				@include screen(med){
  					height: 231px;
  				}
  				@include screen(small){
  					height: auto;
  				}
  			}
  		}
  	}
  */ /* clearfix */ /* ---- grid-item ---- */
}
.look-detail .look-header-section { margin-bottom: 24px; }
.look-detail .look-header-section .look-header { width: 100%; margin-top: 32px; float: left; }
@media screen and (max-width: 1024px) {
.look-detail .look-header-section .look-header { margin-top: 24px; width: 100%; }
}
.look-detail .look-header-section .look-header h1 { color: rgba(0, 0, 0, 0.76); margin: 0 0 21px; }
@media screen and (max-width: 1024px) {
.look-detail .look-header-section .look-header h1 { margin: 0 0 10px; }
}
@media screen and (max-width: 767px) {
.look-detail .look-header-section .look-header h1 { text-align: center; }
}
.look-detail .look-header-section .look-header p { font-size: 18px;/*padding-right: 100px;*/ }
@media screen and (max-width: 1024px) {
.look-detail .look-header-section .look-header p { padding: 0; margin: 0; }
}
@media screen and (max-width: 767px) {
.look-detail .look-header-section .look-header p { padding-right: 58px; }
}
.look-detail .look-header-section .enquire-header { float: left; margin-top: 20px; }
@media screen and (max-width: 1024px) {
.look-detail .look-header-section .enquire-header { display: none; }
}
.look-detail .look-header-section .enquire-header a { margin: 0 0 8px 0; }
.look-detail .header-icon { clear: both; font-size: 14px; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); margin-bottom: 32px; }
@media screen and (max-width: 1024px) {
.look-detail .header-icon { display: none; }
}
.look-detail .header-icon .download-pdf { float: left; }
.look-detail .header-icon .download-pdf .icon-download { padding-right: 8px; font-size: 18px; vertical-align: middle; }
.look-detail .header-icon .share-pdf { float: right; }
.look-detail .header-icon .share-pdf span span { font-size: 18px; margin-right: 8px; vertical-align: middle; }
.look-detail .header-icon .share-pdf .share-icon { margin-right: 54px; }
.look-detail .look-horizontal { margin-bottom: 34px; }
.look-detail .look-horizontal .look-images { width: 50%; float: left; padding: 0 0 30px 30px; }
@media screen and (max-width: 767px) {
.look-detail .look-horizontal .look-images { width: 100%; padding-left: 0; }
}
.look-detail .look-horizontal .look-images:first-child { width: 100%; padding-left: 0; }
.look-detail .look-horizontal .look-images:nth-child(2) { padding-left: 0; }
.look-detail .tile-list-block { background-color: #ececec; padding: 44px 56px 32px 64px; margin-bottom: 80px; }
@media screen and (max-width: 1024px) {
.look-detail .tile-list-block { padding: 18px 11px 0px; }
}
@media screen and (max-width: 767px) {
.look-detail .tile-list-block { margin-bottom: 49px; }
}
.look-detail .tile-list-block h3 { color: rgba(0, 0, 0, 0.8); padding: 0 15px; margin: 0 0 28px; }
@media screen and (max-width: 1024px) {
.look-detail .tile-list-block h3 { font-size: 28px; margin-bottom: 15px; }
}
@media screen and (max-width: 767px) {
.look-detail .tile-list-block h3 { text-align: center; }
}
.look-detail .tile-list-block .tile-list-content { margin-bottom: 0; }
@media screen and (max-width: 1024px) {
.look-detail .tile-list-block .tile-list-content { margin-bottom: 24px; }
}
.look-detail .tile-list-block .tile-list-content .tile-list-text h4 { margin: 2px 0; }
@media screen and (max-width: 1024px) {
.look-detail .tile-list-block .tile-list-content .tile-list-text h4 { font-size: 16px; }
}
@media screen and (max-width: 767px) {
.look-detail .tile-list-block .tile-list-content .tile-list-text h4:nth-child(2) { display: none; }
}
@media screen and (max-width: 1024px) {
.look-detail .tile-list-block .tile-list-content .tile-list-text p { font-size: 16px; margin-bottom: 8px; }
}
.look-detail .tile-list-block .tile-list-content .tile-list-text .tile-price { margin-bottom: 0; }
.look-detail .similar-design-wrapper { position: relative; display: none; }
@media screen and (max-width: 767px) {
.look-detail .similar-design-wrapper { margin: 0 0 24px 0px; }
}
.look-detail .similar-design-wrapper h3 { text-align: center; color: rgba(0, 0, 0, 0.8); margin: 0 0 24px; }
.look-detail .similar-design-wrapper .icon-chevron_s_left_dark { position: absolute; top: 143px; right: -30px; font-size: 24px; }
@media screen and (max-width: 1024px) {
.look-detail .similar-design-wrapper .icon-chevron_s_left_dark { display: none; }
}
.look-detail .similar-design-wrapper .icon-chevron_s_right_dark { position: absolute; top: 143px; left: -30px; font-size: 24px; }
@media screen and (max-width: 1024px) {
.look-detail .similar-design-wrapper .icon-chevron_s_right_dark { display: none; }
}
.look-detail .similar-design-wrapper .similar-design-ideas { margin: 0 71px 102px 79px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; }
@media screen and (max-width: 1024px) {
.look-detail .similar-design-wrapper .similar-design-ideas { margin: 0 0 0 27px; }
}
@media screen and (max-width: 767px) {
.look-detail .similar-design-wrapper .similar-design-ideas { margin: 0; }
}
.look-detail .similar-design-wrapper .similar-design-ideas .similar-design-content { width: 330px; margin-right: 30px; display: inline-block; }
@media screen and (max-width: 767px) {
.look-detail .similar-design-wrapper .similar-design-ideas .similar-design-content { width: 270px; margin-right: 8px; }
}
.look-detail .similar-design-wrapper .similar-design-ideas .similar-design-content p { font-size: 18px; font-weight: 600; margin-bottom: 0; }
.look-detail .similar-design-wrapper .similar-design-ideas .similar-design-content span { font-size: 13px; line-height: 1.38; color: rgba(0, 0, 0, 0.4); display: block; }
@media screen and (max-width: 767px) {
.look-detail .similar-design-wrapper .similar-design-ideas .similar-design-content span { display: none; }
}
.look-detail .similar-design-wrapper .similar-design-ideas .swiper-button-next {
    background-image: url("https://www.nitco.in/nitcoassets/arrow-right.png");
}
.look-detail .similar-design-wrapper .similar-design-ideas .swiper-button-prev {
    background-image: url("https://www.nitco.in/nitcoassets/arrow-left.png");
}
.look-detail .featured-in-blog { margin-bottom: 80px; }
@media screen and (max-width: 1024px) {
.look-detail .featured-in-blog { margin-bottom: 50px; }
}
@media screen and (max-width: 767px) {
.look-detail .featured-in-blog { display: flex; flex-wrap: wrap; }
}
@media screen and (max-width: 767px) {
.look-detail .featured-in-blog .featured-in-blog-mobile { order: 2; margin-top: 8px; }
}
.look-detail .featured-in-blog h3 { margin: 0 0 24px; color: rgba(0, 0, 0, 0.8); }
@media screen and (max-width: 1024px) {
.look-detail .featured-in-blog h3 { text-align: center; }
}
@media screen and (max-width: 767px) {
.look-detail .featured-in-blog h3 { margin: 0 80px 16px 80px; }
}
.look-detail .featured-in-blog h2 { color: rgba(0, 0, 0, 0.8); margin: 64px 0 24px; }
@media screen and (max-width: 1024px) {
.look-detail .featured-in-blog h2 { margin: 0px 0 16px; }
}
.look-detail .featured-in-blog p { font-size: 18px; margin-bottom: 16px; }
@media screen and (max-width: 1024px) {
.look-detail .featured-in-blog p { font-size: 16px; margin-bottom: 20px; }
}
.look-detail .featured-in-blog span { border-bottom: 1px solid #000000; }
.look-detail .more-design-spaces h3 { text-align: center; color: rgba(0, 0, 0, 0.8); margin: 0 0 24px; }
@media screen and (max-width: 1024px) {
.look-detail .more-design-spaces h3 { font-size: 28px; margin-bottom: 15px; }
}
.look-detail .more-design-spaces .design-spaces-content { margin: 0 15px 16px; }
@media screen and (max-width: 767px) {
.look-detail .more-design-spaces .design-spaces-content { margin: 0 0 4px; }
}
.look-detail .more-design-spaces .design-spaces-content .design-spaces-image img { width: 100%; }
.look-detail .more-design-spaces .design-spaces-content p { font-size: 18px; font-weight: 600; margin: 8px 0 0; }
@media screen and (max-width: 1024px) {
.look-detail .more-design-spaces .design-spaces-content p { font-size: 16px; margin: 0; }
}
.look-detail .more-design-spaces .design-spaces-content span { font-size: 13px; text-align: left; color: rgba(0, 0, 0, 0.4); display: block; line-height: 1.38; }
@media screen and (max-width: 1024px) {
.look-detail .more-design-spaces .design-spaces-content span { display: none; }
}
@media screen and (max-width: 767px) {
.look-detail .more-design-spaces .design-spaces-content span { display: block; }
}
.look-detail .more-design-spaces .idea-btn { text-align: center; margin-top: 14px; }
.look-detail .more-design-spaces .idea-btn .btn { border: 1px solid; padding: 13px 44px; }
@media screen and (max-width: 767px) {
.look-detail .more-design-spaces .idea-btn .btn { width: 100%; }
}
.look-detail .nt-content-block { margin: 64px 0 24px; }
.look-detail .look-button { position: fixed; bottom: 0; width: 100%; left: 0; z-index: 999; background: #ffffff; }
.look-detail .look-button .look-btn { width: 50%; float: left; text-align: center; border: 1px solid #000000; padding: 13px 24px; font-size: 18px; font-weight: 600; }
@media screen and (max-width: 1024px) {
.look-detail .look-button .look-btn { text-transform: uppercase; }
}
@media screen and (max-width: 767px) {
.look-detail .look-button .look-btn { text-transform: capitalize; }
}
.look-detail .look-button .get-look { background: #000000; }
.look-detail .look-button .get-look a { color: #ffffff; }
.look-detail .look-tab-button .look-btn { width: 25%; border: 0; position: relative; }
.look-detail .look-tab-button span { vertical-align: middle; font-size: 28px; padding-right: 8px; }
.look-detail .look-tab-button .share-btn { border-right: 1px solid #000000; }
.look-detail .look-tab-button a .icon-chevron_s_left_dark { vertical-align: sub; position: absolute; right: 0px; }
.look-detail .look-tab-button .get-look .icon-chevron_s_left_dark { color: #ffffff; }
.look-detail .look-tab-button .get-enquire { text-align: left; }
.look-detail .grid:after { content: ''; display: block; clear: both; }
.look-detail .grid-sizer, .look-detail .grid-item { width: 33.33%; }
@media screen and (max-width: 767px) {
.look-detail .grid-sizer, .look-detail .grid-item { width: 100%; }
}
.look-detail .grid-item { float: left; }
@media screen and (max-width: 767px) {
.look-detail .grid-item { height: auto; }
}
.look-detail .grid-item--height2 .design-spaces-content { height: 100%; }
@media screen and (max-width: 767px) {
.look-detail .grid-item--height2 .design-spaces-content { height: auto; }
}
.look-detail .grid-item--height2 .design-spaces-content .design-spaces-image { height: 100%; }
@media screen and (max-width: 767px) {
.look-detail .grid-item--height2 .design-spaces-content .design-spaces-image { height: auto; }
}
.look-detail .grid-item--height2 .design-spaces-content .design-spaces-image img { height: 100%; object-fit: cover; }
@media screen and (max-width: 767px) {
.look-detail .grid-item--height2 .design-spaces-content .design-spaces-image img { height: auto; }
}
.look-detail .design-vertical-wrapper { padding: 0 56px 0 64px; }
.look-vertical { margin-bottom: 34px; }
.look-vertical .look-images { float: left; padding: 0 0 30px 30px; width: 50%; }
@media screen and (max-width: 767px) {
.look-vertical .look-images { width: 100%; padding-left: 0; }
}
.look-vertical .look-images img { width: 100%; height: 100%; object-fit: cover; }
.look-vertical .look-images:first-child { height: 1080px; padding-left: 0; }
@media screen and (max-width: 1024px) {
.look-vertical .look-images:first-child { height: 787px; float: none; margin: 0 auto; }
}
@media screen and (max-width: 767px) {
.look-vertical .look-images:first-child { height: auto; }
}
.look-vertical .look-images:nth-child(2) { height: 750px; }
@media screen and (max-width: 1024px) {
.look-vertical .look-images:nth-child(2) { height: 463px; }
}
@media screen and (max-width: 767px) {
.look-vertical .look-images:nth-child(2) { height: auto; }
}
.look-vertical .look-images:nth-child(3) { height: 375px; }
@media screen and (max-width: 1024px) {
.look-vertical .look-images:nth-child(3) { height: 231px; }
}
@media screen and (max-width: 767px) {
.look-vertical .look-images:nth-child(3) { height: auto; }
}
.landing-banner .banner-image { background-repeat: no-repeat; background-size: cover; background-position: center center; height: 530px; position: relative; }
@media screen and (max-width: 1024px) {
.landing-banner .banner-image { height: 400px; }
}
.landing-banner .banner-image.banner-image1 { background-image: url("assets/images/marbilano.png"); }
.landing-banner .banner-image .landing-collection { width: 450px; /*  height: 360px;
*/ background-color: rgba(255, 255, 255, 0.9); position: absolute; top: 7%; left: 20%; }
@media screen and (max-width: 1024px) {
.landing-banner .banner-image .landing-collection { width: 316px; height: 301px; top: 10%; left: 10%; }
}
@media screen and (max-width: 767px) {
.landing-banner .banner-image .landing-collection { width: 100%; height: 292px; background-color: rgba(255, 255, 255, 0.7); left: 0; top: unset; bottom: 0; }
}
.landing-banner .banner-image .landing-collection .collection-wrapper { padding: 0 30px 30px; }
.landing-banner .banner-image .landing-collection .collection-wrapper h3 { font-size: 30px; color: rgba(0, 0, 0, 0.8); margin: 24px 0 16px; }
.landing-banner .banner-image .landing-collection .collection-wrapper p { font-size: 18px; margin-bottom: 40px; }
@media screen and (max-width: 1024px) {
.landing-banner .banner-image .landing-collection .collection-wrapper p { margin-bottom: 32px; }
}
@media screen and (max-width: 767px) {
.landing-banner .banner-image .landing-collection .collection-wrapper p { font-size: 16px; margin-bottom: 24px; }
.landing-banner .banner-image .landing-collection .collection-wrapper h3 { font-size: 25px; }
}
.landing-banner .banner-image .landing-collection .collection-wrapper .collection-btn { /*  padding: 13px 24px;*/ border: 1px solid; font-size: 18px; font-weight: 600; text-align: center; color: white; background-color: black; }
.landing-banner .banner-image .landing-collection .swiper-pagination-v { text-align: left; padding-left: 32px; }
@media screen and (max-width: 1024px) {
.landing-banner .banner-image .landing-collection .swiper-pagination-v { display: none; }
}
@media screen and (max-width: 767px) {
.landing-banner .banner-image .landing-collection .swiper-pagination-v { display: block; bottom: 50px; }
}
@media screen and (max-width: 767px) {
.landing-banner .swiper-pagination-h { display: none; }
}
.design-idea-section.look-detail { width: 100%; margin-top: 40px; }
@media screen and (max-width: 1024px) {
.design-idea-section.look-detail { margin-top: 24px; }
}
@media screen and (max-width: 1024px) {
.design-idea-section.look-detail .more-design-spaces h3 { margin-bottom: 24px; }
}
@media screen and (max-width: 767px) {
.design-idea-section.look-detail .more-design-spaces h3 { font-size: 22px; margin-top: 16px; padding: 0 7px; }
}
@media screen and (max-width: 767px) {
.design-idea-section.look-detail .more-design-spaces .design-spaces-content { margin: 0; }
}
.design-idea-section.look-detail .more-design-spaces .design-spaces-content .design-spaces-image img { height: 100%; object-fit: cover; }
.design-idea-section.look-detail .more-design-spaces .design-spaces-content span { display: block; }
.design-idea-section.look-detail .more-design-spaces .grid:after { content: ''; display: block; clear: both; }
.design-idea-section.look-detail .more-design-spaces .grid-sizer, .design-idea-section.look-detail .more-design-spaces .grid-item { width: 25%; }
@media screen and (max-width: 1024px) {
.design-idea-section.look-detail .more-design-spaces .grid-sizer, .design-idea-section.look-detail .more-design-spaces .grid-item { width: 33.33%; }
}
@media screen and (max-width: 767px) {
.design-idea-section.look-detail .more-design-spaces .grid-sizer, .design-idea-section.look-detail .more-design-spaces .grid-item { width: 100%; }
}
.design-idea-section.look-detail .more-design-spaces .grid-item { float: left; }
.design-idea-section.look-detail .more-design-spaces .idea-btn { margin: 24px 0 48px; }
.design-idea-section.look-detail .more-design-spaces .idea-btn .btn { font-size: 18px; }
.design-idea-section.spaces-landing { margin-top: 56px; }
.design-idea-section.spaces-landing .spaces-heading h1 { color: rgba(0, 0, 0, 0.76); margin: 0 0 16px; }
.design-idea-section.spaces-landing .spaces-heading P { font-size: 18px; margin-bottom: 16px; width: 690px; }
.design-idea-section.spaces-landing .spaces-dropdown { margin-bottom: 24px; float: right; }
.design-idea-section.spaces-landing .spaces-dropdown .select-dropdown { font-size: 16px; font-weight: 600; display: inline-block; }
.design-idea-section.spaces-landing .spaces-dropdown .select-dropdown .select2.select2-container:before { top: 12px; }
.design-idea-section.spaces-landing .spaces-dropdown .size-dropdown { margin-right: 30px; }
.design-idea-section.spaces-landing .more-design-spaces .grid-item { margin-bottom: 16px; }
.design-idea-section.spaces-landing-2 { margin: 0; }
.surface-block { background-image: url("assets/images/surface.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; height: 220px; margin-bottom: 48px; }
@media screen and (max-width: 1024px) {
.surface-block { margin-bottom: 40px; }
}
.surface-block .overlay { height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #ffffff; }
.surface-block .overlay h3 { color: #ffffff; margin: 0 0 8px; }
@media screen and (max-width: 767px) {
.surface-block .overlay h3 { margin-bottom: 16px; }
}
.surface-block .overlay p { font-size: 18px; width: 346px; margin-bottom: 16px; }
@media screen and (max-width: 1024px) {
.surface-block .overlay p { font-size: 16px; margin-bottom: 24px; }
}
@media screen and (max-width: 767px) {
.surface-block .overlay p { font-size: 14px; width: 100%; margin-bottom: 36px; }
}
.surface-block .overlay .surface-btn { font-size: 16px; font-weight: 600; color: #ffffff; border: 1px solid #ffffff; }
.landing-featured { margin-bottom: 16px; }
.landing-featured .landing-featured-section { margin-bottom: 56px; display: flex; flex-direction: row; flex-wrap: wrap; }
.landing-featured .landing-featured-section:nth-child(even) { flex-direction: row-reverse; }
@media screen and (max-width: 1024px) {
.landing-featured .landing-featured-section { margin-bottom: 40px; }
}
.landing-featured .landing-featured-section .landing-featured-image img { width: 100%; }
.landing-featured .landing-featured-section h3 { color: rgba(0, 0, 0, 0.8); margin: 0 0 16px; }
@media screen and (max-width: 1024px) {
.landing-featured .landing-featured-section h3 { font-size: 28px; }
}
@media screen and (max-width: 767px) {
.landing-featured .landing-featured-section h3 { font-size: 22px; }
}
.landing-featured .landing-featured-section p { font-size: 18px; margin-bottom: 32px; }
@media screen and (max-width: 1024px) {
.landing-featured .landing-featured-section p { font-size: 14px; margin-bottom: 24px; }
   
}
@media screen and (max-width: 767px) {
/*.landing-featured .landing-featured-section p { display: none; }*/
  .landing-featured { display: none; }

}
@media screen and (min-width: 992px) {
    /*.landing-featured .landing-featured-section p { display: none; }*/
    .landing-featured-desktop {
        display: none;
    }
    .footer-navbar{
        display:none;
    }
}
@media screen and (max-width: 767px) {
.landing-featured .landing-featured-section .desk-primary-btn-black { width: 100%; margin-bottom: 0; }
}
.landing-featured .landing-featured-section .featured-content { font-weight: 300; margin-top: 20px; }
@media screen and (max-width: 767px) {
.landing-featured .landing-featured-section .featured-content { margin-top: 14px; }
}
.landing-featured .landing-featured-section .featured-content a { border-bottom: 1px solid #000000; }
.showroom-landing { margin-bottom: 72px; }
@media screen and (max-width: 1024px) {
.showroom-landing { margin-bottom: 40px; }
}
.showroom-landing .showroon-heading { text-align: center; margin-bottom: 40px; }
@media screen and (max-width: 767px) {
.showroom-landing .showroon-heading { text-align: left; margin-bottom: 24px; }
}
.showroom-landing .showroon-heading h3 { color: rgba(0, 0, 0, 0.8); margin: 0 0 8px; }
.showroom-landing .showroon-heading p { font-size: 18px; color: rgba(0, 0, 0, 0.76); width: 80%; margin: 0 auto; }
@media screen and (max-width: 1024px) {
.showroom-landing .showroon-heading p { width: 100%; }
}
@media screen and (max-width: 767px) {
.showroom-landing .showroom-txt { margin-bottom: 24px; }
}
.showroom-landing .showroom-txt p { font-size: 14px; margin-bottom: 0px; }
@media screen and (max-width: 767px) {
.showroom-landing .showroom-txt p { font-size: 16px; }
}
.showroom-landing .showroom-txt .lot-number { font-weight: 100; margin-top: 8px; }
.showroom-landing .showroom-txt .lot-marble { color: rgba(0, 0, 0, 0.76); }
.landing-video {
    height: 330px;
    background-image: url(https://www.nitco.in/nitcoassets/video-bg.jpg);
    margin-bottom: 64px;
}
@media screen and (max-width: 1024px) {
.landing-video { height: 220px; margin-bottom: 40px; }
}
@media screen and (max-width: 767px) {
.landing-video { height: 250px; }
}
.landing-video .overlay h3 { margin: 0 0 16px; }
@media screen and (max-width: 1024px) {
.landing-video .overlay h3 { font-size: 28px; margin-bottom: 21px; }
}
@media screen and (max-width: 767px) {
.landing-video .overlay h3 { font-size: 22px; margin-bottom: 8px; line-height: 26px; }
}
.landing-video .overlay p { width: 692px; }
@media screen and (max-width: 1024px) {
.landing-video .overlay p { width: 547px; margin-bottom: 21px; }
}
@media screen and (max-width: 767px) {
.landing-video .overlay p { width: 100%; font-size: 14px; margin-bottom: 17px; padding: 0 10px; }
}
.landing-video .overlay a { color: white; font-weight: bold; }
.landing-video .overlay a .landing-video-play { font-size: 35px; vertical-align: middle; margin-right: 8px; }
.landing-featured-collection h2 { text-align: center; color: rgba(0, 0, 0, 0.8); margin: 0 0 16px; }
.landing-featured-collection .nt-content { margin-bottom: 64px; }
@media screen and (max-width: 1024px) {
.landing-featured-collection .nt-content { width: 50%; margin-bottom: 40px; }
}
@media screen and (max-width: 767px) {
.landing-featured-collection .nt-content { width: 100%; margin-bottom: 32px; }
}
.landing-featured-collection .nt-content .featured-collection-heading h4 { margin: 0 0 7px; }
@media screen and (max-width: 1024px) {
.landing-featured-collection .nt-content .featured-collection-heading .nt-ribbon { display: none; }
}
 @media screen and (max-width: 1024px) {
.landing-featured-collection .nt-content .Marbilano-img { height: 232px; }
}
.landing-featured-collection .nt-content .nt-wrapper-samples .nt-wrapper-img { width: 60px; height: 60px; margin-right: 10px; margin-top: 10px; }
.nt-landing-block { margin-top: 0; display: block; }
.landing-blog .heading-wrapper h3 { text-align: center; color: rgba(0, 0, 0, 0.8); margin: 0 0 24px; }
@media screen and (max-width: 1024px) {
.landing-blog .heading-wrapper { min-height: unset; }
}
.landing-blog .heading-wrapper .heading-content .blog-design { margin-bottom: 64px; }
@media screen and (max-width: 1024px) {
.landing-blog .heading-wrapper .heading-content .blog-design { margin-bottom: 48px; }
}
.dealer-block { margin-bottom: 64px; }
@media screen and (max-width: 767px) {
.dealer-block .dealer-section { display: flex; flex-direction: column-reverse; flex-wrap: wrap; }
}
.dealer-block .dealer-section .dealer-content { background: #ffffff; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 474px; }
@media screen and (max-width: 1024px) {
.dealer-block .dealer-section .dealer-content { height: 258px; }
}
@media screen and (max-width: 767px) {
.dealer-block .dealer-section .dealer-content { padding: 0 10px; }
}
.dealer-block .dealer-section .dealer-content h3 { color: rgba(0, 0, 0, 0.8); margin: 0 0 24px; width: 330px; }
@media screen and (max-width: 1024px) {
.dealer-block .dealer-section .dealer-content h3 { padding-right: 110px; margin-bottom: 16px; }
}
@media screen and (max-width: 767px) {
.dealer-block .dealer-section .dealer-content h3 { width: 100%; margin-bottom: 8px; }
}
.dealer-block .dealer-section .dealer-content p { font-size: 18px; margin-bottom: 32px; width: 330px; }
@media screen and (max-width: 767px) {
.dealer-block .dealer-section .dealer-content p { width: 100%; margin-bottom: 24px; }
}
.dealer-block .dealer-section .dealer-content .dealer-dropdown { width: 330px; margin-bottom: 16px; }
@media screen and (max-width: 767px) {
.dealer-block .dealer-section .dealer-content .dealer-dropdown { width: 100%; }
}
.dealer-block .dealer-section .dealer-content .dealer-dropdown .select-dropdown { width: 100%; font-size: 16px; font-weight: 600; }
.dealer-block .dealer-section .dealer-content .dealer-dropdown .select-dropdown .select2-container--default .select2-selection--single { width: 100%; }
.dealer-block .dealer-section .dealer-content .dealer-dropdown-city { margin-bottom: 40px; }
@media screen and (max-width: 767px) {
.dealer-block .dealer-section .dealer-content .dealer-dropdown-city { margin-bottom: 32px; }
}
.dealer-block .dealer-section .dealer-content a { margin: 0; }
@media screen and (max-width: 767px) {
.dealer-block .dealer-section .dealer-content a { width: 100%; }
}
.dealer-block .dealer-section .dealer-image { height: 474px; }
@media screen and (max-width: 1024px) {
.dealer-block .dealer-section .dealer-image { height: 404px; }
}
.dealer-block .dealer-section .dealer-image img { width: 100%; height: 100%; object-fit: cover; }
.marble-detail-properties { margin-top: 80px; margin-bottom: 90px; }
.marble-ideas { margin-bottom: 80px; }
.marble-ideas .detail-design-ideas p { margin-bottom: 24px; }
.marble-showcase-container { margin-bottom: 102px; }
.marble-wrapper { margin-bottom: 104px; }
.marble-filter { border-bottom: 1px solid rgba(0, 0, 0, 0.08); padding-bottom: 10px; margin-top: 5px; margin-bottom: 26px; }
@media screen and (max-width: 1024px) {
.marble-filter { margin-top: 24px; padding-bottom: 16px; }
}
@media screen and (max-width: 767px) {
.marble-filter { border-bottom: 1px solid rgba(0, 0, 0, 0.12); margin-top: 16px; }
}
.marble-filter .marble-filter-content h3 { color: rgba(0, 0, 0, 0.8); margin-top: 10px; margin-bottom: 0; }
@media screen and (max-width: 1024px) {
.marble-filter .marble-filter-content h3 { font-size: 28px; margin: 0 0 16px; }
}
@media screen and (max-width: 767px) {
.marble-filter .marble-filter-content h3 { font-size: 24px; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.17); padding-bottom: 16px; }
}
.marble-filter .marble-filter-content .tile-blog-heading { text-align: right; }
@media screen and (max-width: 767px) {
.marble-filter .marble-filter-content .tile-blog-heading { text-align: center; }
}
@media screen and (max-width: 1024px) {
.marble-filter .marble-filter-content .tile-blog-heading .tile-display { margin-right: 16px; }
}
@media screen and (max-width: 1024px) {
.marble-filter .marble-filter-content .tile-blog-heading .button-group li { margin-right: 16px; }
}
.marble-filter .marble-filter-content .tile-blog-heading .button-group li:nth-child(2) { margin: 0; }
@media screen and (max-width: 1024px) {
.marble-filter .marble-filter-content .tile-shortby-price { float: right; }
}
.marble-filter .marble-filter-content .tile-shortby-price .shortby { margin-right: 18px; }
.marble-filter .marble-filter-content .tile-shortby-price .select-dropdown { margin-right: 30px; }
.marble-filter .marble-filter-content .tile-shortby-price .select-dropdown .select2 .selection { font-size: 16px; font-weight: 600; color: #000000; }
.marble-filter .marble-filter-content .tile-shortby-price .tile-btn { display: inline-block; }
.marble-filter .marble-filter-content .tile-shortby-price .tile-btn .filter-btn { padding: 5px 40px; }
.marble-filter-appiled { margin-bottom: 40px; }
@media screen and (max-width: 1024px) {
.marble-filter-appiled { margin-bottom: 32px; }
}
.marble-filter-appiled ul { list-style-type: none; }
.marble-filter-appiled ul li { font-size: 12px; font-weight: 500; line-height: 1.33; color: rgba(0, 0, 0, 0.76); display: inline-block; background: white; padding: 7px 10px 8px 11px; }
.marble-filter-appiled ul li span { font-size: 10px; padding-left: 14px; }
.marble-product-blog .tile-list-content { margin-bottom: 32px; }
@media screen and (max-width: 767px) {
.marble-product-blog .tile-list-content { margin-bottom: 18px; }
}
.marble-product-blog .tile-list-content .tile-list-text p { margin-bottom: 16px; }
@media screen and (max-width: 1024px) {
.marble-product-blog .tile-list-content .tile-list-text p { margin-bottom: 0; }
}
.marble-product-blog .tile-list-content .tile-list-text .tile-price { margin: 0; }
.marble-product-blog .marble-product-content .nt-ribbon { color: rgba(0, 0, 0, 0.76); background: #cddc39; }
.marble-product-blog .marble-product-content .nt-ribbon:before { border-top: 20px solid #cddc39; border-bottom: 20px solid transparent; }
.marble-product-blog .marble-product-content .nt-ribbon:after { border-bottom: 24px solid #cddc39; }
.marble-stiky-mobile { position: sticky; position: -webkit-sticky; bottom: 0; background-color: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.85); }
.marble-stiky-mobile .marble-btn { font-size: 14px; font-weight: 600; letter-spacing: 0.5px; text-align: center; color: rgba(0, 0, 0, 0.85); padding: 17px 0; }
.marble-stiky-mobile .marble-short-by { border-right: 1px solid rgba(0, 0, 0, 0.85); }
.design-landing-banner { height: 430px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; }
@media screen and (max-width: 767px) {
.design-landing-banner { display: none; }
}
.design-landing-banner .banner-txt { width: 450px; margin-top: 56px;/*
  	    top: 30%;
  	    left: 7%;
  *//*
  	    @include screen(med){
  		    display: none;
  	    }
  */ }
.design-landing-banner .banner-txt h1 { color: rgba(0, 0, 0, 0.76); margin: 0 0 16px; }
@media screen and (max-width: 767px) {
.design-landing-banner .banner-txt h1 { margin-bottom: 8px; }
}
.design-landing-banner .banner-txt p { font-size: 18px;/*
  			@include screen(med){
  				font-size: 14px;
  				line-height: 1.5;
  			}
  */ }
.tab-landing-banner { display: none; height: auto; margin-top: 16px; margin-bottom: 40px; }
@media screen and (max-width: 767px) {
.tab-landing-banner { display: block; width: 100%; margin-top: 8px; margin-bottom: 16px; }
}
.tab-landing-banner .banner-txt { width: 570px; display: block; position: static; }
@media screen and (max-width: 767px) {
.tab-landing-banner .banner-txt { width: 100%; margin-top: 0px; padding-left: 15px; }
}
.design-ideas-banner { height: auto; position: relative; }
@media screen and (max-width: 1024px) {
.design-ideas-banner { margin-bottom: 40px; }
}
@media screen and (max-width: 767px) {
.design-ideas-banner { display: block; margin-bottom: 16px; }
}
.design-ideas-banner .banner-image { height: 430px; }
.design-ideas-banner .banner-image img { height: 100%;/* object-fit: cover; */ }
@media screen and (max-width: 767px) {
.design-ideas-banner .banner-image { display: none; }
}
.design-ideas-banner .banner-txt { position: absolute; top: 0; }
@media screen and (max-width: 1024px) {
.design-ideas-banner .banner-txt { display: block !important; width: 570px; position: static; margin-top: 16px; }
}
@media screen and (max-width: 767px) {
.design-ideas-banner .banner-txt { width: 100%; margin-top: 8px; }
}
.design-ideas-banner .banner-txt p { margin-bottom: 0; }
@media screen and (max-width: 767px) {
.design-ideas-banner .banner-txt p { font-size: 14px; line-height: 1.5; }
}
.design-landing-wrapper { margin-top: 39px;/*
  	@include screen(med){
  	    margin-top: 0px;
      }
  */ }
@media screen and (max-width: 767px) {
.design-landing-wrapper { margin-top: 0; }
}
.design-landing-wrapper .idea-list { background: #ffffff; padding: 24px 32px 25px 32px; font-size: 16px; font-weight: 500; color: rgba(0, 0, 0, 0.76); position: sticky; top: 20%; margin-bottom: 64px;/*
   		@include screen(med){
  		    overflow-x: scroll;
  			white-space: nowrap;
  			padding: 0 0 0 8px;
  			overflow-y: hidden;
  	    }
  */ }
@media screen and (max-width: 767px) {
.design-landing-wrapper .idea-list { display: none; }
}
.design-landing-wrapper .idea-list span { display: block; }
.design-landing-wrapper .idea-list .browse-ideas { /*
  			@include screen(med){
  			    display: none;
  		    }
  */ }
.design-landing-wrapper .idea-list ul { list-style-type: none;/*
  			@include screen(med){
  				margin: 0;
  			}
  */ }
@media screen and (max-width: 1020px) {
.design-landing-wrapper .idea-list ul { text-align: center; }
}
.design-landing-wrapper .idea-list ul li { position: relative; margin-bottom: 32px;/*
  				@include screen(med){
  				    display: inline-block;
  			    }
  */ }
.design-landing-wrapper .idea-list ul li:last-child { margin-bottom: 0; }
.design-landing-wrapper .idea-list ul li.active span:after { font-family: 'icomoon'; content: "\e930"; font-size: 19px; vertical-align: top; cursor: pointer;/*
  					@include screen(med){
  					    display: none;
  				    }
  */ }
@media screen and (max-width: 1020px) {
.design-landing-wrapper .idea-list ul li.active span:after { display: none; }
}
.design-landing-wrapper .idea-list ul li.active .project-list:after { display: none; }
.design-landing-wrapper .idea-list ul li span { display: inline-block; cursor: pointer;/*
  					@include screen(med){
  					    margin: 14px 32px 15px 0;
  				    }
  */ }
.design-landing-wrapper .idea-list ul li .nt-ribbon { top: 0; left: 27%; margin-left: 13px; }
@media screen and (max-width: 1024px) {
.design-landing-wrapper .idea-list ul li .nt-ribbon { display: none; }
}
.design-landing-wrapper .idea-list .project-list { font-size: 14px; color: rgba(0, 0, 0, 0.4); margin-bottom: 0; display: block;/*
  		    @include screen(med){
  			    display: none;
  		    }
  */ }
.design-landing-wrapper .browse-ideas { margin-bottom: 32px; }
@media screen and (max-width: 1024px) {
.design-landing-wrapper .browse-ideas { font-size: 14px; text-align: center; padding-bottom: 7px; margin: 0; }
}
@media screen and (max-width: 1020px) {
.design-landing-wrapper .browse-ideas { background: #f5f5f5; }
}
.design-landing-wrapper .space2-wrapper { margin-bottom: 48px; }
@media screen and (max-width: 1024px) {
.design-landing-wrapper .space2-wrapper { margin-bottom: 56px; }
}
@media screen and (max-width: 767px) {
.design-landing-wrapper .space2-wrapper { margin-bottom: 40px; }
}
@media screen and (max-width: 767px) {
.design-landing-wrapper .space2-wrapper .design-heading { padding-left: 0; }
}
.design-landing-wrapper .space2-wrapper .design-heading h3 { color: rgba(0, 0, 0, 0.8); margin: 0 0 16px; }
@media screen and (max-width: 767px) {
.design-landing-wrapper .space2-wrapper .design-heading h3 { text-align: center; }
}
.design-landing-wrapper .space2-wrapper .design-heading p { font-size: 18px; color: #000000; }
.design-landing-wrapper .space2-wrapper .design-heading-icons { /*
  			@include screen(med){
  			    display: none;
  		    }
  */ }
.design-landing-wrapper .space2-wrapper .design-heading-icons .design-landing-icon { text-align: center;/*
  				width: 120px;
  				float: left;
  */ }
.design-landing-wrapper .space2-wrapper .design-heading-icons .design-icon { margin-bottom: 10px; }
.design-landing-wrapper .space2-wrapper .design-heading-icons .design-txt { font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); word-break: break-word; }
.design-landing-wrapper .space2-wrapper .designideas-spaces { margin-top: 32px; margin-bottom: 0; clear: both; }
@media screen and (max-width: 1024px) {
.design-landing-wrapper .space2-wrapper .designideas-spaces { margin-bottom: 12px; }
}
@media screen and (max-width: 767px) {
.design-landing-wrapper .space2-wrapper .designideas-spaces { margin-top: 0; margin-bottom: 10px; }
}
.design-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section { margin-bottom: 16px; padding: 0 15px 16px; }
@media screen and (max-width: 1024px) {
.design-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section { margin-bottom: 12px; padding-bottom: 0; }
}
@media screen and (max-width: 767px) {
.design-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section { padding-bottom: 6px; margin-bottom: 0; }
}
.design-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section .showroom-landing-image { position: relative; }
.design-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section .showroom-landing-image .nt-ribbon { color: rgba(0, 0, 0, 0.76); background: #cddc39; }
.design-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section .showroom-landing-image .nt-ribbon:before { border-top: 20px solid #cddc39; }
.design-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section .showroom-landing-image .nt-ribbon:after { border-bottom: 24px solid #cddc39; }
.design-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section .showroom-landing-image .nt-ribbon .icon-star { margin-right: 4px; }
@media screen and (max-width: 767px) {
.design-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section .showroom-txt { margin-bottom: 0px; }
}
@media screen and (max-width: 1024px) {
.design-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section .showroom-txt .lot-number { font-size: 16px; line-height: 1.56; }
}
@media screen and (max-width: 767px) {
.design-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section .showroom-txt .lot-number { margin-top: 2px; }
}
.design-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section .showroom-txt .lot-marble { font-size: 13px; text-align: left; color: rgba(0, 0, 0, 0.4); line-height: 1.56; }
@media screen and (max-width: 1024px) {
.design-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section .showroom-txt .lot-marble { font-size: 12px; }
}
.design-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section .showroom-txt .lot-marble a { color: rgba(0, 0, 0, 0.4); font-weight: normal; }
.design-landing-wrapper .space2-wrapper .designideas-spaces .grid-sizer, .design-landing-wrapper .space2-wrapper .designideas-spaces .grid-item { width: 33.33%; }
@media screen and (max-width: 767px) {
.design-landing-wrapper .space2-wrapper .designideas-spaces .grid-sizer, .design-landing-wrapper .space2-wrapper .designideas-spaces .grid-item { width: 100%; }
}
.design-landing-wrapper .space2-wrapper .designideas-spaces .grid-item { float: left; }
@media screen and (max-width: 1024px) {
.design-landing-wrapper .space2-wrapper .designideas-landing-btn { text-align: center; }
}
.design-landing-wrapper .space2-wrapper .design-idea-btn { font-weight: 600; text-align: center; border: 1px solid #000000; padding: 13px 24px; display: inline-block; }
@media screen and (max-width: 767px) {
.design-landing-wrapper .space2-wrapper .design-idea-btn { width: 100%; }
}
.design-landing-wrapper .space1-wrapper .design-heading-wrapper { margin-bottom: 32px; }
.design-landing-wrapper .space1-wrapper .look-detail { width: 100%; }
.design-landing-wrapper .space1-wrapper .look-detail .design-spaces-content .design-spaces-image { position: relative; }
.design-landing-wrapper .space1-wrapper .look-detail .design-spaces-content .design-spaces-image .nt-ribbon { top: 10px; color: rgba(0, 0, 0, 0.76); background: #cddc39; }
.design-landing-wrapper .space1-wrapper .look-detail .design-spaces-content .design-spaces-image .nt-ribbon:before { border-top: 30px solid #cddc39; }
.design-landing-wrapper .space1-wrapper .look-detail .design-spaces-content .design-spaces-image .nt-ribbon:after { border-bottom: 30px solid #cddc39; }
.design-landing-wrapper .space1-wrapper .look-detail .design-spaces-content .design-spaces-image .nt-ribbon .icon-star { display: inline-block; margin-right: 4px; }
.design-landing-wrapper .space3-wrapper { margin-bottom: 64px; }
.tab-design-landing-wrapper { margin-bottom: 7px; display: none; }
.tab-design-landing-wrapper .idea-list { background: transparent; }
.tab-design-landing-wrapper .idea-list .browse-ideas { font-size: 14px; text-align: center; display: none; margin-bottom: 0px;/*
  			@include screen(med){
  			    display: block;
  		    }
  */ }
/*
.spaces-landing{
	margin-top: 56px !important;
	.spaces-heading{
		h1{
			color: $base-color-76;
			margin: 0 0 16px;
		}
		P{
			font-size: 18px;
			margin-bottom: 16px;
			width: 690px;
		}
	}
	.spaces-dropdown{
		margin-bottom: 24px;
		float: right;
		.select-dropdown{
			font-size: 16px;
			font-weight: 600;
			display: inline-block;
			.select2.select2-container:before{
				top: 12px;
			}
		}
		.size-dropdown{
			margin-right: 30px;
		}
	}
	.more-design-spaces{
		.grid-item{
			margin-bottom: 16px;
		}
		.grid-item--height2{
			height: 510px !important;
			.design-spaces-content{
				.design-spaces-image{
					height: 100% !important;
				}
			}
		}
	}
}
*/
.nt-space1-block { margin-bottom: 32px; }
.nt-space1-block .nt-inner-content { height: 280px; display: block; }
.nt-space1-block .nt-inner-content .overlay { background-color: rgba(0, 0, 0, 0.5); height: 100%; display: flex; flex-direction: column; justify-content: center; }
.nt-space1-block .nt-inner-content .overlay p { width: 400px; margin: 0 auto; }
.tile-pattern .modal-dialog { top: 95px; width: 100%; }
.tile-pattern .modal-dialog .modal-content .pattern-popup { /*
  				.pattern-wrapper{
  					.pattern-section{
  						width: 210px;
  						display: inline-block;
  						margin: 0 15px 24px;
  						.pattern-image{
  							height: 210px;
  							img{
  								height: 100%;
  							}
  						}
  					}
  				}
  */ }
.tile-pattern .modal-dialog .modal-content .pattern-popup h4 { color: rgba(0, 0, 0, 0.76); text-align: center; }
.tile-pattern .modal-dialog .modal-content .pattern-popup p { text-align: center; margin-bottom: 18px; }
.tile-pattern .modal-dialog .modal-content .pattern-popup .pattern-wrapper .pattern-section { display: inline-block; margin: 0 28px 24px 0; }
.tile-pattern .modal-dialog .modal-content .pattern-popup .pattern-wrapper .pattern-section input { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.tile-pattern .modal-dialog .modal-content .pattern-popup .pattern-wrapper .pattern-section .pattern-selector { cursor: pointer; background-size: cover; background-repeat: no-repeat; display: inline-block; width: 210px; height: 210px; margin: 0; }
.tile-pattern .modal-dialog .modal-content .pattern-popup .pattern-wrapper .pattern-section .pattern1 { background-image: url("assets/images/pattern.png"); }
.tile-pattern .modal-dialog .modal-content .pattern-popup .pattern-wrapper .pattern-section .pattern2 { background-image: url("assets/images/pattern.png"); }
.tile-pattern .modal-dialog .modal-content .pattern-popup .pattern-wrapper .pattern-section .pattern3 { background-image: url("assets/images/pattern.png"); }
.tile-pattern .modal-dialog .modal-content .pattern-popup .pattern-wrapper .pattern-section .pattern4 { background-image: url("assets/images/pattern.png"); }
.tile-pattern .modal-dialog .modal-content .pattern-popup .pattern-wrapper .pattern-section .pattern5 { background-image: url("assets/images/pattern.png"); }
.tile-pattern .modal-dialog .modal-content .pattern-popup .pattern-wrapper .pattern-section .pattern6 { background-image: url("assets/images/pattern.png"); }
.tile-pattern .modal-dialog .modal-content .pattern-popup .pattern-wrapper .pattern-section .pattern7 { background-image: url("assets/images/pattern.png"); }
.tile-pattern .modal-dialog .modal-content .pattern-popup .pattern-wrapper .pattern-section .pattern8 { background-image: url("assets/images/pattern.png"); }
.tile-pattern .modal-dialog .modal-content .pattern-popup .pattern-wrapper .pattern-section .pattern9 { background-image: url("assets/images/pattern.png"); }
.tile-pattern .modal-dialog .modal-content .pattern-popup .pattern-wrapper .pattern-section .pattern10 { background-image: url("assets/images/pattern.png"); }
.tile-pattern .modal-dialog .modal-content .pattern-popup .pattern-wrapper .pattern-section p { margin: 6px 0 0; }
.pattern-section input:checked + .pattern-selector { border: solid 1px #000000; }
.reset-success { background-color: rgba(32, 224, 74, 0.1); border: solid 1px #71bc82; padding: 25px 0 24px; display: none; }
.reset-success span { font-size: 24px; float: right; cursor: pointer; }
.account-enruiry { width: 100% !important; }
.my-account { background: #ffffff; }
.breadcrumb { background: transparent; padding: 0; margin-bottom: 5px; }
@media screen and (max-width: 1024px) {
.breadcrumb { font-size: 14px; margin-bottom: 0px; }
}
.breadcrumb li + li:before { content: ">"; font-family: 'icomoon'; }
.breadcrumb li a { font-size: 14px; color: rgba(0, 0, 0, 0.4); }
@media screen and (max-width: 767px) {
.breadcrumb li a { font-size: 12px; }
}
.breadcrumb li:last-child a { color: rgba(0, 0, 0, 0.76); }
.btn { border: 1px solid #000000; text-align: center; padding: 9px 32px; }
.account-details-btn { text-align: right; }
@media screen and (max-width: 767px) {
.account-details-btn { text-align: left; margin-bottom: 24px; }
}
.account-details-btn .pwd-change-btn { padding: 9px 40px; }
h2 { color: rgba(0, 0, 0, 0.8); margin: 0 0 48px; }
@media screen and (max-width: 1024px) {
h2 { margin: 0 0 32px; }
}
@media screen and (max-width: 767px) {
h2 { margin: 0 0 26px; }
}
.login-details { height: 760px; margin-top: 32px; padding: 32px 0 34px 60px; }
@media screen and (max-width: 1024px) {
.login-details { padding: 24px 26px 0; height: auto; }
}
@media screen and (max-width: 767px) {
.login-details { margin: 0; padding: 24px 15px 0; }
}
.login-details .account-info { width: 750px; }
@media screen and (max-width: 1024px) {
.login-details .account-info { width: 100%; }
}
.login-details .account-info .account-details { margin-bottom: 40px; }
@media screen and (max-width: 1024px) {
.login-details .account-info .account-details { margin-bottom: 32px; }
}
@media screen and (max-width: 767px) {
.login-details .account-info .account-details { margin-bottom: 19px; }
}
.login-details .account-info .account-details .login-label { color: rgba(0, 0, 0, 0.4); width: 180px; display: inline-block; }
@media screen and (max-width: 767px) {
.login-details .account-info .account-details .login-label { width: 85px; }
}
.login-details .account-info .account-details .login-label-info { display: inline-block; }
.login-details .account-info .password-details { display: flex; align-items: center; margin-top: 24px; margin-bottom: 24px; }
@media screen and (max-width: 767px) {
.login-details .account-info .password-details { display: block; margin-top: 20px; }
}
.login-details .account-info .password-details .account-details { margin: 0; }
@media screen and (max-width: 767px) {
.login-details .account-info .password-details .account-details { margin-bottom: 24px; }
}
.login-details .account-info .password-details .account-details-btn { margin: 0; }
.login-details .account-info .social-login-details .account-details .login-label-info i { font-size: 24px; margin-right: 14px; vertical-align: middle; }
.login-details .account-info .social-login-details .account-details .login-label-info .fa-facebook { color: #3b5998; }
.login-details .account-info .social-login-details .account-details .login-label-info .fa-google { color: #dd4b39; }
.login-details .registered-email { margin-top: 40px; }
@media screen and (max-width: 767px) {
.login-details .registered-email { margin-top: 24px; }
}
.login-details .registered-email .list-header { margin-bottom: 16px; }
@media screen and (max-width: 1024px) {
.login-details .registered-email .list-header { margin-bottom: 19px; }
}
.login-details .registered-email ul li { list-style-type: none; margin-bottom: 16px; }
.login-details .registered-email ul li span { font-size: 13px; margin-right: 15px; }
@media screen and (max-width: 767px) {
.login-details .registered-email .account-details-btn { margin-top: 8px; }
}
.line-break { border: 0; border-top: 1px solid rgba(0, 0, 0, 0.16); margin: 0; }
.update-password { height: 610px; padding: 32px 0 40px 60px; margin-top: 40px; }
@media screen and (max-width: 1024px) {
.update-password { padding: 24px 0 0 26px; margin-top: 0; }
}
@media screen and (max-width: 767px) {
.update-password { height: auto; padding: 24px 26px 0 26px; }
}
.update-form .form-field { margin-bottom: 32px; }
.update-form .form-field .myaccount-input-field { display: block; width: 330px; height: 45px; border: solid 1px #c4c4c4; margin-top: 7px; }
@media screen and (max-width: 767px) {
.update-form .form-field .myaccount-input-field { width: 100%; }
}
.update-form .form-field .account_architect { position: absolute; opacity: 0; cursor: pointer; }
.update-form .form-field .subscription_settings { position: absolute; opacity: 0; cursor: pointer; }
.update-form .form-field .myaccount-checkbox { display: block; position: relative; padding-left: 40px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 0; font-weight: 300; }
.update-form .form-field .myaccount-checkbox input { position: absolute; opacity: 0; cursor: pointer; }
.update-form .form-field .myaccount-checkbox input:checked ~ .checkmark { background-color: rgba(0, 0, 0, 0.76); }
.update-form .form-field .myaccount-checkbox input:checked ~ .checkmark:after { display: block; }
.update-form .form-field .myaccount-checkbox .checkmark { position: absolute; top: 0; left: 0; height: 24px; width: 24px; border: solid 1px rgba(0, 0, 0, 0.76); }
.update-form .form-field .myaccount-checkbox .checkmark:after { content: ""; position: absolute; display: none; left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.update-form .form-btn { margin-top: 48px; }
.update-form .form-btn .account-details-btn { text-align: left; display: inline-block; }
.update-form .form-btn .account-details-btn .btn { width: 210px; padding: 14px; }
.update-form .form-btn .account-details-btn .black-btn { color: #ffffff; background: #000000; margin-left: 32px; }
@media screen and (max-width: 767px) {
.update-form .form-btn .account-details-btn .black-btn { margin: 0; }
}
.update-details { height: 885px; }
@media screen and (max-width: 767px) {
.update-details { height: auto; }
}
.myaccount-subscription { height: auto; }
@media screen and (max-width: 1024px) {
.myaccount-subscription { padding-bottom: 24px; }
}
@media screen and (max-width: 767px) {
.myaccount-subscription { padding-bottom: 0; }
}
.myaccount-subscription h2 { margin-bottom: 40px; }
.myaccount-subscription .subscription-text { font-weight: 300; margin-bottom: 32px; }
.view-all-btn-div { text-align: center; color: #000000; margin: 32px 0px; }
.view-all-btn-div .view-all { background-color: transparent; border: 1px solid #000000; font-size: 16px; padding: 15px 30px; width: 175px; }
@media screen and (max-width: 1024px) {
.view-all-btn-div .view-all { width: 250px; }
}
@media screen and (max-width: 767px) {
.view-all-btn-div .view-all { width: 100%; }
}
.account-overview { padding: 32px 60px 0; }
.account-overview .complete-view { display: none; }
.account-overview .collection-view-more { float: right; margin-top: 8px; font-size: 18px; line-height: 1.56; color: rgba(0, 0, 0, 0.76); cursor: pointer; }
@media screen and (max-width: 767px) {
.account-overview .collection-view-more { font-size: 14px; color: #000000; text-decoration: underline; margin-top: 4px; }
}
@media screen and (max-width: 1024px) {
.account-overview { margin-top: 0; padding: 40px 26px 0; }
}
.account-overview hr { margin-bottom: 32px !important; }
@media screen and (max-width: 1024px) {
.account-overview hr { margin-bottom: 24px !important; }
}
.account-overview .account-setting { float: right; letter-spacing: 0.5px; font-size: 14px; color: rgba(0, 0, 0, 0.76); }
.account-overview .account-setting .icon-account { font-size: 18px; margin-right: 10px; }
@media screen and (max-width: 1024px) {
.account-overview .overview-header { margin-bottom: 0px; }
}
.account-overview .overview-header h3 { color: rgba(0, 0, 0, 0.8); float: left; margin: 0; line-height: normal; letter-spacing: normal; }
@media screen and (max-width: 767px) {
.account-overview .overview-header h3 { float: none; clear: both; }
}
.account-overview .overview-header .overview-logout { font-size: 14px; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); float: right; }
@media screen and (max-width: 767px) {
.account-overview .overview-header .overview-logout { margin-bottom: 16px; }
}
.account-overview .overview-header .overview-logout .icon-logout { font-size: 23px; margin-right: 8px; vertical-align: text-bottom; }
.account-overview .overview-header .overview-header-text { line-height: 1.56; font-weight: 300; margin: 8px 0 0; float: left; }
.account-overview .track-order-block { display: flex; flex-direction: row; justify-content: space-around; align-items: center; height: 107px; border: 1px solid rgba(0, 0, 0, 0.16); margin-bottom: 32px; }
@media screen and (max-width: 1024px) {
.account-overview .track-order-block { margin-bottom: 24px; }
}
@media screen and (max-width: 767px) {
.account-overview .track-order-block { height: auto; padding: 20px 16px; }
}
.account-overview .track-order-block .track-order-icon { font-size: 45px; color: #71bc82; }
@media screen and (max-width: 767px) {
.account-overview .track-order-block .track-order-icon { font-size: 40px; padding-right: 16px; }
}
.account-overview .track-order-block .track-order-icon.icon-noun-556864-cc { font-size: 48px; }
@media screen and (max-width: 767px) {
.account-overview .track-order-block .track-order-icon.icon-noun-556864-cc { font-size: 40px; }
}
@media screen and (max-width: 767px) {
.account-overview .track-order-block .track-order-icon.icon-login-settings { font-size: 38px; }
}
.account-overview .track-order-block .track-order-content h5 { margin: 0 0 8px; line-height: normal; }
@media screen and (max-width: 767px) {
.account-overview .track-order-block .track-order-content h5 { margin: 0 0 4px; }
}
.account-overview .track-order-block .track-order-content p { color: rgba(0, 0, 0, 0.76); line-height: 1.5; width: 206px; margin: 0; }
@media screen and (max-width: 767px) {
.account-overview .track-order-block .track-order-content p { width: auto; }
}
.account-overview hr { border-top: none; margin: 0px 0 48px; }
@media screen and (max-width: 1024px) {
.account-overview hr { margin: 0px; }
}
@media screen and (max-width: 767px) {
.account-overview hr { margin: 8px 0 32px; }
}
.account-overview .tile-list-block .viewed-items-title { margin: 0 0 16px; letter-spacing: normal; color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 1024px) {
.account-overview .tile-list-block .viewed-items-title { margin: 0 0 24px; }
}
@media screen and (max-width: 767px) {
.account-overview .tile-list-block .viewed-items-title { margin: 0 0 16px; }
}
.no-enquiries { margin-top: 40px; padding: 32px 60px 72px; }
@media screen and (max-width: 1024px) {
.no-enquiries { padding: 24px 26px 72px; }
}
@media screen and (max-width: 767px) {
.no-enquiries { padding: 24px 15px 24px; }
}
.no-enquiries h2 { margin-bottom: 72px; }
@media screen and (max-width: 1024px) {
.no-enquiries h2 { margin-bottom: 80px; }
}
@media screen and (max-width: 767px) {
.no-enquiries h2 { margin-bottom: 40px; }
}
.no-enquiries .no-enquiries-logo { text-align: center; margin-bottom: 16px; }
@media screen and (max-width: 767px) {
.no-enquiries .no-enquiries-logo { margin-bottom: 24px; }
}
.no-enquiries .no-enquireis-content { text-align: center; }
.no-enquiries .no-enquireis-content h4 { color: rgba(0, 0, 0, 0.76); margin: 0 0 8px; }
@media screen and (max-width: 767px) {
.no-enquiries .no-enquireis-content h4 { line-height: 1.7; }
}
.no-enquiries .no-enquireis-content p { color: rgba(0, 0, 0, 0.76); font-size: 18px; width: 450px; margin: 0 auto; }
@media screen and (max-width: 1024px) {
.no-enquiries .no-enquireis-content p { font-size: 16px; width: 344px; }
}
@media screen and (max-width: 767px) {
.no-enquiries .no-enquireis-content p { line-height: 1.5; width: 290px; }
}
.no-enquiries .no-enquireis-content .no-enquiries-btn { margin-top: 32px; }
.no-enquiries .no-enquireis-content .no-enquiries-btn .btn { font-size: 16px; font-weight: 600; padding: 9px 40px; }
.enquiries-account { padding: 0px !important; }
@media screen and (max-width: 1024px) {
.enquiries-account { margin-top: 0px !important; }
}
.order-history { margin-top: 40px; padding: 32px 60px 60px; }
@media screen and (max-width: 1024px) {
.order-history { padding: 24px 16px; }
}
@media screen and (max-width: 767px) {
.order-history { padding: 32px 0; }
}
@media screen and (max-width: 767px) {
.order-history .breadcrumb { padding: 0 15px; }
}
.order-history .order-history-heading { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 32px; }
@media screen and (max-width: 767px) {
.order-history .order-history-heading { display: block; margin-bottom: 24px; padding: 0 15px; }
}
.order-history .order-history-heading h2 { margin: 0; }
@media screen and (max-width: 767px) {
.order-history .order-history-heading h2 { margin-bottom: 16px; }
}
.order-history .order-history-heading .order-history-info { font-size: 14px; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); }
.order-history .order-history-heading .order-history-info .icon-delivery { font-size: 24px; margin-right: 8px; vertical-align: middle; }
.order-history .order-history-content { border-radius: 4px; border: solid 1px rgba(0, 0, 0, 0.24); padding-bottom: 32px; overflow: hidden; }
@media screen and (max-width: 767px) {
.order-history .order-history-content { border-left: 0; border-right: 0; border-radius: 0; padding-bottom: 17px; }
}
.order-history .order-history-content .content-header { box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.24); background-color: #fafafa; padding: 11px 32px; }
@media screen and (max-width: 767px) {
.order-history .order-history-content .content-header { padding: 8px 15px; }
}
.order-history .order-history-content .content-header .header-block { display: inline-block; font-size: 14px; color: rgba(0, 0, 0, 0.76); line-height: normal; margin-right: 72px; }
@media screen and (max-width: 767px) {
.order-history .order-history-content .content-header .header-block { font-size: 12px; }
}
.order-history .order-history-content .content-header .header-block:last-child { margin: 0; float: right; text-align: right; }
.order-history .order-history-content .content-header .header-block span { display: block; font-size: 18px; color: #000000; font-weight: 600; margin-top: 5px; }
@media screen and (max-width: 767px) {
.order-history .order-history-content .content-header .header-block span { font-size: 14px; }
}
.order-history .order-history-content .history-content { padding: 24px 32px 0; }
@media screen and (max-width: 767px) {
.order-history .order-history-content .history-content { padding: 17px 15px 0; }
}
.order-history .order-history-content .history-content .order-history-image { display: inline-block; vertical-align: top; padding-right: 24px; }
@media screen and (max-width: 1024px) {
.order-history .order-history-content .history-content .order-history-image { padding-right: 16px; width: 164px; height: 109px; }
}
@media screen and (max-width: 767px) {
.order-history .order-history-content .history-content .order-history-image { width: 90px; height: 60px; }
}
.order-history .order-history-content .history-content .order-history-details { display: inline-block; }
.order-history .order-history-content .history-content .order-history-details p { line-height: 1.63; margin-bottom: 2px; color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 1024px) {
.order-history .order-history-content .history-content .order-history-details p { font-size: 16px; }
}
@media screen and (max-width: 767px) {
.order-history .order-history-content .history-content .order-history-details p { font-size: 14px; }
}
.order-history .order-history-content .history-content .order-history-details p:first-child { font-weight: 600; color: #000000; }
.order-history .order-history-content .history-content .history-details { font-size: 16px; line-height: 1.63; }
.order-history .order-history-content .history-content .history-details:last-child { text-align: right; }
.order-history .order-history-content .history-content .history-details span { display: block; color: rgba(0, 0, 0, 0.4); }
.order-history .order-history-content .history-content .history-details span .icon-info { display: inline-block; }
.order-history .order-history-content .order-history-btn { font-size: 18px; font-weight: 600; line-height: normal; letter-spacing: 1px; color: #000000; border: 1px solid; padding: 13px 16px; margin: 17px 15px 0; }
.order-history .order-history-content .order-history-btn span { float: right; font-size: 24px; }
.order-history.no-enquiries { padding-top: 24px; }
@media screen and (max-width: 767px) {
.order-history.no-enquiries .breadcrumb li a { font-size: 14px; }
}
.order-history.no-enquiries .order-history-heading { margin-bottom: 72px; }
@media screen and (max-width: 1024px) {
.order-history.no-enquiries .order-history-heading { margin-bottom: 80px; }
}
@media screen and (max-width: 767px) {
.order-history.no-enquiries .order-history-heading { margin-bottom: 40px; }
}
.order-history.no-enquiries .no-enquiries-logo { margin-bottom: 24px; }
 @media screen and (max-width: 767px) {
.enquiries { padding: 24px 0; }
}
.enquiries h2 { margin-bottom: 40px; }
@media screen and (max-width: 1024px) {
.enquiries h2 { margin-bottom: 32px; }
}
@media screen and (max-width: 767px) {
.enquiries h2 { margin: 0 15px 24px; }
}
.enquiries .order-history-content { padding-bottom: 24px; margin-bottom: 32px; }
.enquiries .order-history-content .content-header .header-block { margin-right: 54px; }
.enquiries .order-history-content .content-header .header-block .status-pending { color: #ff9b00; }
.enquiries .order-history-content .content-header .header-block .status-resolved { color: #71bc82; }
.enquiries .order-history-content .history-content .order-history-image { padding-right: 0; }
@media screen and (max-width: 1024px) {
.enquiries .order-history-content .history-content .order-history-image { width: auto; height: auto; }
}
.enquiries .order-history-content .history-content h4 { margin: 0 0 15px; }
@media screen and (max-width: 767px) {
.enquiries .order-history-content .history-content h4 { font-size: 14px; margin-bottom: 0; }
}
.enquiries .order-history-content .history-content .enquiry-details { color: rgba(0, 0, 0, 0.4); display: inline-block; padding-right: 30px; margin-bottom: 15px; }
@media screen and (max-width: 767px) {
.enquiries .order-history-content .history-content .enquiry-details { font-size: 14px; margin-bottom: 0; }
}
.enquiries .order-history-content .history-content .enquiry-details:last-child { margin-bottom: 0; }
.enquiries .order-history-content .history-content .enquiry-details span { color: #000000; padding-left: 15px; }
.enquiries .order-history-content .history-content p { line-height: 1.5; margin: 0; }
@media screen and (max-width: 1024px) {
.enquiries .order-history-content .history-content p { font-size: 16px; }
}
.enquiries .order-history-content .history-content .delivery-request .enquiry-details { display: block; padding-right: 0; }
.enquiries .order-history-content .history-content .delivery-request .enquiry-details .enquiry-title { color: rgba(0, 0, 0, 0.4); display: inline-block; width: 90px; padding-left: 0; }
@media screen and (max-width: 767px) {
.enquiries .order-history-content .history-content .delivery-request .enquiry-details .enquiry-title { width: auto; }
}
.enquiries .order-history-content .history-content .delivery-request .enquiry-details .delivery-address { width: 45%; display: inline-block; vertical-align: top; }
.addresses-block { margin-top: 40px; padding: 32px 60px 40px; }
@media screen and (max-width: 1024px) {
.addresses-block { padding: 24px 26px; }
}
@media screen and (max-width: 767px) {
.addresses-block { padding: 24px 15px 31px; }
}
@media screen and (max-width: 767px) {
.addresses-block .breadcrumb li a { font-size: 12px; }
}
.addresses-block h2 { margin-bottom: 40px; }
@media screen and (max-width: 1024px) {
.addresses-block h2 { margin-bottom: 32px; }
}
@media screen and (max-width: 767px) {
.addresses-block h2 { margin-bottom: 24px; }
}
.addresses-block .addresses-section { border: solid 1px rgba(0, 0, 0, 0.16); padding: 24px 24px 34px; }
@media screen and (max-width: 1024px) {
.addresses-block .addresses-section { padding-bottom: 32px; }
}
@media screen and (max-width: 767px) {
.addresses-block .addresses-section { padding: 16px 16px 32px; margin-bottom: 24px; }
}
.addresses-block .addresses-section h6 { line-height: 1.56; letter-spacing: normal; margin: 0 0 8px; }
@media screen and (max-width: 1024px) {
.addresses-block .addresses-section h6 { margin-bottom: 12px; }
}
.addresses-block .addresses-section .customer-addresses { margin-bottom: 32px; }
@media screen and (max-width: 1024px) {
.addresses-block .addresses-section .customer-addresses { margin-bottom: 40px; }
}
@media screen and (max-width: 767px) {
.addresses-block .addresses-section .customer-addresses { margin-bottom: 32px; }
}
.addresses-block .addresses-section .customer-addresses .customer-phone { margin-top: 20px; }
.addresses-block .addresses-section .modify-addresses:after { content: '|'; padding: 0 15px; }
.addresses-block .addresses-section .modify-addresses:last-child:after { content: ''; padding: 0; }
.addresses-block .addresses-section .modify-addresses a { border-bottom: 2px solid #000000; }
.addresses-block .add-addresses-btn a { font-size: 16px; font-weight: 600; border: solid 1px #000000; display: inline-block; padding: 9px 40px; margin-top: 57px; }
@media screen and (max-width: 1024px) {
.addresses-block .add-addresses-btn a { margin-top: 40px; }
}
@media screen and (max-width: 767px) {
.addresses-block .add-addresses-btn a { margin-top: 0; }
}
 @media screen and (max-width: 767px) {
.no-addresses .no-enquireis-content .no-enquiries-btn { margin-top: 24px; }
}
.no-addresses .no-enquireis-content .no-enquiries-btn a { color: #ffffff; background: #000000; }
.add-address { margin-top: 40px; }
@media screen and (max-width: 1024px) {
.add-address { padding: 24px 26px; }
}
.add-address h2 { margin-bottom: 40px; }
@media screen and (max-width: 1024px) {
.add-address h2 { margin-bottom: 32px; }
}
.add-address p { font-weight: normal; line-height: 1.63; margin-bottom: 32px; }
@media screen and (max-width: 1024px) {
.add-address p { font-size: 16px; }
}
.add-address .update-form .form-field { margin-bottom: 22px; }
@media screen and (max-width: 1024px) {
.add-address .update-form .form-field { font-size: 18px; }
}
.add-address .update-form .form-field .myaccount-input-field { width: 100%; padding: 11px 15px 10px; }
.add-address .update-form .form-field ::-webkit-input-placeholder {
 font-size: 18px;
 color: rgba(0, 0, 0, 0.4);
}
.add-address .update-form .form-field ::-moz-placeholder {
 font-size: 18px;
 color: rgba(0, 0, 0, 0.4);
}
.add-address .update-form .form-field :-ms-input-placeholder {
 font-size: 18px;
 color: rgba(0, 0, 0, 0.4);
}
.add-address .update-form .form-field ::placeholder {
 font-size: 18px;
 color: rgba(0, 0, 0, 0.4);
}
.add-address .update-form .form-field.address-field .myaccount-input-field { margin-top: 16px; }
.add-address .update-form .form-field.address-field .input-address-field { margin-top: 10px; }
.add-address .form-btn { margin-top: 56px; }
@media screen and (max-width: 1024px) {
.add-address .form-btn { margin-top: 26px; }
}
@media screen and (max-width: 1024px) {
.add-address .form-btn .account-details-btn .btn { font-size: 18px; }
}
.sales-heading { position: relative; margin: 40px 0; }
@media screen and (max-width: 1024px) {
.sales-heading { margin: 16px 0; }
}
@media screen and (max-width: 767px) {
.sales-heading { padding-bottom: 0; }
}
.sales-heading h1 { text-align: center; margin: 0; }
@media screen and (max-width: 1024px) {
.sales-heading h1 { font-size: 40px; }
}
@media screen and (max-width: 767px) {
.sales-heading h1 { font-size: 24px; }
}
.sales-heading .delivery-details { position: absolute; bottom: 0; right: 0; color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 1024px) {
.sales-heading .delivery-details { position: static; text-align: center; font-size: 14px; margin-top: 16px; }
}
@media screen and (max-width: 767px) {
.sales-heading .delivery-details { border-top: 1px solid rgba(0, 0, 0, 0.17); border-bottom: 1px solid rgba(0, 0, 0, 0.17); padding: 10px 0; }
}
.sales-heading .delivery-details .icon-delivery { font-size: 24px; vertical-align: middle; }
.sales-heading .delivery-details .delivery-text { font-size: 14px; }
.sale-banner { margin-bottom: 30px; }
@media screen and (max-width: 767px) {
.sale-banner { margin-bottom: 0; }
}
.sale-banner .sale-offer { height: 388px; background: white; display: flex; justify-content: center; align-items: center; color: #e53935; position: relative; border: 13px solid #ffffff; }
.sale-banner .sale-offer:hover { border: 13px solid #e53935; }
@media screen and (max-width: 1024px) {
.sale-banner .sale-offer { height: 300px; }
}
@media screen and (max-width: 767px) {
.sale-banner .sale-offer { margin-bottom: 16px; }
}
@media screen and (max-width: 1024px) {
.sale-banner .sale-offer .offer-wrapper { width: 212px; }
}
.sale-banner .sale-offer .offer-wrapper h2 { font-size: 73px; color: #e53935; margin: 0 0 10px; }
@media screen and (max-width: 1024px) {
.sale-banner .sale-offer .offer-wrapper h2 { font-size: 38px; margin-bottom: 24px; }
}
.sale-banner .sale-offer .offer-wrapper h2 span { font-size: 90px; display: block; }
@media screen and (max-width: 1024px) {
.sale-banner .sale-offer .offer-wrapper h2 span { font-size: 48px; }
}
.sale-banner .sale-offer .offer-wrapper p { font-weight: bold; line-height: 1.75; margin-bottom: 26px; }
@media screen and (max-width: 1024px) {
.sale-banner .sale-offer .offer-wrapper p { margin-bottom: 24px; }
}
.sale-banner .sale-offer .offer-wrapper a { display: block; text-align: center; color: #e53935; font-size: 18px; }
.sale-banner .sale-offer .offer-wrapper a span { border-bottom: 1px solid #e53935; }
.sale-banner .sale-offer .offer-wrapper h3 { font-size: 48px; color: #e53935; margin: 0 0 16px; }
@media screen and (max-width: 1024px) {
.sale-banner .sale-offer .offer-wrapper h3 { font-size: 28px; margin-bottom: 10px; }
}
@media screen and (max-width: 1024px) {
.sale-banner .sale-offer .offer-wrapper h3 { margin-top: 55px; }
}
.sale-banner .sale-offer .offer-wrapper h3 span { font-size: 90px; display: block; border-bottom: 4px solid #e53935; }
@media screen and (max-width: 1024px) {
.sale-banner .sale-offer .offer-wrapper h3 span { font-size: 48px; }
}
.sale-banner .sale-offer .offer-wrapper .offer-content { font-size: 27px; font-weight: 200; margin-bottom: 24px; }
@media screen and (max-width: 1024px) {
.sale-banner .sale-offer .offer-wrapper .offer-content { font-size: 16px; display: block; margin-bottom: 24px; }
}
.sale-banner .sale-offer .offer-wrapper .offer-sticker { position: absolute; top: 24px; right: 24px; width: 120px; height: 120px; background: red; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; transform: rotate(18deg); }
@media screen and (max-width: 1024px) {
.sale-banner .sale-offer .offer-wrapper .offer-sticker { font-size: 12px; width: 84px; height: 84px; line-height: 14px; top: 0px; right: 0px; }
}
@media screen and (max-width: 1024px) {
.sale-banner .sale-offer .offer-wrapper2 { width: auto; }
}
@media screen and (max-width: 767px) {
.sale-banner .sale-offer2 { height: 388px; }
}
@media screen and (max-width: 767px) {
.sale-banner .sale-offer2 .offer-wrapper .offer-content { margin-bottom: 40px; }
}
.clearance-banner { height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 72px; }
@media screen and (max-width: 1024px) {
.clearance-banner { height: 150px; margin-bottom: 48px; }
}
@media screen and (max-width: 767px) {
.clearance-banner { height: 193px; margin-bottom: 16px; }
}
.clearance-banner h3 { color: #ffffff; font-size: 48px; text-transform: uppercase; text-align: center; margin: 0 0 28px; }
@media screen and (max-width: 1024px) {
.clearance-banner h3 { font-size: 24px; margin: 0 0 16px; }
}
@media screen and (max-width: 767px) {
.clearance-banner h3 { font-size: 28px; margin: 0 0 24px; }
}
.clearance-banner a { color: #ffffff; border: solid 1px #ffffff; padding: 9px 40px; font-weight: 600; }
.clearance-banner.clearance-banner1 { background-image: url("assets/images/sales-banner-3.jpg"); }
.clearance-banner.clearance-banner2 { background-image: url("assets/images/sales-banner-2.jpg"); }
.clearance-banner.clearance-banner3 { background-image: url("assets/images/sales-banner-1.jpg"); }
.copy_link { opacity: 0; position: absolute; z-index: -55; }
.single_add_to_cart_button { width: 100%; height: 45px; padding: 7px 16px; display: block; background: #000000; border: 1px solid #000000; color: #ffffff; margin: 20px 0; transition: 0.3s ease all; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600; letter-spacing: 1px; text-align: left; text-transform: uppercase; }
.single_add_to_cart_button:hover { background: #F4F4F4; border: 1px solid #000000; color: #000; }
.single_add_to_cart_button:after { font-family: 'icomoon'; content: "\e930"; padding-left: 5px; position: relative; font-size: 24px; margin-top: -2px; float: right; }
.resources-header { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; display: flex; align-items: center; /*justify-content: center;*/ background-size: cover; }
.resources-header h1 { margin: 0; padding: 0; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff; }
.resources-header h2 { margin: 0; padding: 0; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff; }
.toggle-content { display: block; }
 @media screen and (max-width: 1024px) {
.resources-body .tags { background: white; text-align: center; }
}
@media screen and (max-width: 767px) {
.resources-body .tags { overflow-x: scroll; white-space: nowrap; text-align: left; }
}
.resources-body .tags ul { margin: 0; padding: 0; }
.resources-body .tags ul li { display: inline-block; font-family: Montserrat; font-size: 16px; font-weight: 500; letter-spacing: 1px; position: relative; color: rgba(0, 0, 0, 0.4); text-transform: uppercase; cursor: pointer; padding: 32px 27px 0 27px; }
@media screen and (max-width: 1024px) {
.resources-body .tags ul li { font-size: 14px; line-height: 1.5; color: rgba(0, 0, 0, 0.76); padding: 12px 27px; }
}
@media screen and (max-width: 767px) {
.resources-body .tags ul li { font-size: 16px; line-height: normal; padding: 18px 19px; }
}
.resources-body .tags ul li:first-child { color: #000000; padding-left: 0; }
@media screen and (max-width: 767px) {
.resources-body .tags ul li:first-child { padding-left: 0; }
}
.resources-body .tags ul li:after { content: "."; position: absolute; font-size: 30px; right: 0; bottom: 9px; color: #c4c4c4; }
@media screen and (max-width: 767px) {
.resources-body .tags ul li:after { bottom: 18px; }
}
@media screen and (max-width: 767px) {
.resources-body .tags ul li:last-child { padding-right: 15px; }
}
.resources-body .tags ul li:last-child:after { content: ""; }
.resources-body .search-section { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; position: relative; margin-top: 69px; }
@media screen and (max-width: 1024px) {
.resources-body .search-section { margin-top: 32px; }
}
@media screen and (max-width: 767px) {
.resources-body .search-section { flex-wrap: wrap; margin-top: 16px; }
}
.resources-body .search-section .searchBar { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; border-radius: 2px; background-color: rgba(255, 255, 255, 0.8); border: solid 1px rgba(0, 0, 0, 0.76); padding: 8px; width: 330px; position: absolute; right: 0; top: -96px; }
@media screen and (max-width: 1024px) {
.resources-body .search-section .searchBar { position: initial; margin-bottom: 26px; padding: 3px 8px; }
}
@media screen and (max-width: 767px) {
.resources-body .search-section .searchBar { width: 100%; margin-top: 0; margin-bottom: 33px; }
}
.resources-body .search-section .icon-search { font-size: 24px; align-self: center; }
.resources-body .search-section input { border: transparent; }
.resources-body .search-section .input-group { width: 100%; }
.resources-body .search-section .form-control { border-color: transparent; box-shadow: unset; height: auto; background: transparent; }
.resources-body .search-section .form-control::-webkit-input-placeholder {
 font-size: 16px;
 color: rgba(0, 0, 0, 0.4);
 font-family: 'Open Sans', sans-serif;
}
.resources-body .search-section ::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 16px;
 color: rgba(0, 0, 0, 0.4);
 font-family: 'Open Sans', sans-serif;
}
.resources-body .search-section :-ms-input-placeholder {
  /* IE 10+ */
  font-size: 16px;
 color: rgba(0, 0, 0, 0.4);
 font-family: 'Open Sans', sans-serif;
}
.resources-body .search-section :-moz-placeholder {
  /* Firefox 18- */
  font-size: 16px;
 color: rgba(0, 0, 0, 0.4);
 font-family: 'Open Sans', sans-serif;
}
.resources-body .search-section input.form-control:focus { box-shadow: none; }
.resources-body .title { font-family: Montserrat; font-size: 32px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: rgba(0, 0, 0, 0.8); margin-bottom: 26px; }
@media screen and (max-width: 1024px) {
.resources-body .title { font-size: 28px; margin-bottom: 32px; }
}
@media screen and (max-width: 767px) {
.resources-body .title { font-size: 22px; margin-bottom: 16px; }
}
@media screen and (max-width: 1024px) {
.resources-body .title-1 { margin-bottom: 32px; }
}
@media screen and (max-width: 767px) {
.resources-body .title-1 { order: 2; margin-bottom: 16px; }
}
.resources-body .title-2 { margin-top: 54px; }
@media screen and (max-width: 1024px) {
.resources-body .title-2 { margin-top: 32px; }
}
@media screen and (max-width: 767px) {
.resources-body .title-2 { margin-top: 16px; }
}
.resources-body .title-3 { margin-top: 50px; }
@media screen and (max-width: 1024px) {
.resources-body .title-3 { margin-top: 64px; }
}
@media screen and (max-width: 767px) {
.resources-body .title-3 { margin-top: 40px; }
}
.resources-body .img-container { margin-bottom: 32px; position: relative; }
@media screen and (max-width: 767px) {
.resources-body .img-container { margin-bottom: 24px; }
}
.resources-body .img-container .img-details { position: absolute; top: auto; bottom: 0; background-color: rgba(255, 255, 255, 0.9); width: 100%; }
.resources-body .img-container .img-details h4 { margin: 0; letter-spacing: normal; color: rgba(0, 0, 0, 0.76); padding: 18px 24px 14px 24px; }
@media screen and (max-width: 1024px) {
.resources-body .img-container .img-details h4 { padding: 8px; font-size: 18px; line-height: 1.5; }
}
@media screen and (max-width: 767px) {
.resources-body .img-container .img-details h4 { font-size: 14px; }
}
.resources-body .img-container .img-details .img-options { background-color: #ffffff; display: flex; flex-wrap: wrap; padding: 16px 24px; justify-content: space-between; }
@media screen and (max-width: 1024px) {
.resources-body .img-container .img-details .img-options { padding: 16px 8px; display: block; }
}
@media screen and (max-width: 767px) {
.resources-body .img-container .img-details .img-options { padding: 8px 23px; display: flex; justify-content: space-between; }
}
@media screen and (max-width: 1024px) {
.resources-body .img-container .img-details .img-options .download { margin-bottom: 16px; }
}
@media screen and (max-width: 767px) {
.resources-body .img-container .img-details .img-options .download { margin-right: 0; margin-bottom: 0; }
}
@media screen and (max-width: 767px) {
.resources-body .img-container .img-details .img-options .hide-text { display: none; }
}
.resources-body .img-container .img-details .img-options .download, .resources-body .img-container .img-details .img-options .copy { display: flex; align-items: center; font-family: OpenSans; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 0.5px; text-align: left; text-transform: uppercase; color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 1024px) {
.resources-body .img-container .img-details .img-options .download, .resources-body .img-container .img-details .img-options .copy { font-size: 13px; }
}
.resources-body .img-container .img-details .img-options .icon-download { font-size: 23px; }
.resources-body .collection-guides { max-height: 50%; transition: 0.3s ease-in-out max-height; }
.resources-body .collection-guides .container-guide { display: flex; margin-bottom: 32px; }
@media screen and (max-width: 1024px) {
.resources-body .collection-guides .container-guide { margin-bottom: 16px; }
}
@media screen and (max-width: 767px) {
.resources-body .collection-guides .container-guide { margin-bottom: 8px; }
}
.resources-body .collection-guides .container-guide .details, .resources-body .collection-guides .container-guide .download { background-color: #f5f5f5; border: solid 1px #c4c4c4; }
.resources-body .collection-guides .container-guide .details { width: 80%; display: flex; align-items: center; padding: 16px 19px; }
@media screen and (max-width: 1024px) {
.resources-body .collection-guides .container-guide .details { padding: 13px 0 12px 19px; }
}
@media screen and (max-width: 767px) {
.resources-body .collection-guides .container-guide .details { padding: 9px 0 11px 10px; }
}
.resources-body .collection-guides .container-guide .caption { letter-spacing: 0.5px; }
@media screen and (max-width: 767px) {
.resources-body .collection-guides .container-guide .caption { display: none; }
}
.resources-body .collection-guides .container-guide .download { display: flex; align-items: flex-start; padding: 18px 17px 18px 20px; border-left: none; }
@media screen and (max-width: 1024px) {
.resources-body .collection-guides .container-guide .download { padding: 15px 17px 15px 20px; }
}
@media screen and (max-width: 767px) {
.resources-body .collection-guides .container-guide .download { padding: 12px 15px; }
}
.resources-body .collection-guides .container-guide .download .icon-download { align-self: center; font-size: 24px; }
@media screen and (max-width: 767px) {
.resources-body .collection-guides .hide-column { display: none; }
}
.resources-body .collection-guides .view-more-guide, .resources-body .collection-guides .view-more-company { display: none; }
@media screen and (max-width: 1024px) {
.resources-body .collection-guides .view-more-guide, .resources-body .collection-guides .view-more-company { display: block; margin-top: 16px; }
}
.resources-body .collection-guides .view-more-guide:hover, .resources-body .collection-guides .view-more-company:hover { cursor: pointer; }
.resources-body .collection-guides .view-more-guide span, .resources-body .collection-guides .view-more-company span { border-bottom: 1px solid #000000; line-height: 1.56; }
.request-copy-popup { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.4); transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 99999; display: flex; overflow-y: scroll; }
@media screen and (max-width: 767px) {
.request-copy-popup { height: auto; }
}
.request-copy-popup:target { visibility: visible; opacity: 1; }
.request-copy-popup .popup { margin: auto auto; background: #ffffff; width: 930px; position: relative; transition: all 5s ease-in-out; padding: 40px 104px 87px 104px; overflow-y: scroll; }
@media screen and (max-width: 930px) {
.request-copy-popup .popup { width: 100%; }
}
@media screen and (max-width: 1024px) {
.request-copy-popup .popup { height: auto; padding: 40px; }
}
@media screen and (max-width: 767px) {
.request-copy-popup .popup { padding: 15px; width: 100%; overflow-y: scroll; height: 100%; top: 0; }
}
.request-copy-popup .popup h3 { margin: 0; text-align: center; color: rgba(0, 0, 0, 0.76); margin-bottom: 16px; }
@media screen and (max-width: 767px) {
.request-copy-popup .popup h3 { margin-top: 24px; margin-bottom: 8px; font-size: 22px; }
}
.request-copy-popup .popup p { margin: 0; font-size: 18px; text-align: center; color: #000000; margin-bottom: 24px; padding: 0 140px; line-height: 1.56; }
@media screen and (max-width: 767px) {
.request-copy-popup .popup p { font-size: 16px; padding: 0 15px; }
}
.request-copy-popup .popup .popup-close { position: absolute; top: 24px; right: 30px; transition: all 200ms; font-size: 20px; font-weight: bold; text-decoration: none; color: rgba(0, 0, 0, 0.76); opacity: 0.76; }
@media screen and (max-width: 767px) {
.request-copy-popup .popup .popup-close { top: 12px; right: 14px; }
}
.request-copy-popup .popup .gform_wrapper { margin: 0 !important; }
.request-copy-popup .popup .gform_wrapper .gform_footer { padding-left: 16px; padding-right: 15px; padding-bottom: 0 !important; position: relative; }
@media screen and (max-width: 767px) {
.request-copy-popup .popup .gform_wrapper .gform_footer { padding-right: 0; padding-left: 0; }
}
.request-copy-popup .popup .gform_wrapper .gform_footer:after { content: ">"; position: absolute; right: 31px; top: 40px; color: #ffffff; font-size: 24px; }
@media screen and (max-width: 767px) {
.request-copy-popup .popup .gform_wrapper .gform_footer:after { top: 48px; }
}
.request-copy-popup .popup .gform_wrapper .gform_footer .gform_button { width: 100% !important; background: #000000; color: #ffffff; font-size: 18px !important; text-align: left; text-transform: uppercase; padding: 18px 16px; margin-top: 8px; }
.request-copy-popup .popup .gform_wrapper .validation_error { display: none; }
.request-copy-popup .popup .gform_validation_error .validation_error { display: none !important; }
.request-copy-popup .popup .gform_validation_error .gfield_error { padding-right: 0; border: none; background: transparent; margin-top: 0 !important; }
@media screen and (max-width: 767px) {
.request-copy-popup .popup .gform_validation_error .gfield_error { width: 100%; }
}
.request-copy-popup .popup .gform_validation_error .gfield_error .medium { width: 270px; height: 45px; border-radius: 2px; background-color: #ffffff; border: solid 1px rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 767px) {
.request-copy-popup .popup .gform_validation_error .gfield_error .medium { width: 100%; }
}
.request-copy-popup .popup .gform_validation_error .select-size { margin-top: 0 !important; }
.request-copy-popup .popup .gform_body #field_12_8 label { display: none; }
.request-copy-popup .popup .gform_body ul { padding-left: 16px; }
@media screen and (max-width: 767px) {
.request-copy-popup .popup .gform_body ul { padding-left: 0; }
}
.request-copy-popup .popup .gform_body li { clear: none; }
.request-copy-popup .popup .gform_body li .gfield_label { font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 1.62; text-align: left; color: #000000; font-weight: normal; }
.request-copy-popup .popup .gform_body li .medium { padding: 11px 15px 10px 15px !important; width: 100% !important; height: 45px; background-color: #ffffff; border: solid 1px #c4c4c4; }
@media screen and (max-width: 767px) {
.request-copy-popup .popup .gform_body li .medium { width: 100%; }
}
.request-copy-popup .popup .gform_body li .textarea { width: 570px !important; height: 96px; }
@media screen and (max-width: 767px) {
.request-copy-popup .popup .gform_body li .textarea { width: 100%; }
}
.request-copy-popup .popup .gform_body li .textarea::-webkit-input-placeholder {
 font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 text-align: left;
 color: #c4c4c4;
 line-height: 1.56;
}
@media screen and (max-width: 1024px) {
 .request-copy-popup .popup .gform_body li .textarea::-webkit-input-placeholder {
 font-size: 16px;
}
}
.request-copy-popup .popup .gform_body .select-size-radio { display: none; }
.request-copy-popup .popup .gform_body .select-size-tiles ul li { float: left; }
.request-copy-popup .popup .gform_body .select-size-tiles ul li input[type=radio] { display: none; }
.request-copy-popup .popup .gform_body .select-size-tiles ul li input[type=radio]:checked + label { background: rgba(0, 0, 0, 0.76); color: #fff; }
.request-copy-popup .popup .gform_body .select-size-tiles ul li label { width: 109px; display: inline-block; text-align: center; cursor: pointer; height: 36px; background: #ffffff; margin-right: 32px; font-size: 14px; color: rgba(0, 0, 0, 0.76); padding: 9px 7px 8px 9px; }
.request-copy-popup .popup .gform_body .select-size { clear: both !important; margin-top: 14px; margin-bottom: 8px; }
@media screen and (max-width: 1024px) {
.request-copy-popup .popup .gform_body .select-size { padding-top: 10px; }
}
@media screen and (max-width: 767px) {
.request-copy-popup .popup .gform_body .select-size { margin-top: 0px; }
}
.request-copy-popup .popup .gform_body .select-size h5 { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.62; text-align: left; color: #000000; padding-bottom: 7px; }
.request-copy-popup .popup .gform_body .select-size .filter-enquire { display: flex; }
@media screen and (max-width: 767px) {
.request-copy-popup .popup .gform_body .select-size .filter-enquire { flex-wrap: wrap; justify-content: center; }
}
.request-copy-popup .popup .gform_body .select-size .filter-enquire .filter-label { display: inline-block; text-align: center; cursor: pointer; width: 127px; height: 36px; background: #ffffff; margin-right: 32px; font-size: 14px; color: rgba(0, 0, 0, 0.76); padding: 9px 7px 8px 9px; }
.request-copy-popup .popup .gform_body .validation_message { margin-top: 0; padding-top: 0; }
.request-copy-popup .popup .enquire-alternative { padding-left: 15px; padding-right: 20px; text-align: center; }
.request-copy-popup .popup .enquire-alternative:before { content: ""; display: block; margin-top: 18px; position: relative; top: 16px; width: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.24); border-radius: 2px; height: 1px; }
.request-copy-popup .popup .enquire-alternative span { z-index: 1; position: relative; text-align: center; background: #f5f5f5; padding-left: 10px; padding-right: 10px; font-size: 16px; }
.request-copy-popup .popup .enquire-contact .call-enquire { text-align: center; }
.request-copy-popup .popup .enquire-contact .call-enquire span { font-size: 14px; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); }
.request-copy-popup .popup .enquire-contact .call-enquire .icon-nt-call { font-size: 16px; }
.request-copy-popup .popup .enquire-contact .message-enquire { text-align: center; }
.request-copy-popup .popup .enquire-contact .message-enquire span { font-size: 14px; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); }
.request-copy-popup .popup .enquire-contact .message-enquire .icon-nt-call { font-size: 16px; }
.hide_page_title .entry-title { display: none; }
 @media screen and (max-width: 1024px) {
.spaces2-banner .banner-image { height: 480px; }
}
@media screen and (max-width: 767px) {
/*.spaces2-banner .banner-image { height: 184px; }*/
    .spaces2-banner .banner-image {
        height: 342px;
    }
}
@media screen and (max-width: 1024px) {
.spaces2-banner .banner-image .landing-collection .collection-wrapper p { margin-bottom: 40px; }
}
.spaces2-banner .banner-image .spaces2-text-slider { 
/*    position: relative;                            */
    margin: 57px 0 0; 
    top: 0; left: 0; 
/*    z-index: 2; */
}
@media screen and (max-width: 1024px) {
.spaces2-banner .banner-image .spaces2-text-slider { margin-top: 24px; width: 440px; height: 360px; }
}
@media screen and (max-width: 767px) {
.spaces2-banner .banner-image .spaces2-text-slider { width: 100%; position: absolute; top: unset; }
}
.spaces2-banner .banner-image .spaces2-text-slider .swiper-pagination { text-align: left; padding: 0 30px 20px; }
.spaces2-banner .banner-image .spaces2-image-slider { position: absolute; top: 0; height: 100%; }
.spaces2-banner .banner-image .spaces2-image-slider .swiper-slide img { width: 100%; }
.spaces2-landing-wrapper { margin-top: 22px; }
@media screen and (max-width: 1024px) {
.spaces2-landing-wrapper { margin-top: 24px !important; }
}
@media screen and (max-width: 767px) {
.spaces2-landing-wrapper .space2-wrapper .design-heading { padding-left: 0; }
}
.spaces2-landing-wrapper .space2-wrapper .design-heading h3 { line-height: normal; letter-spacing: normal; text-align: center; }
.spaces2-landing-wrapper .space2-wrapper .design-heading .spaces2-description { font-weight: normal; text-align: center; width: 690px; margin: 0 auto; }
@media screen and (max-width: 1024px) {
.spaces2-landing-wrapper .space2-wrapper .designideas-spaces { margin-top: 24px; }
}
@media screen and (max-width: 767px) {
.spaces2-landing-wrapper .space2-wrapper .designideas-spaces { margin-top: 16px; }
}
.spaces2-landing-wrapper .space2-wrapper .designideas-spaces .showroom-landing-image img { width: 100%; }
.spaces2-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section { margin-bottom: 9px; }
@media screen and (max-width: 1024px) {
.spaces2-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section { margin-bottom: 16px; }
}
@media screen and (max-width: 767px) {
.spaces2-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section { margin-bottom: 0; padding-bottom: 20px; }
}
@media screen and (max-width: 767px) {
.spaces2-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section .showroom-txt { margin-bottom: 0; }
}
@media screen and (max-width: 1024px) {
.spaces2-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section .showroom-txt .lot-number { margin-top: 5px; }
}
@media screen and (max-width: 767px) {
.spaces2-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section .showroom-txt .lot-number { margin-top: 2px; }
}
@media screen and (max-width: 1024px) {
.spaces2-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section .showroom-txt .lot-marble { font-size: 13px; }
}
@media screen and (max-width: 767px) {
.spaces2-landing-wrapper .space2-wrapper .designideas-spaces .spaces-section .showroom-txt .lot-marble { font-size: 12px; font-weight: normal; line-height: 1.42; }
}
.spaces2-landing-wrapper .space2-wrapper .design-idea-btn { height: 50px; width: 270px; margin: 8px auto 0; display: block; }
@media screen and (max-width: 1024px) {
.spaces2-landing-wrapper .space2-wrapper .design-idea-btn { margin-top: 0; }
}
@media screen and (max-width: 767px) {
.spaces2-landing-wrapper .space2-wrapper .design-idea-btn { margin-top: 16px; width: 100%; }
}
.spaces2-section { margin-top: 0 !important; }
.spaces2-section .space2-wrapper { margin-bottom: 23px; }
@media screen and (max-width: 1024px) {
.spaces2-section .space2-wrapper { margin-bottom: 16px; }
}
@media screen and (max-width: 767px) {
.spaces2-section .space2-wrapper { margin-bottom: 48px; }
}
@media screen and (max-width: 767px) {
.spaces2-section .space2-wrapper .designideas-spaces { display: flex; overflow: scroll; }
}
@media screen and (max-width: 767px) {
.spaces2-section .space2-wrapper .designideas-spaces .spaces-section { padding: 0 4px; }
}
@media screen and (max-width: 767px) {
.spaces2-section .space2-wrapper .designideas-spaces .spaces-section:first-child { padding-left: 15px; }
}
@media screen and (max-width: 767px) {
.spaces2-section .space2-wrapper .designideas-spaces .spaces-section:last-child { padding-right: 15px; }
}
@media screen and (max-width: 767px) {
.spaces2-section .space2-wrapper .designideas-spaces .spaces-section .showroom-landing-image { width: 252px; height: 168px; }
}
@media screen and (max-width: 767px) {
.spaces2-section .space2-wrapper .designideas-spaces .spaces-section .showroom-txt .lot-number { margin-top: 4px; }
}
 @media screen and (max-width: 767px) {
.spaces2-section2 .space2-wrapper { margin-bottom: 32px; }
}
.spaces2-surface { background-image: url(https://www.nitco.in/nitcoassets/nitco-cersaie-2019.jpg); margin-bottom: 64px; }
@media screen and (max-width: 1024px) {
.spaces2-surface { margin-bottom: 48px; }
}
@media screen and (max-width: 767px) {
.spaces2-surface { margin-bottom: 32px; }
}
.spaces2-surface .overlay h3 { line-height: normal; letter-spacing: normal; margin-bottom: 16px; }
@media screen and (max-width: 1024px) {
.spaces2-surface .overlay h3 { font-size: 28px; margin-bottom: 8px; }
}
@media screen and (max-width: 767px) {
.spaces2-surface .overlay h3 { font-size: 22px; margin-bottom: 16px; }
}
.spaces2-surface .overlay p { width: 323px; font-weight: normal; }
@media screen and (max-width: 1024px) {
.spaces2-surface .overlay p { line-height: 1.56; }
}
@media screen and (max-width: 767px) {
.spaces2-surface .overlay p { width: 90%; }
}
.spaces2-surface .overlay .surface-btn { padding: 9px 40px; }
.spaces2-properties { margin: 16px 0 32px; }
@media screen and (max-width: 1024px) {
.spaces2-properties { margin: 0 0 16px; }
}
.spaces2-properties h5 { line-height: 1.5; letter-spacing: normal; text-align: center; color: rgba(0, 0, 0, 0.76); margin: 0 0 8px; }
@media screen and (max-width: 767px) {
.spaces2-properties h5 { font-size: 16px; }
}
.spaces2-properties .nt-tabmenu { padding: 24px 15px 8px; }
@media screen and (max-width: 1024px) {
.spaces2-properties .nt-tabmenu { padding: 0; margin-bottom: 32px; }
}
@media screen and (max-width: 767px) {
.spaces2-properties .nt-tabmenu { display: none; }
}
.spaces2-properties .nt-tabmenu .title { margin-left: 0; font-weight: 500; color: rgba(0, 0, 0, 0.76); border-bottom: 1px solid rgba(0, 0, 0, 0.4); font-size: 14px; }
.spaces2-properties .nt-tabmenu .tabs-left { margin-top: 32px; }
@media screen and (max-width: 1024px) {
.spaces2-properties .nt-tabmenu .tabs-left { margin: 0; text-align: left; }
}
@media screen and (max-width: 1020px) {
.spaces2-properties .nt-tabmenu .tabs-left { text-align: center; }
}
.spaces2-properties .nt-tabmenu .tabs-left li { float: none; margin-bottom: 32px; }
@media screen and (max-width: 1024px) {
.spaces2-properties .nt-tabmenu .tabs-left li { display: inline-block; margin: 0 24px; padding: 14px 0; }
}
.spaces2-properties .nt-tabmenu .tabs-left li a { padding: 0; font-size: 14px; font-weight: 500; color: rgba(0, 0, 0, 0.4); }
@media screen and (max-width: 1024px) {
.spaces2-properties .nt-tabmenu .tabs-left li a { color: rgba(0, 0, 0, 0.76); }
}
.spaces2-properties .nt-tabmenu .tabs-left li.active a { color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 767px) {
.spaces2-properties .tab-content .tile-properties { display: block; }
}
.spaces2-properties .tab-content .tile-properties h3 { letter-spacing: normal; color: rgba(0, 0, 0, 0.8); margin: 0 0 16px; }
@media screen and (max-width: 1024px) {
.spaces2-properties .tab-content .tile-properties h3 { font-size: 28px; line-height: normal; text-align: center; margin-bottom: 32px; }
}
@media screen and (max-width: 767px) {
.spaces2-properties .tab-content .tile-properties h3 { font-size: 20px; line-height: 1.5; margin-bottom: 5px; text-align: left; }
}
@media screen and (max-width: 767px) {
.spaces2-properties .tab-content .tile-properties h3 span { display: none; }
}
@media screen and (max-width: 1024px) {
.spaces2-properties .tab-content .tile-properties .row { margin-left: -8px; margin-right: -8px; display: flex; flex-wrap: wrap; }
}
@media screen and (max-width: 1020px) {
.spaces2-properties .tab-content .tile-properties .row { display: block; }
}
@media screen and (max-width: 767px) {
.spaces2-properties .tab-content .tile-properties .row { display: flex; overflow: scroll; flex-wrap: nowrap; }
}
.spaces2-properties .tab-content .tile-properties .col-md-5th-1 { float: left; }
.spaces2-properties .tab-content .tile-properties .col-md-5th-1 { width: 20%; padding: 0 15px; }
@media screen and (max-width: 1024px) {
.spaces2-properties .tab-content .tile-properties .col-md-5th-1 { padding: 0 8px; }
}
@media screen and (max-width: 767px) {
.spaces2-properties .tab-content .tile-properties .col-md-5th-1 { width: 100%; }
}
@media screen and (max-width: 767px) {
.spaces2-properties .tab-content .tile-properties .spaces2-image { width: 135px; height: 135px; }
}
.spaces2-properties .tab-content .tile-properties .spaces2-image-text { font-size: 17px; text-align: center; font-family: 'Open Sans', sans-serif; margin: 8px 0 32px; }
@media screen and (max-width: 1024px) {
.spaces2-properties .tab-content .tile-properties .spaces2-image-text { font-size: 16px; line-height: 1.56; }
}
@media screen and (max-width: 767px) {
    .spaces2-properties .tab-content .tile-properties .spaces2-image-text {
        text-align-last: center;
        margin-top: 14px;
    }
}
.spaces2-properties .tab-content .tile-properties .get_form_values { cursor: pointer; }
.spaces2-block.look-detail { width: 100%; margin-bottom: 14px; }
@media screen and (max-width: 1024px) {
.spaces2-block.look-detail { margin-bottom: 38px; }
}
@media screen and (max-width: 767px) {
.spaces2-block.look-detail { margin-bottom: 32px; }
}
.spaces2-block .grid:after { content: ''; display: block; clear: both; }
.spaces2-block .grid-sizer, .spaces2-block .grid-item { width: 33.33%; }
@media screen and (max-width: 767px) {
.spaces2-block .grid-sizer, .spaces2-block .grid-item { width: 100%; }
}
.spaces2-block .more-design-spaces h3 { line-height: normal; letter-spacing: normal; margin-bottom: 32px; }
@media screen and (max-width: 1024px) {
.spaces2-block .more-design-spaces h3 { margin-bottom: 24px; }
}
@media screen and (max-width: 767px) {
.spaces2-block .more-design-spaces h3 { font-size: 22px; margin-bottom: 16px; }
}
.spaces2-block .more-design-spaces .design-spaces-content { margin-bottom: 50px; }
@media screen and (max-width: 1024px) {
.spaces2-block .more-design-spaces .design-spaces-content { margin-bottom: 10px; }
}
@media screen and (max-width: 767px) {
.spaces2-block .more-design-spaces .design-spaces-content { margin-bottom: 16px; }
}
.spaces2-block .more-design-spaces .design-spaces-content p { line-height: normal; }
@media screen and (max-width: 1024px) {
.spaces2-block .more-design-spaces .design-spaces-content p { margin-top: 8px; }
}
@media screen and (max-width: 767px) {
.spaces2-block .more-design-spaces .design-spaces-content p { margin-top: 4px; }
}
 @media screen and (max-width: 767px) {
.spaces2-blog { margin-bottom: 14px; }
}
.spaces2-blog h3 { line-height: normal; letter-spacing: normal; text-align: center; color: rgba(0, 0, 0, 0.8); margin: 0 0 24px; }
@media screen and (max-width: 1024px) {
.spaces2-blog h3 { font-size: 28px; }
}
@media screen and (max-width: 767px) {
.spaces2-blog h3 { font-size: 22px; margin-bottom: 16px; }
}
.spaces2-blog .heading-wrapper { min-height: unset; }
.spaces2-blog .heading-wrapper .heading-content { min-height: unset; }
.spaces2-blog .heading-wrapper .heading-content .blog-design { margin-bottom: 64px; min-height: unset; }
@media screen and (max-width: 1024px) {
.spaces2-blog .heading-wrapper .heading-content .blog-design { margin-bottom: 48px; }
}
@media screen and (max-width: 767px) {
.spaces2-blog .heading-wrapper .heading-content .blog-design { margin-bottom: 18px; }
}
.spaces2-blog .heading-wrapper .heading-content .blog-design .tile-text p { font-weight: normal; }
@media screen and (max-width: 1024px) {
.spaces2-blog .heading-wrapper .heading-content .blog-design .tile-text p { font-size: 16px; margin: 4px 0; }
}
@media screen and (max-width: 767px) {
.spaces2-blog .heading-wrapper .heading-content .blog-design .tile-text p { color: rgba(0, 0, 0, 0.6); margin: 4px 0 2px; }
}
.spaces2-blog .heading-wrapper .heading-content .blog-design .text-content h4 { letter-spacing: normal; }
@media screen and (max-width: 1024px) {
.spaces2-blog .heading-wrapper .heading-content .blog-design .text-content h4 { line-height: 1.5; }
}
@media screen and (max-width: 767px) {
.spaces2-blog .heading-wrapper .heading-content .blog-design .text-content h4 { font-weight: 500; }
}
.spaces2-content-block { margin-bottom: 80px; }
@media screen and (max-width: 1024px) {
.spaces2-content-block { margin-bottom: 26px; }
}
.spaces2-content-block .nt-inner-content .nt-content-header { margin: 0 0 16px; }
@media screen and (max-width: 1024px) {
.spaces2-content-block .nt-inner-content .nt-content-header { font-size: 20px; line-height: 1.7; margin-bottom: 9px; }
}
.spaces2-content-block .nt-inner-content p { font-weight: normal; line-height: 1.5; margin: 0 auto 24px; }
@media screen and (max-width: 1024px) {
.spaces2-content-block .nt-inner-content p { font-size: 14px; margin-bottom: 14px; }
}
@media screen and (max-width: 767px) {
.spaces2-content-block .nt-inner-content p { width: 90% !important; }
}
.spaces2-content-block .nt-inner-content .nt-content-btn { margin: 0; }
@media screen and (max-width: 767px) {
.spaces2-content-block .lft-bg-img .nt-content-header { margin-bottom: 16px; }
}
@media screen and (max-width: 1024px) {
.spaces2-content-block .lft-bg-img p { width: 309px; }
}
@media screen and (max-width: 767px) {
.spaces2-content-block .lft-bg-img p { margin-bottom: 28px; }
}
@media screen and (max-width: 767px) {
.spaces2-content-block .rgt-bg-img { margin-bottom: 8px; }
}
@media screen and (max-width: 767px) {
.spaces2-content-block .rgt-bg-img .nt-content-header { margin-bottom: 8px; }
}
.spaces2-content-block .rgt-bg-img p { width: 400px; }
@media screen and (max-width: 1024px) {
.spaces2-content-block .rgt-bg-img p { width: 250px; }
}
@media screen and (max-width: 767px) {
.spaces2-content-block .rgt-bg-img p { margin-bottom: 15px; }
}
.floor-landing-banner { height: 200px; margin-bottom: 50px; }
@media screen and (max-width: 1024px) {
.floor-landing-banner { margin-bottom: 61px; }
}
@media screen and (max-width: 767px) {
.floor-landing-banner { height: auto; background: transparent; display: block; margin-bottom: 15px; }
}
.floor-landing-banner .banner-txt { width: 570px; }
@media screen and (max-width: 1024px) {
.floor-landing-banner .banner-txt { display: block !important; margin-top: 100px; }
}
@media screen and (max-width: 767px) {
.floor-landing-banner .banner-txt { width: 100%; margin-top: 8px; }
}
.floor-landing-banner .banner-txt h1 { line-height: normal; letter-spacing: normal; }
.floor-landing-banner .banner-txt p { font-weight: normal; }
@media screen and (max-width: 767px) {
.floor-landing-banner .banner-txt p { font-size: 14px; line-height: 1.5; margin: 0; }
}
.popular-searches { margin-bottom: 40px; }
@media screen and (max-width: 1024px) {
.popular-searches { margin-bottom: 48px; }
}
@media screen and (max-width: 767px) {
.popular-searches { margin-bottom: 43px; }
}
.popular-searches ul { display: inline-block; list-style: none; margin: 0; }
@media screen and (max-width: 767px) {
.popular-searches ul { font-size: 14px; line-height: 1.71; }
}
.popular-searches ul li { display: inline-block; }
.popular-searches ul li a { border-bottom: 1px solid; padding-bottom: 1px; }
@media screen and (max-width: 1024px) {
.popular-searches ul li a { padding-bottom: 2px; }
}
.popular-searches ul li:after { content: " ,"; }
.popular-searches ul li:last-child:after { content: ""; }
.featured-floor { margin-bottom: 30px; }
@media screen and (max-width: 1024px) {
.featured-floor { padding: 0 10px; margin-bottom: 20px; }
}
@media screen and (max-width: 767px) {
.featured-floor { margin-bottom: 16px; }
}
.featured-floor h4 { color: rgba(0, 0, 0, 0.76); letter-spacing: normal; width: 96px; position: absolute; top: 0; margin: 24px 0 0 25px; }
@media screen and (max-width: 1024px) {
.featured-floor h4 { line-height: 1.7; margin: 15px 0 0 20px; }
}
@media screen and (max-width: 767px) {
.featured-floor h4 { line-height: 1.5; margin: 8px 0 0 8px; }
}
.floor-properties { margin-top: 26px; margin-bottom: 56px; }
@media screen and (max-width: 1024px) {
.floor-properties { margin-top: 40px; margin-bottom: 60px; }
}
@media screen and (max-width: 767px) {
.floor-properties { margin-bottom: 24px; }
}
@media screen and (max-width: 767px) {
.floor-properties h5 { margin-bottom: 24px; }
}
@media screen and (max-width: 1020px) {
.floor-properties .nt-tabmenu { margin-bottom: 18px; }
}
@media screen and (max-width: 1024px) {
.floor-properties .nt-tabmenu .tabs-left { text-align: left; }
}
@media screen and (max-width: 1020px) {
.floor-properties .nt-tabmenu .tabs-left { text-align: center; }
}
@media screen and (max-width: 1024px) {
.floor-properties .nt-tabmenu .tabs-left li { margin-right: 0; }
}
@media screen and (max-width: 1020px) {
.floor-properties .nt-tabmenu .tabs-left li { padding-bottom: 15px; }
}
@media screen and (max-width: 1024px) {
.floor-properties .nt-tabmenu .tabs-left li.active { border-bottom: 0; }
}
@media screen and (max-width: 1020px) {
.floor-properties .nt-tabmenu .tabs-left li.active { border-bottom: 1px solid #000000; }
}
@media screen and (max-width: 1024px) {
.floor-properties .nt-tabmenu .tabs-left li.active a:after { display: inline-block; content: "\e930"; }
}
@media screen and (max-width: 1020px) {
.floor-properties .nt-tabmenu .tabs-left li.active a:after { display: none; }
}
@media screen and (max-width: 1024px) {
.floor-properties .tab-content .tile-properties h3 { margin-bottom: 16px; }
}
@media screen and (max-width: 767px) {
.floor-properties .tab-content .tile-properties h3 { margin-bottom: 5px; }
}
@media screen and (max-width: 1024px) {
.floor-properties .tab-content .tile-properties .spaces2-image-text { margin-bottom: 24px; font-size: 15px; }
}
@media screen and (max-width: 1020px) {
.floor-properties .tab-content .tile-properties .spaces2-image-text { font-size: 16px; }
}
@media screen and (max-width: 767px) {
.floor-properties .tab-content .tile-properties .spaces2-image-text { margin-bottom: 32px; }
}
.floor-properties .view-tile-btn { font-size: 18px; font-weight: 600; line-height: normal; display: inline-block; border: solid 1px #000000; padding: 13px 24px; }
@media screen and (max-width: 1024px) {
.floor-properties .view-tile-btn { display: none; }
}
.floor-surface { margin-bottom: 56px; }
@media screen and (max-width: 1024px) {
.floor-surface { margin-bottom: 48px; }
}
@media screen and (max-width: 767px) {
.floor-surface { background-position: left; margin-bottom: 56px; }
}
.floor-landing-wrapper { margin-top: 0; margin-bottom: 62px; }
@media screen and (max-width: 767px) {
.floor-landing-wrapper { margin-bottom: 48px; }
}
.floor-landing-wrapper .grid-modal:after { content: ''; display: block; clear: both; }
.floor-landing-wrapper .grid-sizer, .floor-landing-wrapper .grid-modal-item { width: 33.33%; }
@media screen and (max-width: 767px) {
.floor-landing-wrapper .grid-sizer, .floor-landing-wrapper .grid-modal-item { width: 100%; }
}
.floor-landing-wrapper .grid-modal-item { float: left; }
.floor-landing-wrapper .nt-tabmenu { padding: 24px 32px 30px; }
@media screen and (max-width: 1020px) {
.floor-landing-wrapper .nt-tabmenu { padding: 0; margin-bottom: 40px; }
}
.floor-landing-wrapper .nt-tabmenu .browse-ideas { font-weight: 500; color: rgba(0, 0, 0, 0.76); border-bottom: 1px solid rgba(0, 0, 0, 0.4); padding-bottom: 8px; }
@media screen and (max-width: 1024px) {
.floor-landing-wrapper .nt-tabmenu .browse-ideas { font-size: 13px; }
}
@media screen and (max-width: 1020px) {
.floor-landing-wrapper .nt-tabmenu .browse-ideas { font-size: 14px; line-height: 1.5; display: block; border: 0; }
}
@media screen and (max-width: 1024px) {
.floor-landing-wrapper .nt-tabmenu .tabs-left { text-align: left; }
}
@media screen and (max-width: 1020px) {
.floor-landing-wrapper .nt-tabmenu .tabs-left { overflow-x: scroll; white-space: nowrap; padding-left: 8px; text-align: center; }
}
@media screen and (max-width: 1024px) {
.floor-landing-wrapper .nt-tabmenu .tabs-left li { padding-bottom: 15px; margin: 0 32px 0 0; }
}
.floor-landing-wrapper .nt-tabmenu .tabs-left li a { font-size: 16px; display: inline-block; }
@media screen and (max-width: 1024px) {
.floor-landing-wrapper .nt-tabmenu .tabs-left li a { font-size: 15px; }
}
@media screen and (max-width: 1020px) {
.floor-landing-wrapper .nt-tabmenu .tabs-left li a { font-size: 16px; }
}
.floor-landing-wrapper .nt-tabmenu .tabs-left li .project-list { display: block; }
.floor-landing-wrapper .nt-tabmenu .tabs-left li .nt-ribbon { top: 0; left: 90px; }
@media screen and (max-width: 1024px) {
.floor-landing-wrapper .nt-tabmenu .tabs-left li .nt-ribbon { display: none; }
}
@media screen and (max-width: 1024px) {
.floor-landing-wrapper .nt-tabmenu .tabs-left li.active { border-bottom: 0; }
}
@media screen and (max-width: 1020px) {
.floor-landing-wrapper .nt-tabmenu .tabs-left li.active { border-bottom: 1px solid #000000; }
}
.floor-landing-wrapper .nt-tabmenu .tabs-left li.active a { color: #000000; }
@media screen and (max-width: 1024px) {
.floor-landing-wrapper .nt-tabmenu .tabs-left li.active a:after { display: inline-block; }
}
@media screen and (max-width: 1020px) {
.floor-landing-wrapper .nt-tabmenu .tabs-left li.active a:after { display: none; }
}
.floor-landing-wrapper .nt-tabmenu .tabs-left li:last-child { margin-bottom: 10px; }
@media screen and (max-width: 1024px) {
.floor-landing-wrapper .nt-tabmenu .tabs-left li:last-child { margin-bottom: 0; }
}
.floor-landing-wrapper .nt-tabmenu .tabs-left li .project-list { font-size: 14px; color: rgba(0, 0, 0, 0.4); }
@media screen and (max-width: 1024px) {
.floor-landing-wrapper .nt-tabmenu .tabs-left li .project-list { display: none; }
}
.floor-landing-wrapper .space2-wrapper { margin-bottom: 0; }
.floor-landing-wrapper .space2-wrapper .design-heading { padding-left: 0; }
@media screen and (max-width: 767px) {
.floor-landing-wrapper .space2-wrapper .design-heading h3 { font-size: 22px; margin: 0; }
}
.floor-landing-wrapper .space2-wrapper .design-heading p { font-weight: normal; margin-bottom: 0; }
.floor-landing-wrapper .space2-wrapper .look-detail { margin-top: 32px; margin-bottom: 7px; }
@media screen and (max-width: 1024px) {
.floor-landing-wrapper .space2-wrapper .look-detail { margin-top: 24px; }
}
@media screen and (max-width: 767px) {
.floor-landing-wrapper .space2-wrapper .look-detail { margin-top: 16px; margin-bottom: 16px; }
}
@media screen and (max-width: 767px) {
.floor-landing-wrapper .space2-wrapper .look-detail .row { display: block; }
}
.floor-landing-wrapper .space2-wrapper .look-detail .more-design-spaces .design-spaces-content { margin-bottom: 17px; }
@media screen and (max-width: 1024px) {
.floor-landing-wrapper .space2-wrapper .look-detail .more-design-spaces .design-spaces-content { margin-bottom: 26px; }
}
@media screen and (max-width: 767px) {
.floor-landing-wrapper .space2-wrapper .look-detail .more-design-spaces .design-spaces-content { margin: 0 10px 16px; }
}
@media screen and (max-width: 1024px) {
.floor-landing-wrapper .space2-wrapper .look-detail .more-design-spaces .design-spaces-content p { line-height: 1.56; margin-top: 8px; }
}
@media screen and (max-width: 767px) {
.floor-landing-wrapper .space2-wrapper .look-detail .more-design-spaces .design-spaces-content span { display: none; }
}
@media screen and (max-width: 1024px) {
.floor-landing-wrapper .space2-wrapper .floor-landing-btn { text-align: center; }
}
.floor-landing-wrapper .space2-wrapper .floor-landing-btn .design-idea-btn { font-size: 18px; margin-right: 40px; margin-left: 0; }
@media screen and (max-width: 1024px) {
.floor-landing-wrapper .space2-wrapper .floor-landing-btn .design-idea-btn { margin: 0 20px; }
}
@media screen and (max-width: 767px) {
.floor-landing-wrapper .space2-wrapper .floor-landing-btn .design-idea-btn { margin: 0 0 10px; }
}
.floor-landing-block { margin-top: 0; }
@media screen and (max-width: 767px) {
.floor-landing-block { display: block; }
}
@media screen and (max-width: 767px) {
.floor-landing-block .nt-inner-content .nt-content-header { font-size: 20px; line-height: 1.7; }
}
@media screen and (max-width: 1024px) {
.floor-landing-block .nt-inner-content p { font-size: 14px; line-height: 1.5; font-weight: normal; margin: 0 auto; }
}
@media screen and (max-width: 767px) {
.floor-landing-block .lft-bg-img { margin-bottom: 8px; }
}
@media screen and (max-width: 1024px) {
.floor-landing-block .lft-bg-img .nt-content-header { margin: 0 0 9px; }
}
@media screen and (max-width: 767px) {
.floor-landing-block .lft-bg-img .nt-content-header { margin-bottom: 16px; }
}
@media screen and (max-width: 1024px) {
.floor-landing-block .lft-bg-img p { width: 309px; }
}
@media screen and (max-width: 767px) {
.floor-landing-block .lft-bg-img p { width: 90%; }
}
@media screen and (max-width: 1024px) {
.floor-landing-block .lft-bg-img .nt-content-btn { margin: 14px 0 0; }
}
@media screen and (max-width: 767px) {
.floor-landing-block .lft-bg-img .nt-content-btn { margin-top: 28px; }
}
@media screen and (max-width: 1024px) {
.floor-landing-block .rgt-bg-img .nt-content-header { margin: 0 0 15px; }
}
@media screen and (max-width: 767px) {
.floor-landing-block .rgt-bg-img .nt-content-header { margin-bottom: 8px; }
}
@media screen and (max-width: 1024px) {
.floor-landing-block .rgt-bg-img p { width: 250px; }
}
@media screen and (max-width: 1024px) {
.floor-landing-block .rgt-bg-img .nt-content-btn { margin: 29px 0 0; }
}
@media screen and (max-width: 767px) {
.floor-landing-block .rgt-bg-img .nt-content-btn { margin-top: 15px; }
}
 @media (min-width: 768px) and (max-width: 1024px) {
.secondary_menu .menu .navigation { display: none; }
.humb_menu { display: block; }
.secondary_menu .header-list ul li { margin: 0 8px; }
.tile-filter .tile-blog-heading { text-align: left; }
.tile-filter .tile-blog-heading .tile-display { margin-right: 12px; }
.tile-filter .tile-blog-heading .button-group li { margin-right: 12px; cursor: pointer; }
.tile-filter .tile-shortby-price .select-dropdown { margin-right: 0; }
.tile-filter .tile-shortby-price .tile-btn { display: none; }
.tile-filter .title-tab-filter { margin-right: 0; }
}
@media (min-width: 768px) and (max-width: 1020px) {
.tile-filter .tile-btn { display: none; }
.tile-filter .title-tab-filter { display: inline; padding-right: 0; margin-right: 23px; }
.tile-filter .tile-blog-heading { text-align: left; display: inline-block; }
.tile-filter .tile-blog-heading .tile-display { margin-right: 12px; }
.tile-filter .tile-blog-heading .button-group li { margin-right: 12px; }
.tile-filter .tile-shortby-price { display: inline-block; text-align: left; }
.tile-filter .tile-shortby-price .shortby { margin-right: 5px; }
.tile-filter .tile-shortby-price .select-dropdown { margin-right: 16px; width: 186px; }
.tile-filter .tile-shortby-price .tile-btn { display: inline-block; }
.tile-filter .title-tab-filter { margin-right: 38px; }
.design-landing-banner .banner-txt { display: none; }
.design-landing-banner .banner-txt p { font-size: 14px; line-height: 1.5; }
.tab-landing-banner { display: block; }
.tab-landing-banner .banner-txt { display: block; margin-top: 0px; }
.design-landing-wrapper { margin-top: 0px; }
.design-landing-wrapper .idea-list { padding: 0; z-index: 999; top: 8%; margin: 0 15px 32px; }
.design-landing-wrapper .idea-list ul { margin: 0; overflow-x: scroll; white-space: nowrap; padding: 0 0 0 8px; }
.design-landing-wrapper .idea-list ul li { display: inline-block; margin-bottom: 0; }
.design-landing-wrapper .idea-list ul li.active span { border-bottom: 1px solid; }
.design-landing-wrapper .idea-list ul li.active:after { display: none; }
.design-landing-wrapper .idea-list ul li span { padding: 14px 0 15px; margin-right: 32px; }
.design-landing-wrapper .idea-list ul li .nt-ribbon { left: 60%; top: 23%; }
.design-landing-wrapper .idea-list .project-list { display: none; }
.design-landing-wrapper .space2-wrapper .design-heading { width: 570px; margin: 0 auto; text-align: center; }
.design-landing-wrapper .space2-wrapper .design-heading h3 { font-size: 28px; text-align: center; }
.design-landing-wrapper .space2-wrapper .design-heading p { font-size: 16px; line-height: 1.56; margin-bottom: 0; }
.design-landing-wrapper .space2-wrapper .design-heading-icons { display: none; }
.tab-design-landing-wrapper .idea-list { margin: 0; padding: 0; }
.tab-design-landing-wrapper .idea-list .browse-ideas { display: block; }
}
.shortlist .shortlist-popup { position: relative; top: 50px; transition: all 5s ease-in-out; margin: 0 auto; width: 930px; overflow-y: scroll; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 -2px 8px 0 rgba(0, 0, 0, 0.09); }
@media screen and (max-width: 1024px) {
.shortlist .shortlist-popup { width: auto; width: 570px; height: 690px; top: 233px; }
}
@media screen and (max-width: 767px) {
.shortlist .shortlist-popup { width: 100%; height: 100%; background-color: #f9f9f9; top: 0; }
}
.shortlist .shortlist-popup .modal-content { padding-left: 32px; padding-right: 16px; background-color: #f9f9f9; }
@media screen and (max-width: 1024px) {
.shortlist .shortlist-popup .modal-content { padding: 0px 15px; }
}
@media screen and (max-width: 767px) {
.shortlist .shortlist-popup .modal-content { padding: 0px 15px; overflow: hidden; height: 100%; }
}
.shortlist .shortlist-popup .modal-content .modal-body { padding: 0; }
@media screen and (max-width: 1024px) {
.shortlist .shortlist-popup .mobile-header { position: absolute; right: 16px; top: 20px; right: 20px; font-size: 21px; }
}
@media screen and (max-width: 767px) {
.shortlist .shortlist-popup .mobile-header { position: absolute; right: 16px; top: 20px; right: 14px; font-size: 21px; }
}
@media screen and (max-width: 1024px) {
.shortlist .shortlist-popup .header-text { text-align: center; margin-top: 15px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); margin-bottom: 0px; padding-left: 15px; }
}
@media screen and (max-width: 767px) {
.shortlist .shortlist-popup .header-text { text-align: left; padding-left: 15px; }
}
.shortlist .shortlist-popup .close { opacity: 1; }
.shortlist .shortlist-popup .tile-list-content { border-right: 1px solid rgba(0, 0, 0, 0.12); height: 558px; display: flex; flex-direction: column; justify-content: center; padding-top: 80px; margin-bottom: 0px; }
@media screen and (max-width: 1024px) {
.shortlist .shortlist-popup .tile-list-content { height: auto; flex-direction: row; justify-content: left; padding: 16px 30px 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
}
@media screen and (max-width: 767px) {
.shortlist .shortlist-popup .tile-list-content { padding-left: 15px; }
}
.shortlist .shortlist-popup .tile-list-content .tile-list-text { float: left; }
@media screen and (max-width: 1024px) {
.shortlist .shortlist-popup .tile-list-content .tile-list-text { padding-left: 24px; }
}
.shortlist .shortlist-popup .tile-list-content .tile-list-text h4 { text-align: left; margin-bottom: 0px; padding: 0px; font-size: 16px; }
@media screen and (max-width: 767px) {
.shortlist .shortlist-popup .tile-list-content .tile-list-text h4 { margin-top: 0px; line-height: 1.5; }
}
.shortlist .shortlist-popup .tile-list-content .tile-list-text p { font-size: 14px; margin: 0px; text-align: left; }
@media screen and (max-width: 767px) {
.shortlist .shortlist-popup .tile-list-content .tile-list-text p { line-height: 1.5; }
}
.shortlist .shortlist-popup .tile-list-content .tile-list-text .tile-price { font-size: 14px; margin: 0px; }
@media screen and (max-width: 767px) {
.shortlist .shortlist-popup .tile-list-content .tile-list-text .tile-price { line-height: 1.5; }
}
.shortlist .shortlist-popup .tile-list-content .tile-list-image { width: 330px; height: 220px; }
@media screen and (max-width: 1024px) {
.shortlist .shortlist-popup .tile-list-content .tile-list-image { width: 135px; height: 90px; }
}
@media screen and (max-width: 767px) {
.shortlist .shortlist-popup .tile-list-content .tile-list-image { width: 95px; height: 63.5px; }
}
.shortlist .shortlist-popup .add-to-short-list { padding-right: 0px; padding-left: 0px; color: rgba(0, 0, 0, 0.76); }
.shortlist .shortlist-popup .add-to-short-list .grid:after { content: ''; display: block; clear: both; }
.shortlist .shortlist-popup .add-to-short-list .grid-sizer, .shortlist .shortlist-popup .add-to-short-list .grid-item { width: 50%; }
.shortlist .shortlist-popup .add-to-short-list .header { padding-left: 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding-bottom: 14px; margin-bottom: 8px; }
@media screen and (max-width: 1024px) {
.shortlist .shortlist-popup .add-to-short-list .header { padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; }
}
@media screen and (max-width: 767px) {
.shortlist .shortlist-popup .add-to-short-list .header { padding-left: 15px; }
}
.shortlist .shortlist-popup .add-to-short-list .shortlist-text-header .add-text { padding-top: 30px; margin-top: 0px; padding-left: 32px; letter-spacing: normal; color: rgba(0, 0, 0, 0.76); margin-bottom: 8px; }
.shortlist .shortlist-popup .add-to-short-list .shortlist-text-header .add-text .icon-close { font-size: 24px; float: right; margin-right: 30px; margin-top: 4px; }
.shortlist .shortlist-popup .add-to-short-list .product-list { height: 420px; overflow-y: scroll; padding-left: 30px; }
@media screen and (max-width: 1024px) {
.shortlist .shortlist-popup .add-to-short-list .product-list { padding-left: 30px; padding-right: 15px; height: 550px; }
}
@media screen and (max-width: 767px) {
.shortlist .shortlist-popup .add-to-short-list .product-list { padding-left: 15px; height: 75vh; }
}
.shortlist .shortlist-popup .add-to-short-list .add-text { margin-top: 14px; text-align: left; padding-top: 0px; }
@media screen and (max-width: 1024px) {
.shortlist .shortlist-popup .add-to-short-list .add-text { display: none; }
}
.shortlist .shortlist-popup .add-to-short-list .add-text .icon-close { font-size: 16px; float: right; margin-right: 30px; margin-top: 10px; }
.shortlist .shortlist-popup .add-to-short-list .create-list-text { font-size: 14px; letter-spacing: 0.5px; margin-top: 0px; color: rgba(0, 0, 0, 0.76); font-family: 'Open Sans', sans-serif; }
@media screen and (max-width: 1024px) {
.shortlist .shortlist-popup .add-to-short-list .create-list-text { padding-top: 14px; padding-bottom: 17px; margin-bottom: 0px; }
}
@media screen and (max-width: 767px) {
.shortlist .shortlist-popup .add-to-short-list .create-list-text { padding-top: 26px; padding-bottom: 35px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
}
.shortlist .shortlist-popup .add-to-short-list .create-list-text .icon-edit { font-size: 18px; margin-right: 11px; vertical-align: middle; }
.shortlist .shortlist-popup .add-to-short-list .done-btn-div { background-color: #f5f5f5; text-align: right; }
@media screen and (max-width: 1024px) {
.shortlist .shortlist-popup .add-to-short-list .done-btn-div { background-color: transparent; }
}
@media screen and (max-width: 767px) {
.shortlist .shortlist-popup .add-to-short-list .done-btn-div { bottom: 0; position: fixed; width: 100%; }
}
.shortlist .shortlist-popup .add-to-short-list .done-btn-div .done-btn { width: 193px; height: 50px; opacity: 0.2; background-color: #000000; color: white; margin-right: 30px; margin-top: 24px; margin-bottom: 24px; text-align: center; padding: 10px 24px; display: inline-block; border: 1px solid transparent; }
@media screen and (max-width: 1024px) {
.shortlist .shortlist-popup .add-to-short-list .done-btn-div .done-btn { background-color: #000000; opacity: 1; width: 111px; height: 50px; margin-top: 16px; margin-bottom: 16px; }
}
@media screen and (max-width: 767px) {
.shortlist .shortlist-popup .add-to-short-list .done-btn-div .done-btn { width: 100%; margin: 0px; height: 50px; }
}
.shortlist .shortlist-popup .add-to-short-list .add-btn { width: 90px; height: 40px; border: solid 1px #000000; float: right; color: #000000; text-align: center; padding: 4px 10px; text-transform: capitalize; background-color: transparent; }
.shortlist .shortlist-popup .add-to-short-list .add-btn.added_btn { background-color: #ededed; }
@media screen and (max-width: 1024px) {
.shortlist .shortlist-popup .add-to-short-list .add-btn { margin-top: 41px; }
}
.shortlist .shortlist-popup .add-to-short-list .img_space { padding-right: 2px; padding-bottom: 2px; }
.shortlist .shortlist-popup .add-to-short-list .img_space img { height: auto; display: block; }
.shortlist .shortlist-popup .add-to-short-list .more-design-spaces .two_image_left { padding-right: 1px; }
.shortlist .shortlist-popup .add-to-short-list .more-design-spaces .two_image_rigth { padding-left: 1px; }
.shortlist .shortlist-popup .add-to-short-list .more-design-spaces .two_image_left { padding-right: 2px; }
@media screen and (max-width: 767px) {
.shortlist .shortlist-popup .add-to-short-list .more-design-spaces .two_image_left { padding-right: 2px; }
}
.shortlist .shortlist-popup .add-to-short-list .more-design-spaces .two_image_right { padding-left: 1px; }
.shortlist .shortlist-popup .add-to-short-list .more-design-spaces .img_space_top { padding-left: 2px; }
.shortlist .shortlist-popup .add-to-short-list .more-design-spaces .img_space_bottom { padding-left: 2px; }
.shortlist .shortlist-popup .add-to-short-list .product { margin-right: 30px; padding: 16px 0px; padding-left: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding-left: 0px; }
@media screen and (max-width: 1024px) {
.shortlist .shortlist-popup .add-to-short-list .product { margin-right: 0px; padding-right: 15px; }
}
@media screen and (max-width: 767px) {
.shortlist .shortlist-popup .add-to-short-list .product { padding-left: 0px; padding-right: 0px; }
}
.shortlist .shortlist-popup .add-to-short-list .product:last-child { border: none; }
@media screen and (max-width: 1024px) {
.shortlist .shortlist-popup .add-to-short-list .product:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
}
@media screen and (max-width: 767px) {
.shortlist .shortlist-popup .add-to-short-list .product:last-child { border: none; }
}
.shortlist .shortlist-popup .add-to-short-list .product .design-idea-section.look-detail { width: 100%; margin-top: 0px; }
.shortlist .shortlist-popup .add-to-short-list .product .product-info { font-weight: 600; padding-right: 15px; }
@media screen and (max-width: 1024px) {
.shortlist .shortlist-popup .add-to-short-list .product .product-info { padding-right: 15px; }
}
.shortlist .shortlist-popup .add-to-short-list .product .product-info .add-heart { font-size: 24px; float: right; padding-top: 21px; color: #3d3d3d; padding-right: 12px; }
.shortlist .shortlist-popup .add-to-short-list .product .product-info .infotext { display: inline-block; }
.shortlist .shortlist-popup .add-to-short-list .product .product-info .infotext p { line-height: 1.63; text-align: left; font-size: 16px; font-weight: normal; color: rgba(0, 0, 0, 0.4); }
.create-shortlist .shortlist-popup { background-color: #f5f5f5; position: relative; top: 50px; transition: all 5s ease-in-out; margin: 0 auto; width: 930px; overflow-y: scroll; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 -2px 8px 0 rgba(0, 0, 0, 0.09); }
@media screen and (max-width: 1024px) {
.create-shortlist .shortlist-popup { width: 570px; /* padding: 0px 15px; */ top: 233px; height: auto; }
}
@media screen and (max-width: 767px) {
.create-shortlist .shortlist-popup { width: 100%; height: 100%; background-color: #f5f5f5; top: 0; }
}
.create-shortlist .shortlist-popup .modal-content { padding-left: 32px; padding-right: 16px; background-color: #f9f9f9; }
@media screen and (max-width: 1024px) {
.create-shortlist .shortlist-popup .modal-content { padding: 0px 15px; }
}
@media screen and (max-width: 767px) {
.create-shortlist .shortlist-popup .modal-content { padding: 0px 15px; height: 100%; }
}
.create-shortlist .shortlist-popup .modal-content .modal-body { padding: 0; }
.create-shortlist .shortlist-popup .close { opacity: 1; color: #414141; }
.create-shortlist .shortlist-popup .header-text { margin-top: 16px; line-height: 1.7; letter-spacing: normal; color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 767px) {
.create-shortlist .shortlist-popup .header-text { padding-left: 15px; padding-top: 12px; margin-top: 0px; padding-bottom: 16px; line-height: 1.5; }
}
.create-shortlist .shortlist-popup .header-text .close { opacity: 1; }
@media screen and (max-width: 767px) {
.create-shortlist .shortlist-popup .header-text .icon-close { float: right; padding-right: 14px; font-size: 24px; }
}
@media screen and (max-width: 767px) {
.create-shortlist .shortlist-popup .tile-list-content .tile-list-text h4 { font-size: 14px; line-height: 1.5; }
}
.create-shortlist .shortlist-popup .Save-your-favourite { width: 383px; padding-left: 32px; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: rgba(0, 0, 0, 0.4); padding-bottom: 32px; margin-bottom: 0px; }
.create-shortlist .shortlist-popup .user-form { padding-left: 32px; padding-right: 32px; }
@media screen and (max-width: 1024px) {
.create-shortlist .shortlist-popup .user-form { padding-top: 16px; }
}
@media screen and (max-width: 767px) {
.create-shortlist .shortlist-popup .user-form { padding-top: 16px; padding-left: 15px; padding-right: 15px; }
}
.create-shortlist .shortlist-popup .user-form .form-field { margin-bottom: 16px; }
@media screen and (max-width: 1024px) {
.create-shortlist .shortlist-popup .user-form .form-field { font-size: 18px; margin-bottom: 24px; }
}
@media screen and (max-width: 767px) {
.create-shortlist .shortlist-popup .user-form .form-field { margin-bottom: 24px; }
}
.create-shortlist .shortlist-popup .user-form .form-field .name-input-field { width: 100%; padding: 8px 0px 8px 16px; height: 40px; margin-top: 6px; }
@media screen and (max-width: 1024px) {
.create-shortlist .shortlist-popup .user-form .form-field .name-input-field { border: 1px solid rgba(0, 0, 0, 0.76); height: 45px; padding-right: 15px; }
}
.create-shortlist .shortlist-popup .user-form .form-field ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: #c4c4c4;
}
.create-shortlist .shortlist-popup .user-form .form-field ::-moz-placeholder {
  /* Firefox 19+ */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: #c4c4c4;
}
.create-shortlist .shortlist-popup .user-form .form-field :-ms-input-placeholder {
  /* IE 10+ */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: #c4c4c4;
}
.create-shortlist .shortlist-popup .user-form .form-field :-moz-placeholder {
  /* Firefox 18- */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: #c4c4c4;
}
.create-shortlist .shortlist-popup .user-form .form-field .description { display: block; width: 100%; height: 75px; padding: 10px 0px 41px 16px; margin-top: 6px; resize: none; }
@media screen and (max-width: 1024px) {
.create-shortlist .shortlist-popup .user-form .form-field .description { border: 1px solid rgba(0, 0, 0, 0.76); height: 96px; }
}
.create-shortlist .shortlist-popup .user-form .form-field .description::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
}
@media screen and (max-width: 1024px) {
 .create-shortlist .shortlist-popup .user-form .form-field .description::-webkit-input-placeholder {
 color: transparent;
}
}
.create-shortlist .shortlist-popup .user-form .form-field .description::-moz-placeholder {
/* Firefox 19+ */
}
@media screen and (max-width: 1024px) {
 .create-shortlist .shortlist-popup .user-form .form-field .description::-moz-placeholder {
 color: transparent;
}
}
.create-shortlist .shortlist-popup .user-form .form-field .description:-ms-input-placeholder {
/* IE 10+ */
}
@media screen and (max-width: 1024px) {
 .create-shortlist .shortlist-popup .user-form .form-field .description:-ms-input-placeholder {
 color: transparent;
}
}
.create-shortlist .shortlist-popup .user-form .form-field .description:-moz-placeholder {
/* Firefox 18- */
}
@media screen and (max-width: 1024px) {
 .create-shortlist .shortlist-popup .user-form .form-field .description:-moz-placeholder {
 color: transparent;
}
}
.create-shortlist .shortlist-popup .create-add-btn-div { background-color: #f5f5f5; text-align: right; margin-top: 105px; height: 98px; }
@media screen and (max-width: 1024px) {
.create-shortlist .shortlist-popup .create-add-btn-div { background-color: transparent; margin-top: 0px; height: auto; display: flex; flex-direction: row-reverse; }
}
@media screen and (max-width: 767px) {
.create-shortlist .shortlist-popup .create-add-btn-div { bottom: 0; position: fixed; width: 100%; display: flex; flex-direction: row-reverse; right: 0; }
}
.create-shortlist .shortlist-popup .create-add-btn-div .create-add-btn { width: 210px; height: 50px; background-color: #000000; color: white; margin-right: 32px; margin-top: 24px; margin-bottom: 24px; text-align: center; padding: 10px 24px; display: inline-block; font-weight: 600; line-height: normal; border: 1px solid black; }
@media screen and (max-width: 1024px) {
.create-shortlist .shortlist-popup .create-add-btn-div .create-add-btn { background-color: #000000; opacity: 1; width: 161px; height: 50px; margin-top: 0px; padding: 13px 0px; font-size: 18px; margin-bottom: 16px; }
}
@media screen and (max-width: 767px) {
.create-shortlist .shortlist-popup .create-add-btn-div .create-add-btn { width: 50%; margin: 0px; height: 50px; }
}
.create-shortlist .shortlist-popup .create-add-btn-div .cancel-btn { width: 211px; height: 50px; float: left; color: #000000; border: 1px solid #000000; margin-left: 50px; margin-top: 24px; margin-bottom: 24px; text-align: center; padding: 10px 24px; display: inline-block; font-weight: 600; line-height: normal; background-color: transparent; }
@media screen and (max-width: 1024px) {
.create-shortlist .shortlist-popup .create-add-btn-div .cancel-btn { background-color: transparent; opacity: 1; width: 148px; margin-top: 0px; margin-left: 0px; margin-right: 32px; padding: 13px 0px; font-size: 18px; margin-bottom: 16px; }
}
@media screen and (max-width: 767px) {
.create-shortlist .shortlist-popup .create-add-btn-div .cancel-btn { width: 50%; margin: 0px; height: 50px; }
}
@media screen and (max-width: 1024px) {
.create-shortlist .shortlist-popup .tile-list-content .tile-list-text h4 { line-height: 1.63; margin-top: 0px; }
}
.shortlist-notification { position: fixed; top: 0; bottom: 0; left: 0; right: 0; transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 99999; }
.shortlist-notification:target { visibility: visible; opacity: 1; }
.shortlist-notification .shortlist-noticiation-popup { left: unset; position: absolute; top: 131px; right: 111px; background: #ffffff; transition: all 5s ease-in-out; margin: 0 auto; width: 329px; padding: 16px 16px 24px 20px; min-height: 164px; }
@media screen and (max-width: 1024px) {
.shortlist-notification .shortlist-noticiation-popup { top: 98px; right: 37px; }
}
@media screen and (max-width: 767px) {
.shortlist-notification .shortlist-noticiation-popup { width: 100%; right: 0px; padding: 16px 0px 26px 15px; top: 102px; margin-top: 9px; min-height: 164px; }
}
.shortlist-notification .shortlist-noticiation-popup .product-details { padding-top: 0px; padding-left: 8px; float: left; }
@media screen and (max-width: 767px) {
.shortlist-notification .shortlist-noticiation-popup .product-details { padding-left: 16px; }
}
.shortlist-notification .shortlist-noticiation-popup .header-text { margin-bottom: 8px; line-height: 1.63; letter-spacing: normal; text-align: left; }
@media screen and (max-width: 1024px) {
.shortlist-notification .shortlist-noticiation-popup .header-text { font-weight: 600; }
}
.shortlist-notification .shortlist-noticiation-popup h6 { margin: 0px; font-size: 16px; line-height: 1.5; }
@media screen and (max-width: 767px) {
.shortlist-notification .shortlist-noticiation-popup h6 { font-size: 14px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #000000; padding-bottom: 4; }
}
.shortlist-notification .shortlist-noticiation-popup .product-image { padding-left: 0px; padding-right: 0px; float: left; width: 135px; }
@media screen and (max-width: 767px) {
.shortlist-notification .shortlist-noticiation-popup .product-image { width: 95px; }
}
.shortlist-notification .shortlist-noticiation-popup .productname { font-size: 16px; font-weight: 600; color: #000000; }
@media screen and (max-width: 767px) {
.shortlist-notification .shortlist-noticiation-popup .productname { font-size: 14px; line-height: 1.5; margin-bottom: 0px; }
}
.shortlist-notification .shortlist-noticiation-popup .productinfo { font-size: 14px; color: rgba(0, 0, 0, 0.76); margin-bottom: 3px; }
@media screen and (max-width: 767px) {
.shortlist-notification .shortlist-noticiation-popup .productinfo { line-height: 1.5; margin-bottom: 0px; padding-bottom: 2px; }
}
@media screen and (max-width: 1024px) {
.shortlist-notification .shortlist-noticiation-popup .productinfo { font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; font-weight: normal; }
}
.shortlist-notification .shortlist-noticiation-popup .productprice { font-size: 14px; line-height: normal; }
@media screen and (max-width: 767px) {
.shortlist-notification .shortlist-noticiation-popup .productprice { line-height: 1.5; margin-bottom: 0px; }
}
.shortlist-page { background-color: #f5f5f5; }
@media screen and (max-width: 1024px) {
.shortlist-page { padding-left: 17px; padding-right: 17px; }
}
@media screen and (max-width: 767px) {
.shortlist-page { padding-left: 15px; padding-right: 15px; }
}
.shortlist-page .header-text { margin-top: 0px; font-size: 40px; padding-top: 24px; padding-bottom: 16px; }
@media screen and (max-width: 1024px) {
.shortlist-page .header-text { line-height: 1.2; padding-top: 32px; padding-bottom: 0px; margin-bottom: 0px; }
}
@media screen and (max-width: 767px) {
.shortlist-page .header-text { padding-top: 16px; font-family: Montserrat; line-height: normal; }
}
.shortlist-page .empty_shortlist { padding-bottom: 100px; }
.shortlist-page .nt-tabmenu { background-color: transparent; border-bottom: 1px solid #d8d8d8; }
@media screen and (max-width: 1024px) {
.shortlist-page .nt-tabmenu { border: none; }
}
.shortlist-page .nt-tabmenu .tabs-left { margin: 16px 0px 0; border-bottom: none; text-transform: uppercase; }
@media screen and (max-width: 1024px) {
.shortlist-page .nt-tabmenu .tabs-left { margin: 0px; }
}
.shortlist-page .nt-tabmenu .tabs-left li { background-color: transparent; border: none; font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 1.56; letter-spacing: 1px; padding-left: 0px; margin-right: 57px;/*
  				&:after{
  					content: ".";
  				    position: absolute;
  					right: -27px;
  				    top: -18px;
  				    font-size: 40px;
  				    color:#c4c4c4;
  				}
  				&:last-child{
  					&:after{
  						content: ".";
  					    position: absolute;
  					    right: -7px;
  					    top: -28px;
  					    font-size: 40px;
  					    color: #ff4040;
  					    @include screen (med){
  						    top: -23px;
  					    }
  					    @include screen (small){
  						    top: -23px;
  					    }
  					}
  					@include screen (small){
  						margin-right: 0px;
  					}
  				}
  */ }
@media screen and (max-width: 1024px) {
.shortlist-page .nt-tabmenu .tabs-left li { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; line-height: 1.5; letter-spacing: normal; color: rgba(0, 0, 0, 0.76); }
}
@media screen and (max-width: 767px) {
.shortlist-page .nt-tabmenu .tabs-left li { margin-right: 42px; }
}
.shortlist-page .nt-tabmenu .tabs-left li.active a { background-color: transparent; border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.76); color: rgba(0, 0, 0, 0.76); padding-left: 0px; padding-right: 0px; }
@media screen and (max-width: 1024px) {
.shortlist-page .nt-tabmenu .tabs-left li.active a { border-bottom: none; padding-top: 13px; }
}
.shortlist-page .nt-tabmenu .tabs-left li a { border: none; color: rgba(0, 0, 0, 0.4); padding-left: 0px; padding-right: 0px; }
.shortlist-page .nt-tabmenu .tabs-left li a:hover { background-color: transparent; }
@media screen and (max-width: 1024px) {
.shortlist-page .nt-tabmenu .tabs-left li a { padding-top: 13px; }
}
.shortlist-page .yourshortlist { /*
  			.grid:after {
  			  content: '';
  			  display: block;
  			  clear: both;
  			}
  			.grid-sizer,
  			.grid-item {
  			  width: 33.33%;
  			}
  			.grid-item {
  				float: left;
  			}
  */ }
.shortlist-page .yourshortlist .grid-modal:after { content: ''; display: block; clear: both; }
.shortlist-page .yourshortlist .grid-sizer, .shortlist-page .yourshortlist .grid-modal-item { width: 25%; }
@media screen and (max-width: 1024px) {
.shortlist-page .yourshortlist .grid-sizer, .shortlist-page .yourshortlist .grid-modal-item { width: 50%; }
}
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .grid-sizer, .shortlist-page .yourshortlist .grid-modal-item { width: 100%; }
}
.shortlist-page .yourshortlist .grid-modal-item { float: left; }
.shortlist-page .yourshortlist .shortlistcount { color: #3a3a3a; padding-top: 18px; border-bottom: 1px solid #d8d8d8; }
@media screen and (max-width: 1024px) {
.shortlist-page .yourshortlist .shortlistcount { padding-bottom: 4px; }
}
.shortlist-page .yourshortlist .headermsg { padding-top: 34px; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.42; letter-spacing: normal; color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 1024px) {
.shortlist-page .yourshortlist .headermsg { padding-top: 16px; padding-bottom: 16px; margin-bottom: 0px; font-size: 20px; line-height: 1.7; }
}
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .headermsg { line-height: 1.5; padding-bottom: 8px; padding-top: 8px; }
}
.shortlist-page .yourshortlist .submsg { width: 429px; font-family: 'Open Sans', sans-serif; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; color: #000000; padding-top: 32px; padding-bottom: 90px; }
@media screen and (max-width: 1024px) {
.shortlist-page .yourshortlist .submsg { padding-top: 0px; padding-bottom: 32px; }
}
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .submsg { width: auto; padding-bottom: 24px; }
}
.shortlist-page .yourshortlist .browsingbtn { font-weight: 600; font-style: normal; font-stretch: normal; letter-spacing: 1px; color: #ffffff; background-color: #000000; padding: 18px 16px; text-transform: uppercase; width: 330px; display: block; padding-right: 0px; text-align: left; }
@media screen and (max-width: 1024px) {
.shortlist-page .yourshortlist .browsingbtn { padding: 13px 16px; font-family: 'Open Sans', sans-serif; font-size: 18px; }
}
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .browsingbtn { width: 100%; }
}
.shortlist-page .yourshortlist .browsingbtn .icon-chevron_right_dark { font-size: 23px; vertical-align: top; float: right; padding-top: 3px; padding-right: 16px; }
@media screen and (max-width: 1024px) {
.shortlist-page .yourshortlist .browsingbtn .icon-chevron_right_dark { padding-right: 0px; }
}
@media screen and (max-width: 1024px) {
.shortlist-page .yourshortlist .yourshortlistimage { padding-top: 60px; }
}
.shortlist-page .yourshortlist .yourshortlistimage .bannerimg { padding-top: 10px; }
.shortlist-page .yourshortlist .user_shortlist_count { font-weight: normal; line-height: normal; letter-spacing: normal; color: #3a3a3a; margin-bottom: 0px; font-size: 18px; margin-top: 10px; }
@media screen and (max-width: 1024px) {
.shortlist-page .yourshortlist .user_shortlist_count { color: rgba(0, 0, 0, 0.8); margin-top: 21px; line-height: 1.56; letter-spacing: normal; text-align: left; color: #3a3a3a; border-bottom: 1px solid #d8d8d8; padding-bottom: 4px; margin-bottom: 0px; }
}
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .user_shortlist_count { font-size: 14px; color: rgba(0, 0, 0, 0.76); margin-top: 10px; }
}
.shortlist-page .yourshortlist .user_share_shortlist_count { font-weight: normal; line-height: normal; letter-spacing: normal; color: #3a3a3a; margin-bottom: 0px; margin-top: 17px; font-size: 18px; margin-top: 10px; }
@media screen and (max-width: 1024px) {
.shortlist-page .yourshortlist .user_share_shortlist_count { color: rgba(0, 0, 0, 0.8); margin-top: 21px; line-height: 1.56; letter-spacing: normal; text-align: left; color: #3a3a3a; border-bottom: 1px solid #d8d8d8; padding-bottom: 4px; margin-bottom: 0px; margin-top: 10px; }
}
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .user_share_shortlist_count { font-size: 14px; color: rgba(0, 0, 0, 0.76); }
}
.shortlist-page .yourshortlist .two_image_left { padding-right: 4px; }
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .two_image_left { padding-left: 2px; }
}
.shortlist-page .yourshortlist .two_image_right { padding-left: 5px; }
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .two_image_right { padding-left: 1px; }
}
.shortlist-page .yourshortlist .three_image .single_image_left { padding-right: 3px; }
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .three_image .single_image_left { padding-left: 2px; }
}
.shortlist-page .yourshortlist .three_image .last_image { margin-bottom: 4px; }
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .three_image .last_image { padding-left: 1px; }
}
.shortlist-page .yourshortlist .shortlist_product_details { padding-top: 16px; }
@media screen and (max-width: 1024px) {
.shortlist-page .yourshortlist .shortlist_product_details { padding-top: 8px; }
}
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .shortlist_product_details { padding-bottom: 9px; }
}
.shortlist-page .yourshortlist .shortlist_product_details .product_name { margin: 0px; color: rgba(0, 0, 0, 0.76); padding-bottom: 4px; }
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .shortlist_product_details .product_name { line-height: 1.5; letter-spacing: normal; padding-bottom: 0px; }
}
.shortlist-page .yourshortlist .shortlist_product_details .product_update_date { opacity: 0.36; margin: 0px; font-weight: normal; line-height: 1.63; letter-spacing: normal; text-transform: none; font-size: 16px; }
@media screen and (max-width: 1024px) {
.shortlist-page .yourshortlist .shortlist_product_details .product_update_date { padding-bottom: 4px; }
}
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .shortlist_product_details .product_update_date { line-height: 1.5; padding-bottom: 5px; }
}
.shortlist-page .yourshortlist .shortlist_product_details .share_product_update_date { opacity: 0.36; margin: 0px; font-family: 'Open Sans', sans-serif; font-weight: normal; line-height: 1.63; letter-spacing: normal; text-transform: none; padding-bottom: 4px; }
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .shortlist_product_details .share_product_update_date { line-height: 1.5; padding-bottom: 5px; }
}
.shortlist-page .yourshortlist .shortlist_product_details .recent_added:after { content: "."; position: absolute; color: #ff4040; font-size: 25px; top: 2px; }
@media screen and (max-width: 1024px) {
.shortlist-page .yourshortlist .shortlist_product_details .recent_added:after { top: -7px; padding-left: 2px; }
}
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .shortlist_product_details .recent_added:after { top: -7px; padding-left: 2px; }
}
.shortlist-page .yourshortlist .shortlist_product_details .product_seen { opacity: 0.36; margin: 0px; font-family: 'Open Sans', sans-serif; font-weight: normal; line-height: 1.63; letter-spacing: normal; text-transform: none; font-size: 16px; }
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .shortlist_product_details .product_seen { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; }
}
.shortlist-page .yourshortlist .single_image { width: 100%; }
.shortlist-page .yourshortlist .end_of_shortlist { margin-top: 71px; border-bottom: 1px solid #d8d8d8; margin-bottom: 100px; }
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .end_of_shortlist { margin-bottom: 14px; margin-top: 24px; }
}
.shortlist-page .yourshortlist .end_of_shortlist p { opacity: 0.36; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.63; letter-spacing: normal; text-align: left; color: #000000; }
.shortlist-page .yourshortlist .share_end_of_shortlist { margin-top: 67px; border-bottom: 1px solid #d8d8d8; margin-bottom: 100px; }
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .share_end_of_shortlist { margin-bottom: 14px; margin-top: 24px; }
}
.shortlist-page .yourshortlist .share_end_of_shortlist p { opacity: 0.36; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.63; letter-spacing: normal; text-align: left; color: #000000; }
.shortlist-page .yourshortlist .default_spacing { padding-left: 14px; padding-right: 14px; margin-top: 16px; margin-bottom: 16px; }
@media screen and (max-width: 1024px) {
.shortlist-page .yourshortlist .default_spacing { margin-top: 24px; padding-left: 18px; padding-right: 18px; }
}
@media screen and (max-width: 767px) {
.shortlist-page .yourshortlist .default_spacing { padding-left: 15px; padding-right: 15px; }
}
.shortlist-page .yourshortlist .default_spacing_shared { padding-left: 18px; padding-right: 13px; margin-top: 16px; }
@media screen and (max-width: 1024px) {
.shortlist-page .yourshortlist .default_spacing_shared { margin-top: 24px; padding-left: 20px; padding-right: 16px; }
}
@media screen and (max-width: 1024px) {
.shortlist-page .yourshortlist .default_spacing_shared { padding-left: 15px; padding-right: 15px; }
}
.shareshortlist .shareshortlist-modal { position: relative; top: 50px; transition: all 5s ease-in-out; margin: 0 auto; width: 570px; overflow-y: scroll; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 -2px 8px 0 rgba(0, 0, 0, 0.09); }
@media screen and (max-width: 767px) {
.shareshortlist .shareshortlist-modal { top: 0; width: 100%; height: 100%; }
}
.shareshortlist .shareshortlist-modal .modal-content { height: 100%; background-color: #f9f9f9; }
.shareshortlist .shareshortlist-modal .modal-content .modal-body { padding: 0px; }
.shareshortlist .shareshortlist-modal .modal-content .modal-body .form-wrapper { padding: 24px 30px 0px 29px; }
@media screen and (max-width: 767px) {
.shareshortlist .shareshortlist-modal .modal-content .modal-body .form-wrapper { padding: 15px 15px 0px 15px; }
}
.shareshortlist .shareshortlist-modal .modal-content .modal-body .header { margin: 0px; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 767px) {
.shareshortlist .shareshortlist-modal .modal-content .modal-body .header { text-align: left; }
}
.shareshortlist .shareshortlist-modal .modal-content .modal-body .icon-cancel { font-size: 24px; }
@media screen and (max-width: 767px) {
.shareshortlist .shareshortlist-modal .modal-content .modal-body .icon-cancel { font-size: 20px; }
}
.shareshortlist .shareshortlist-modal .modal-content .modal-body .close { opacity: 1; }
.shareshortlist .shareshortlist-modal .modal-content .modal-body .sub-header { font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; text-align: center; color: #000000; margin-top: 20px; padding-bottom: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); margin-bottom: 0px; }
@media screen and (max-width: 767px) {
.shareshortlist .shareshortlist-modal .modal-content .modal-body .sub-header { padding-bottom: 10px; }
}
.shareshortlist .shareshortlist-modal .modal-content .modal-body .user-form { padding-top: 24px; padding-bottom: 6px; font-size: 16px; font-weight: normal; line-height: 1.63; color: #000000; }
@media screen and (max-width: 767px) {
.shareshortlist .shareshortlist-modal .modal-content .modal-body .user-form { padding-top: 10px; }
}
.shareshortlist .shareshortlist-modal .modal-content .modal-body .user-form .name-field { padding-left: 0px; margin-bottom: 18px; }
@media screen and (max-width: 1024px) {
.shareshortlist .shareshortlist-modal .modal-content .modal-body .user-form .name-field { padding-right: 0px; }
}
.shareshortlist .shareshortlist-modal .modal-content .modal-body .user-form .email-field { padding-right: 0px; margin-bottom: 18px; }
@media screen and (max-width: 1024px) {
.shareshortlist .shareshortlist-modal .modal-content .modal-body .user-form .email-field { padding-left: 0px; }
}
.shareshortlist .shareshortlist-modal .modal-content .modal-body .user-form .form-field .name-input-field { width: 100%; padding: 8px 0px 8px 16px; height: 45px; margin-top: 6px; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; border: 1px solid rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 1024px) {
.shareshortlist .shareshortlist-modal .modal-content .modal-body .user-form .form-field .name-input-field { border: 1px solid rgba(0, 0, 0, 0.76); height: 45px; padding-right: 15px; }
}
.shareshortlist .shareshortlist-modal .modal-content .modal-body .user-form .form-field .description { display: block; width: 100%; height: 96px; padding-top: 10px; padding-left: 15px; margin-top: 4px; resize: none; border: 1px solid rgba(0, 0, 0, 0.76); }
.shareshortlist .shareshortlist-modal .modal-content .modal-body .user-form .form-field .description ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: #3a3a3a;
}
.shareshortlist .shareshortlist-modal .modal-content .modal-body .user-form .form-field .description ::-moz-placeholder {
  /* Firefox 19+ */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: #3a3a3a;
}
.shareshortlist .shareshortlist-modal .modal-content .modal-body .user-form .form-field .description :-ms-input-placeholder {
  /* IE 10+ */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: #3a3a3a;
}
.shareshortlist .shareshortlist-modal .modal-content .modal-body .user-form .form-field .description :-moz-placeholder {
  /* Firefox 18- */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: #3a3a3a;
}
.shareshortlist .shareshortlist-modal .modal-content .modal-body .btn-div { height: 98px; box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.16); background-color: #f6f6f6; text-align: right; font-family: 'Open Sans', sans-serif; padding: 24px 0px; }
@media screen and (max-width: 767px) {
.shareshortlist .shareshortlist-modal .modal-content .modal-body .btn-div { padding: 0px; box-shadow: none; height: auto; bottom: 0; position: fixed; width: 100%; display: flex; }
}
.shareshortlist .shareshortlist-modal .modal-content .modal-body .btn-div .cancel-btn { padding: 13px 24px; font-size: 18px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #000000; border: 1px solid #000000; width: 148px; float: none; }
@media screen and (max-width: 767px) {
.shareshortlist .shareshortlist-modal .modal-content .modal-body .btn-div .cancel-btn { float: right; width: 50%; }
}
.shareshortlist .shareshortlist-modal .modal-content .modal-body .btn-div .invite_btn { padding: 13px 24px; font-size: 18px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; background-color: #000000; border: 1px solid #000000; width: 148px; float: none; margin-right: 30px; margin-left: 32px; }
@media screen and (max-width: 767px) {
.shareshortlist .shareshortlist-modal .modal-content .modal-body .btn-div .invite_btn { width: 50%; margin-right: 0px; margin-left: 0; }
}
.view-shortlist .grid-modal:after { content: ''; display: block; clear: both; }
.view-shortlist .grid-sizer, .view-shortlist .grid-modal-item { width: 33.33%; }
@media screen and (max-width: 1024px) {
.view-shortlist .grid-sizer, .view-shortlist .grid-modal-item { width: 50%; }
}
@media screen and (max-width: 767px) {
.view-shortlist .grid-sizer, .view-shortlist .grid-modal-item { width: 100%; }
}
.view-shortlist .grid-modal-item { float: left; }
@media screen and (max-width: 1024px) {
.view-shortlist .welcome_banner { width: 100%; margin: 0px; padding: 0px; }
}
@media screen and (max-width: 767px) {
.view-shortlist .welcome_banner { width: 100%; margin: 0px; padding: 0px; }
}
@media screen and (max-width: 1024px) {
.view-shortlist .sign-up-container { width: 100%; margin: 0px; padding: 0px; }
}
@media screen and (max-width: 767px) {
.view-shortlist .sign-up-container { width: 100%; margin: auto; padding-letf: 15px; padding-right: 15px; }
}
.view-shortlist .sign-up { background-color: #ffffff; padding-bottom: 24px; display: flex; align-items: center; justify-content: center; }
@media screen and (max-width: 1024px) {
.view-shortlist .sign-up { position: fixed; bottom: 0; z-index: 999; width: 100%; background-color: #f5f5f5; }
}
@media screen and (max-width: 767px) {
.view-shortlist .sign-up { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
}
.view-shortlist .sign-up p { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.42; letter-spacing: normal; color: rgba(0, 0, 0, 0.76); padding: 24px 0px; margin: 0px; }
@media screen and (max-width: 1024px) {
.view-shortlist .sign-up p { font-size: 20px; line-height: 1.7; }
}
@media screen and (max-width: 767px) {
.view-shortlist .sign-up p { line-height: 1.5; clear: both; padding-top: 8px; padding-bottom: 16px; }
}
.view-shortlist .sign-up .sing-up-form .gform_wrapper { margin: 0px; }
.view-shortlist .sign-up .sing-up-form .gform_wrapper ul li.gfield { margin: 0px; padding-right: 30px; width: 330px; }
@media screen and (max-width: 1024px) {
.view-shortlist .sign-up .sing-up-form .gform_wrapper ul li.gfield { width: 250px; }
}
@media screen and (max-width: 767px) {
.view-shortlist .sign-up .sing-up-form .gform_wrapper ul li.gfield { padding: 0px; margin-bottom: 16px; width: 100%; }
}
.view-shortlist .sign-up .sing-up-form .gform_wrapper .gform_body { float: left; width: auto; }
@media screen and (max-width: 767px) {
.view-shortlist .sign-up .sing-up-form .gform_wrapper .gform_body { float: none; }
}
.view-shortlist .sign-up .sing-up-form .gform_wrapper .gform_body .gfield_label { display: none; }
.view-shortlist .sign-up .sing-up-form .gform_wrapper .gform_body .ginput_container { margin: 0px !important; }
.view-shortlist .sign-up .sing-up-form .gform_wrapper .gform_body .ginput_container .large { height: 50px; padding: 10px 0px 13px 15px !important; border: 1px solid #c4c4c4; }
.view-shortlist .sign-up .sing-up-form .gform_wrapper .gform_footer { width: auto; float: left; clear: none; padding: 0px; margin: 0px; }
@media screen and (max-width: 767px) {
.view-shortlist .sign-up .sing-up-form .gform_wrapper .gform_footer { margin-top: 8px; width: 100%; }
}
.view-shortlist .sign-up .sing-up-form .gform_wrapper .gform_footer .gform_button { background-color: #000000; color: white; text-align: center; padding: 13px 24px; display: inline-block; font-weight: 600; line-height: normal; border: 1px solid black; margin: 0px; width: 210px; }
@media screen and (max-width: 1024px) {
.view-shortlist .sign-up .sing-up-form .gform_wrapper .gform_footer .gform_button { width: 120px; }
}
@media screen and (max-width: 767px) {
.view-shortlist .sign-up .sing-up-form .gform_wrapper .gform_footer .gform_button { width: 100%; }
}
.view-shortlist .sign-up .close { opacity: 0.7; }
@media screen and (max-width: 1024px) {
.view-shortlist .sign-up .close { position: absolute; top: 0; right: 30px; margin-top: 14px; }
}
@media screen and (max-width: 767px) {
.view-shortlist .sign-up .close { margin-top: 17px; margin-right: 0px; position: static; }
}
.view-shortlist .sign-up .icon-close { font-size: 18px; }
.view-shortlist .sign-up .form-field { height: 50px; margin-right: 30px; padding: 10px 0px 13px 15px; border: 1px solid #c4c4c4; }
@media screen and (max-width: 1024px) {
.view-shortlist .sign-up .form-field { width: 250px; }
}
@media screen and (max-width: 767px) {
.view-shortlist .sign-up .form-field { margin: 0px; width: 100%; margin-bottom: 16px; }
}
.view-shortlist .sign-up ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 line-height: 1.56;
 opacity: 0.36;
 color: #000000;
}
.view-shortlist .sign-up ::-moz-placeholder {
  /* Firefox 19+ */
  font-family: 'Open Sans', sans-serif;
 font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 line-height: 1.56;
 opacity: 0.36;
 color: #000000;
}
.view-shortlist .sign-up :-ms-input-placeholder {
  /* IE 10+ */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 line-height: 1.56;
 opacity: 0.36;
 color: #000000;
}
.view-shortlist .sign-up :-moz-placeholder {
  /* Firefox 18- */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 line-height: 1.56;
 opacity: 0.36;
 color: #000000;
}
.view-shortlist .sign-up .sign-up-btn { width: 210px; height: 50px; background-color: #000000; color: white; text-align: center; padding: 10px 24px; display: inline-block; font-weight: 600; line-height: normal; border: 1px solid black; }
@media screen and (max-width: 1024px) {
.view-shortlist .sign-up .sign-up-btn { background-color: #000000; opacity: 1; width: 120px; height: 50px; margin-top: 0px; padding: 13px 0px; font-size: 18px; margin-bottom: 0px; }
}
@media screen and (max-width: 767px) {
.view-shortlist .sign-up .sign-up-btn { width: 100%; margin-top: 17px; }
}
.view-shortlist .welcome_user { background-image: url(http://nitco.noesis.tech/wp-content/uploads/2018/05/stores-banner.jpg); height: 300px; margin-top: 17px; margin-bottom: 8px; }
@media screen and (max-width: 1024px) {
.view-shortlist .welcome_user { margin-top: 0px; margin-bottom: 0px; }
}
.view-shortlist .welcome_user h1 { font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; margin: 0px; padding-top: 64px; padding-bottom: 16px; }
@media screen and (max-width: 1024px) {
.view-shortlist .welcome_user h1 { font-size: 48px; padding-bottom: 8px; }
}
@media screen and (max-width: 767px) {
.view-shortlist .welcome_user h1 { font-size: 30px; padding-bottom: 9px; }
}
.view-shortlist .welcome_user .welcome_msg { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.42; letter-spacing: normal; text-align: center; color: #ffffff; margin: 0px; }
@media screen and (max-width: 1024px) {
.view-shortlist .welcome_user .welcome_msg { font-size: 20px; }
}
@media screen and (max-width: 767px) {
.view-shortlist .welcome_user .welcome_msg { font-size: 14px; line-height: 1.5; }
}
.view-shortlist .header { margin-top: 24px; margin-bottom: 30px; }
@media screen and (max-width: 1024px) {
.view-shortlist .header { margin-top: 32px; margin-bottom: 32px; }
}
@media screen and (max-width: 767px) {
.view-shortlist .header { margin-top: 16px; margin-bottom: 24px; }
}
.view-shortlist .header .header-text { margin: 0px; line-height: normal; letter-spacing: normal; color: rgba(0, 0, 0, 0.8); }
@media screen and (max-width: 1024px) {
.view-shortlist .header .header-text { line-height: 1.2; }
}
@media screen and (max-width: 767px) {
.view-shortlist .header .header-text { line-height: normal; }
}
.view-shortlist .header .text-div { float: left; }
.view-shortlist .header .text-div .sub-text { font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; margin-top: 8px; margin-bottom: 0px; font-size: 18px; }
.view-shortlist .header .header-btn-share { float: right; padding: 18px 16px; border: 1px solid #000000; background-color: transparent; font-weight: 600; line-height: normal; letter-spacing: 1px; color: #000000; font-family: 'Open Sans', sans-serif; text-transform: uppercase; cursor: default; }
@media screen and (max-width: 1024px) {
.view-shortlist .header .header-btn-share { padding: 13px 16px; }
}
@media screen and (max-width: 767px) {
.view-shortlist .header .header-btn-share { left: 0; bottom: 0; position: fixed; width: 100%; z-index: 999; background-color: #f5f5f5; text-align: left; }
}
.view-shortlist .header .header-btn-share .icon-share { font-size: 23px; padding-left: 40px; vertical-align: sub; }
@media screen and (max-width: 1024px) {
.view-shortlist .header .header-btn-share .icon-share { padding-left: 20px; }
}
@media screen and (max-width: 767px) {
.view-shortlist .header .header-btn-share .icon-share { float: right; padding-left: 0px; }
}
.view-shortlist .no_shortlist_msg { margin-bottom: 23px; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #616161; font-family: 'Open Sans', sans-serif; padding-bottom: 10px; }
.view-shortlist .edit-delete-section { margin-bottom: 23px; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #616161; font-family: 'Open Sans', sans-serif; padding-bottom: 10px; border-bottom: 1px solid #d8d8d8; }
@media screen and (max-width: 1024px) {
.view-shortlist .edit-delete-section { margin-bottom: 32px; padding-bottom: 4px; }
}
@media screen and (max-width: 767px) {
.view-shortlist .edit-delete-section { border: none; margin-bottom: 0px; }
}
.view-shortlist .edit-delete-section .update-section { float: left; }
@media screen and (max-width: 1024px) {
.view-shortlist .edit-delete-section .update-section { font-size: 16px; line-height: 1.56; color: rgba(0, 0, 0, 0.4); }
}
@media screen and (max-width: 767px) {
.view-shortlist .edit-delete-section .update-section { padding: 0px; color: rgba(0, 0, 0, 0.6); }
}
@media screen and (max-width: 767px) {
.view-shortlist .edit-delete-section .More-share-btn { padding-left: 0px !important; }
}
@media screen and (max-width: 767px) {
.view-shortlist .edit-delete-section .More-share-count { padding-left: 0px !important; }
}
.view-shortlist .edit-delete-section .items-count { padding-left: 40px; }
@media screen and (max-width: 1024px) {
.view-shortlist .edit-delete-section .items-count { padding-left: 32px; }
}
@media screen and (max-width: 767px) {
.view-shortlist .edit-delete-section .items-count { padding-left: 24px; color: rgba(0, 0, 0, 0.6); }
}
.view-shortlist .edit-delete-section .share_count { color: #3a3a3a; padding-left: 40px; }
@media screen and (max-width: 1024px) {
.view-shortlist .edit-delete-section .share_count { letter-spacing: normal; color: #000000; padding-left: 42px; }
}
@media screen and (max-width: 767px) {
.view-shortlist .edit-delete-section .share_count { padding: 16px 0px 10px 0px; }
}
.view-shortlist .edit-delete-section .less-btn { padding-left: 46px; color: rgba(0, 0, 0, 0.85); margin-top: 16px; padding-bottom: 10px; text-decoration: underline; }
.view-shortlist .edit-delete-section .edit-btn { font-size: 14px; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); float: right; padding-right: 32px; cursor: default; }
@media screen and (max-width: 767px) {
.view-shortlist .edit-delete-section .edit-btn { padding: 13px 34px 13px 39px; background-color: white; border-right: 1px solid rgba(0, 0, 0, 0.16); width: 50%; margin-bottom: 12px; }
}
.view-shortlist .edit-delete-section .edit-btn .icon-edit { font-size: 24px; vertical-align: middle; padding-right: 8px; }
.view-shortlist .edit-delete-section .delete-btn { font-size: 14px; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); float: right; cursor: default; }
@media screen and (max-width: 767px) {
.view-shortlist .edit-delete-section .delete-btn { padding: 13px 34px 13px 39px; background-color: white; width: 50%; margin-bottom: 12px; }
}
.view-shortlist .edit-delete-section .delete-btn .icon-delete { font-size: 24px; vertical-align: middle; padding-right: 8px; }
.view-shortlist .edit-delete-section .tooltip-without-border { min-height: 10px; height: auto; min-width: 510px; bottom: unset; top: 100%; margin-top: 10px; }
@media screen and (max-width: 767px) {
.view-shortlist .edit-delete-section .tooltip-without-border { min-width: 300px; width: auto; left: 90%; margin-top: 0px; }
}
.view-shortlist .edit-delete-section .tooltip-without-border:after { bottom: 100%; top: unset; border-bottom: 0.5em solid #ffffff; border-top: 0; }
@media screen and (max-width: 767px) {
.view-shortlist .edit-delete-section .tooltip-without-border:after { left: 29%; }
}
.view-shortlist .edit-delete-section .tooltip-without-border ul { margin-left: 16px; margin-right: 16px; margin-bottom: 14px; list-style-type: none; }
.view-shortlist .edit-delete-section .tooltip-without-border ul li { float: left; font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 1.56; color: #000000; }
.view-shortlist .edit-delete-section .tooltip-without-border ul li:after { content: " ,"; }
.view-shortlist .edit-delete-section .tooltip-without-border ul li:last-child:after { content: ""; }
.view-shortlist .product_name { float: left; line-height: normal; letter-spacing: normal; margin-top: 8px; margin-bottom: 0px; }
@media screen and (max-width: 1024px) {
.view-shortlist .product_name { line-height: 1.63; }
}
.view-shortlist .remove-btn { float: right; margin-bottom: 0px; margin-top: 8px; }
.view-shortlist .remove-btn .remove-text { font-size: 14px; font-weight: normal; letter-spacing: 0.5px; color: #000000; }
@media screen and (max-width: 767px) {
.view-shortlist .remove-btn .remove-text { display: none; }
}
.view-shortlist .remove-btn .icon-delete { font-size: 18px; vertical-align: middle; padding-right: 8px; color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 767px) {
.view-shortlist .remove-btn .icon-delete { padding-right: 0px; }
}
.view-shortlist .image_space { padding-left: 15px; padding-right: 15px; padding-bottom: 32px; }
@media screen and (max-width: 1024px) {
.view-shortlist .image_space { padding-left: 15px; padding-right: 10px; padding-bottom: 24px; }
}
@media screen and (max-width: 767px) {
.view-shortlist .image_space { padding-left: 15px; padding-right: 15px; padding-bottom: 24px; }
}
.view-shortlist img { width: 100%; height: auto; }
.view-shortlist .end-of-shortlist { opacity: 0.36; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.63; letter-spacing: normal; padding-bottom: 21px; }
@media screen and (max-width: 1024px) {
.view-shortlist .end-of-shortlist { padding-top: 51px; padding-bottom: 34px; }
}
.edit-shortlist .modal { z-index: 999999; }
.edit-shortlist .edit-shortlist-modal { position: relative; top: 338px; transition: all 5s ease-in-out; margin: 0 auto; width: 570px; overflow-y: scroll; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 -2px 8px 0 rgba(0, 0, 0, 0.09); }
@media screen and (max-width: 767px) {
.edit-shortlist .edit-shortlist-modal { top: 0px; width: 100%; height: 100%; }
}
.edit-shortlist .edit-shortlist-modal .modal-content { height: 100%; }
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body { padding: 0px; background-color: #f5f5f5; }
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .form-wrapper { padding: 24px 30px 0px 29px; }
@media screen and (max-width: 767px) {
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .form-wrapper { padding: 15px 15px 0px 15px; }
}
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .header { margin: 0px; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: rgba(0, 0, 0, 0.76); height: 68px; }
@media screen and (max-width: 767px) {
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .header { text-align: left; }
}
@media screen and (max-width: 1024px) {
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .header { height: 50px; }
}
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .icon-cancel { font-size: 24px; }
@media screen and (max-width: 767px) {
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .icon-cancel { font-size: 20px; }
}
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .close { opacity: 1; }
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .user-form { padding-top: 0px; padding-bottom: 6px; font-size: 16px; font-weight: normal; line-height: 1.63; color: #000000; padding-bottom: 0px; }
@media screen and (max-width: 767px) {
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .user-form { padding-top: 10px; }
}
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .user-form .name-field { padding-left: 0px; margin-bottom: 24px; }
@media screen and (max-width: 1024px) {
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .user-form .name-field { padding-right: 0px; }
}
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .user-form .form-field .name-input-field { width: 100%; padding: 8px 0px 13px 15px; height: 45px; margin-top: 6px; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; border: 1px solid rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 1024px) {
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .user-form .form-field .name-input-field { border: 1px solid rgba(0, 0, 0, 0.76); height: 45px; padding-right: 15px; }
}
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .user-form .form-field .name-input-field ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 color: #3a3a3a;
}
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .user-form .form-field .name-input-field ::-moz-placeholder {
  /* Firefox 19+ */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: #3a3a3a;
}
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .user-form .form-field .name-input-field :-ms-input-placeholder {
  /* IE 10+ */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: #3a3a3a;
}
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .user-form .form-field .name-input-field :-moz-placeholder {
  /* Firefox 18- */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: #3a3a3a;
}
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .user-form .form-field .description { display: block; width: 100%; height: 96px; padding-top: 10px; padding-left: 15px; padding-bottom: 0px; margin-top: 4px; resize: none; border: 1px solid rgba(0, 0, 0, 0.76); }
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .user-form .form-field .description ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: #3a3a3a;
}
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .user-form .form-field .description ::-moz-placeholder {
  /* Firefox 19+ */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: #3a3a3a;
}
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .user-form .form-field .description :-ms-input-placeholder {
  /* IE 10+ */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: #3a3a3a;
}
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .user-form .form-field .description :-moz-placeholder {
  /* Firefox 18- */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: #3a3a3a;
}
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .btn-div { clear: both; height: 98px; box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.16); background-color: #f5f5f5; text-align: right; font-family: 'Open Sans', sans-serif; padding: 24px 0px; }
@media screen and (max-width: 767px) {
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .btn-div { padding: 0px; box-shadow: none; height: auto; bottom: 0; position: fixed; width: 100%; display: flex; }
}
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .btn-div .cancel-btn { padding: 13px 24px; font-size: 18px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #000000; border: 1px solid #000000; width: 148px; float: none; }
@media screen and (max-width: 767px) {
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .btn-div .cancel-btn { float: right; width: 50%; }
}
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .btn-div .invite_btn { padding: 13px 24px; font-size: 18px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; background-color: #000000; border: 1px solid #000000; width: 148px; float: none; margin-right: 30px; margin-left: 32px; }
@media screen and (max-width: 767px) {
.edit-shortlist .edit-shortlist-modal .modal-content .modal-body .btn-div .invite_btn { width: 50%; margin-right: 0px; margin-left: 0; }
}
.delete-shortlist .modal { z-index: 999999; }
.delete-shortlist .delete-shortlist-modal { position: relative; top: 50px; transition: all 5s ease-in-out; margin: 0 auto; width: 570px; overflow-y: scroll; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 -2px 8px 0 rgba(0, 0, 0, 0.09); }
@media screen and (max-width: 767px) {
.delete-shortlist .delete-shortlist-modal { top: 0px; width: 100%; height: 100%; }
}
.delete-shortlist .delete-shortlist-modal .modal-content { height: 100%; background-color: #f9f9f9; }
.delete-shortlist .delete-shortlist-modal .modal-content .modal-body { padding: 0px; }
.delete-shortlist .delete-shortlist-modal .modal-content .modal-body .form-wrapper { padding: 24px 30px 0px 30px; }
@media screen and (max-width: 767px) {
.delete-shortlist .delete-shortlist-modal .modal-content .modal-body .form-wrapper { padding: 15px 15px 0px 15px; }
}
.delete-shortlist .delete-shortlist-modal .modal-content .modal-body .header { margin: 0px; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: rgba(0, 0, 0, 0.76); margin-bottom: 24px; }
@media screen and (max-width: 767px) {
.delete-shortlist .delete-shortlist-modal .modal-content .modal-body .header { text-align: left; }
}
.delete-shortlist .delete-shortlist-modal .modal-content .modal-body .icon-cancel { font-size: 24px; }
@media screen and (max-width: 767px) {
.delete-shortlist .delete-shortlist-modal .modal-content .modal-body .icon-cancel { font-size: 20px; }
}
.delete-shortlist .delete-shortlist-modal .modal-content .modal-body .close { opacity: 1; }
.delete-shortlist .delete-shortlist-modal .modal-content .modal-body .msg { font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; letter-spacing: normal; text-align: center; margin: 0px; font-size: 18px; }
.delete-shortlist .delete-shortlist-modal .modal-content .modal-body .btn-div { text-align: center; font-family: 'Open Sans', sans-serif; margin-bottom: 48px; margin-top: 40px; }
@media screen and (max-width: 767px) {
.delete-shortlist .delete-shortlist-modal .modal-content .modal-body .btn-div { position: fixed; bottom: 0; width: 100%; margin: 0px; }
}
.delete-shortlist .delete-shortlist-modal .modal-content .modal-body .btn-div .cancel-btn { padding: 13px 24px; font-size: 18px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #000000; border: 1px solid #000000; width: 148px; float: none; }
@media screen and (max-width: 767px) {
.delete-shortlist .delete-shortlist-modal .modal-content .modal-body .btn-div .cancel-btn { float: right; width: 50%; }
}
.delete-shortlist .delete-shortlist-modal .modal-content .modal-body .btn-div .save_btn { padding: 13px 24px; font-size: 18px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; background-color: #000000; border: 1px solid #000000; width: 148px; float: none; margin-right: 16px; }
@media screen and (max-width: 767px) {
.delete-shortlist .delete-shortlist-modal .modal-content .modal-body .btn-div .save_btn { width: 50%; margin-right: 0px; margin-left: 0; }
}
 @media screen and (max-width: 1024px) {
.lot-details .download-img-wrapper { margin-left: 17px; }
}
@media screen and (max-width: 767px) {
.lot-details .download-img-wrapper { margin-left: 15px; }
}
.lot-details .already-view { position: absolute; padding: 2px 10px; font-size: 12px !important; margin-top: 18px; background-color: #3d3d3d; color: white !important; }
.lot-details .product-details { padding-left: 17px; }
.lot-details .slider-info { background-color: #ffffff; font-size: 16px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; padding: 9px 0px 9px 16px; }
@media screen and (max-width: 767px) {
.lot-details .slider-info { padding-left: 15px; }
}
.lot-details .slider-info p { margin: 0px; }
.lot-details .slider-info .slab { font-size: 16px; font-weight: 600; float: left; padding-right: 39px; }
@media screen and (max-width: 1024px) {
.lot-details .slider-info .slab { padding-left: 16px; }
}
@media screen and (max-width: 1024px) {
.lot-details .slider-info .slab { padding: 0px; }
}
.lot-details .slider-info .size-info { font-size: 16px; font-weight: 600; float: left; }
.lot-details .slider-info .size-info .size-txt { color: rgba(0, 0, 0, 0.4); padding-right: 8px; }
@media screen and (max-width: 767px) {
.lot-details .slider-info .size-info { float: right; padding-right: 25px; }
}
.lot-details .slider-info .download { float: right; }
.lot-details .slider-info .download .icon-download { padding-right: 3px; font-size: 14px; }
.lot-details .slider-info .download .download-text { font-size: 14px; font-weight: normal; letter-spacing: normal; color: rgba(0, 0, 0, 0.76); padding-right: 16px; }
.lot-details .slider-info .view-larger { float: right; }
.lot-details .slider-info .view-larger .icon-enlarge { font-size: 14px; padding-right: 3px; }
.lot-details .slider-info .view-larger .larger-text { font-size: 14px; font-weight: normal; letter-spacing: normal; color: rgba(0, 0, 0, 0.76); padding-right: 16px; }
.lot-details .download-img-wrapper .download-banner { margin-top: 16px !important; }
.lot-details .download-img-wrapper P { font-weight: normal; }
.lot-details .product-details .breadcrums { margin-top: 16px !important; }
@media screen and (max-width: 1024px) {
.lot-details .product-details .breadcrums { margin-top: 32px !important; }
}
@media screen and (max-width: 767px) {
.lot-details .product-details .breadcrums { margin-top: 24px !important; font-size: 14px; }
}
.lot-details .product-details h2 { line-height: normal; letter-spacing: normal; margin-bottom: 30px; }
@media screen and (max-width: 1024px) {
.lot-details .product-details h2 { margin-top: 8px; margin-bottom: 24px; }
}
@media screen and (max-width: 767px) {
.lot-details .product-details h2 { margin-top: 4px; margin-bottom: 16px; }
}
.lot-details .product-details .group-variation { margin-bottom: 24px; }
.lot-details .product-details .group-variation .col-variation-lab { color: rgba(0, 0, 0, 0.4); line-height: unset; }
@media screen and (max-width: 1024px) {
.lot-details .product-details .group-variation .col-variation-lab { width: 16%; }
}
@media screen and (max-width: 1024px) {
.lot-details .product-details .group-variation .col-variation-lab { width: 30%; }
}
.lot-details .product-details .group-variation .col-variation-val { line-height: unset; }
.lot-details .product-details .group-variation .col-variation-val .val-option { font-weight: normal !important; }
@media screen and (max-width: 767px) {
.lot-details .product-details .group-variation .col-variation-val .val-option { line-height: 1.5; font-size: 14px; }
}
.lot-details .desk-primary-btn-black { height: 60px; padding: 18px 16px; line-height: normal; margin-top: 40px; margin-bottom: 24px; }
@media screen and (max-width: 1024px) {
.lot-details .tiles-hp-area { margin-bottom: 43px; }
}
@media screen and (max-width: 767px) {
.lot-details .tiles-hp-area { margin-bottom: 32px; padding-top: 18px; border: 1px solid rgba(0, 0, 0, 0.17); border-left: none; border-right: none; }
}
.lot-details .tiles-hp-area .order-smaple { display: unset !important; }
.lot-details .tiles-hp-area .text { font-weight: normal; color: rgba(0, 0, 0, 0.76); margin-right: 0px !important; }
.lot-details .tiles-hp-area .compare-sample { width: 52%; }
.lot-details .tiles-hp-area .compare-sample .icon-call { font-size: 18px; margin-right: 7px !important; }
@media screen and (max-width: 1024px) {
.lot-details .tiles-hp-area .compare-sample { width: auto !important; }
}
@media screen and (max-width: 767px) {
.lot-details .tiles-hp-area .compare-sample { display: block !important; }
}
.lot-details .tiles-hp-area .download { width: 48%; }
@media screen and (max-width: 1024px) {
.lot-details .tiles-hp-area .download { width: auto !important; }
}
.lot-details .tiles-hp-area .download .icon-download { font-size: 16px; }
.lot-details .tiles-hp-area .specsheet { width: 48%; }
@media screen and (max-width: 1024px) {
.lot-details .tiles-hp-area .specsheet { width: auto !important; }
}
@media screen and (max-width: 767px) {
.lot-details .tiles-hp-area .specsheet { display: block !important; margin-bottom: 16px !important; }
}
.lot-details .tiles-hp-area .specsheet .icon-schedule { font-size: 18px; }
.lot-details .tiles-hp-area .order-smaple { width: 48%; }
@media screen and (max-width: 1024px) {
.lot-details .tiles-hp-area .order-smaple { width: auto !important; }
}
.lot-details .tiles-hp-area .order-smaple .icon-visit { font-size: 17px; }
.lot-details .tiles-hp-area .icon-share { font-size: 17px; }
.lot-details .tiles-hp-area .tile-hp-col { margin-bottom: 24px; }
@media screen and (max-width: 1024px) {
.lot-details .tiles-hp-area .tile-hp-col { padding-right: 44px; }
}
.lot-details u { text-decoration: none; border-bottom: 2px solid black; }
.lot-details .logo-div { max-width: 90px; float: left; }
@media screen and (max-width: 1024px) {
.lot-details .content-div { width: 257px; float: left; }
}
@media screen and (max-width: 767px) {
.lot-details .content-div { width: 197px; }
}
.lot-details .content-div p { line-height: normal; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #000000; }
.lot-details .logo-div { border-radius: 50%; overflow: hidden; height: 90px; width: 90px; margin-right: 20px; }
@media screen and (max-width: 1024px) {
.lot-details .logo-div { width: 72px; height: 72px; }
}
.lot-details .logo-div img { height: 100%; }
.lot-details .design-idea { margin-bottom: 64px; }
@media screen and (max-width: 1024px) {
.lot-details .design-idea { margin-top: 48px; margin-bottom: 48px; }
}
@media screen and (max-width: 1024px) {
.lot-details .design-idea span { display: block; }
}
.lot-details .design-idea .row .detail-design-ideas h3 { font-size: 24px; line-height: 1.42; letter-spacing: normal; color: rgba(0, 0, 0, 0.76); margin: 0px 0px 8px 0px; }
@media screen and (max-width: 1024px) {
.lot-details .design-idea .row .detail-design-ideas h3 { display: block; margin-top: 16px; margin-bottom: 4px; font-size: 20px; line-height: 1.7; }
}
@media screen and (max-width: 767px) {
.lot-details .design-idea .row .detail-design-ideas h3 { margin-top: 9px; }
}
.lot-details .design-idea .row .detail-design-ideas p { font-weight: normal; }
@media screen and (max-width: 1024px) {
.lot-details .design-idea .row .detail-design-ideas p { display: block; font-size: 14px; width: 348px; }
}
@media screen and (max-width: 767px) {
.lot-details .design-idea .row .detail-design-ideas p { display: block; font-size: 14px; width: auto; margin: 0px; }
}
@media screen and (max-width: 1024px) {
.lot-details .design-idea .row .look_palette { float: left; margin-top: 24px; }
}
@media screen and (max-width: 767px) {
.lot-details .design-idea .row .look_palette { display: block; }
}
.lot-details .design-idea .row .look_palette .desk-primary-btn-black { background-color: transparent; color: black; }
@media screen and (max-width: 1024px) {
.lot-details .design-idea .row .look_palette .desk-primary-btn-black { margin: 0px; }
}
@media screen and (max-width: 767px) {
.lot-details .design-idea .row .look_palette .desk-primary-btn-black { padding: 13px 16px; height: 50px; }
}
@media screen and (max-width: 1024px) {
.lot-details .design-idea .row .look_palette .downlaod-design-idea { display: block; margin-top: 24px; }
}
.lot-details .design-idea .row .look_palette .downlaod-design-idea .icon-download { font-size: 21px; vertical-align: middle; }
@media screen and (max-width: 1024px) {
.lot-details .design-idea .row .look_palette .downlaod-design-idea .icon-download { float: left; padding-left: 0px; padding-right: 5px; }
}
.lot-details .otherlot .swiper-button-next, .lot-details .otherlot .swiper-button-prev { background-color: white; background-image: none; top: 40%; }
@media screen and (max-width: 767px) {
.lot-details .otherlot .swiper-button-next, .lot-details .otherlot .swiper-button-prev { display: none; }
}
@media screen and (max-width: 767px) {
.lot-details .otherlot .swiper-slide { width: 90% !important; }
}
.lot-details .otherlot .icon-chevron_s_left_dark, .lot-details .otherlot .icon-chevron_s_right_disabled { font-size: 25px; padding: 9px 4px; width: 32px; }
.lot-details .otherlot .header { margin-bottom: 24px; }
@media screen and (max-width: 1024px) {
.lot-details .otherlot .header { margin-bottom: 16px; }
}
@media screen and (max-width: 767px) {
.lot-details .otherlot .header { font-size: 22px; color: rgba(0, 0, 0, 0.76); margin-bottom: 8px; }
}
.lot-details .otherlot p { font-size: 32px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.76); font-family: 'Montserrat', sans-serif; }
.lot-details .otherlot .product-info p { font-size: 18px; font-weight: normal; color: #000000; margin-bottom: 8px; }
.lot-details .otherlot .product-info .product-name { font-family: 'Open Sans', sans-serif; padding-top: 8px; font-weight: 600; float: left; }
@media screen and (max-width: 767px) {
.lot-details .otherlot .product-info .product-name { padding-top: 4px; font-size: 16px; }
}
.lot-details .otherlot .product-info .product-details { padding-left: 0px; color: rgba(0, 0, 0, 0.76); font-family: 'Open Sans', sans-serif; font-weight: normal; }
.lot-details .otherlot .product-info .shortlist { padding-top: 8px; font-family: 'Open Sans', sans-serif; text-align: right; }
.lot-details .otherlot .product-info .shortlist .icon-shortlist { padding-right: 8px; vertical-align: middle; }
.lot-details .otherlot .product-info .shortlist .shortlist-text { letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); vertical-align: middle; }
.lot-details .natural-stone .swiper-button-next, .lot-details .natural-stone .swiper-button-prev { background-color: white; background-image: none; top: 40%; }
@media screen and (max-width: 767px) {
.lot-details .natural-stone .swiper-button-next, .lot-details .natural-stone .swiper-button-prev { display: none; }
}
.lot-details .natural-stone .stone-swiper { display: flex; overflow: scroll; flex-wrap: nowrap; }
@media screen and (max-width: 767px) {
.lot-details .natural-stone .stone-swiper .stone-swiper-col { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }
}
@media screen and (max-width: 767px) {
.lot-details .natural-stone .swiper-slide { width: 90% !important; }
}
.lot-details .natural-stone p { font-size: 32px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.76); font-family: 'Montserrat', sans-serif; margin-bottom: 24px; margin-top: 81px; }
@media screen and (max-width: 1024px) {
.lot-details .natural-stone p { margin-top: 32px; margin-bottom: 16px; font-size: 28px; }
}
@media screen and (max-width: 767px) {
.lot-details .natural-stone .header { font-size: 22px; margin-bottom: 8px; }
}
.lot-details .natural-stone .image-div-width { width: 33.33%; }
.lot-details .natural-stone .product-list { margin-bottom: 80px; }
@media screen and (max-width: 1024px) {
.lot-details .natural-stone .product-list .col-md-6 { float: left; margin-bottom: 0px; }
}
.lot-details .natural-stone .product-list .product-info p { font-size: 18px; font-weight: normal; color: #000000; margin-bottom: 8px; margin-top: 0px; font-family: 'Open Sans', sans-serif; }
.lot-details .natural-stone .product-list .product-info .product-name { padding-top: 16px; font-weight: normal; }
@media screen and (max-width: 1024px) {
.lot-details .natural-stone .product-list .product-info .product-name { padding-top: 4px; padding-bottom: 8px; margin-bottom: 0px; }
}
@media screen and (max-width: 767px) {
.lot-details .natural-stone .product-list .product-info .product-name { padding-bottom: 6px; }
}
.lot-details .natural-stone .product-list .product-info .product-details { padding-left: 0px; color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 1024px) {
.lot-details .natural-stone .product-list .product-info .product-details { padding: 0px; color: rgba(0, 0, 0, 0.76); margin-bottom: 24px; }
}
.lot-details .bottom-enquiry { background-color: black; color: white; position: fixed; bottom: 0; width: 100%; z-index: 1; }
.lot-details .bottom-enquiry .desk-primary-btn-black { width: 100%; margin: 0px; height: 50px; padding: 13px 16px; }
.lot-enquire .lot-enquire-modal { position: relative; top: 50px; transition: all 5s ease-in-out; margin: 0 auto; width: 690px; height: auto; overflow-y: scroll; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 -2px 8px 0 rgba(0, 0, 0, 0.09); }
@media screen and (max-width: 767px) {
.lot-enquire .lot-enquire-modal { top: 0; width: 100%; height: 100%; }
}
.lot-enquire .lot-enquire-modal .modal-content { height: auto; background-color: #f5f5f5; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body { padding: 0px; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-contact { padding: 0px 60px; padding-bottom: 35px; }
@media screen and (max-width: 1024px) {
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-contact { padding-bottom: 19px; }
}
@media screen and (max-width: 767px) {
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-contact { padding: 0px 15px; }
}
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-contact .call-enquire { padding: 0px; text-align: left; }
@media screen and (max-width: 767px) {
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-contact .call-enquire { padding-bottom: 32px; }
}
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-contact .call-enquire .icon-call { font-size: 18px; vertical-align: middle; color: black; }
@media screen and (max-width: 767px) {
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-contact .call-enquire .icon-call { padding-left: 0px; }
}
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-contact .call-enquire span { padding-left: 8px; font-size: 14px; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-contact .call-enquire span a { color: rgba(0, 0, 0, 0.76); }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-contact .call-enquire .icon-nt-call { font-size: 16px; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-contact .message-enquire { text-align: center; }
@media screen and (max-width: 767px) {
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-contact .message-enquire { text-align: left; padding: 0px 0px 24px 0px; }
}
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-contact .message-enquire .icon-chat { font-size: 18px; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-contact .message-enquire span { vertical-align: middle; font-size: 14px; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 767px) {
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-contact .message-enquire span { text-align: center; }
}
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-contact .message-enquire span a { color: rgba(0, 0, 0, 0.76); padding-left: 8px; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-contact .message-enquire .icon-nt-call { font-size: 16px; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-alternative { margin-top: 32px; margin-bottom: 24px; padding-left: 60px; padding-right: 60px; text-align: center; }
@media screen and (max-width: 1024px) {
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-alternative { margin-bottom: 16px; }
}
@media screen and (max-width: 767px) {
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-alternative { padding: 0px 15px; }
}
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-alternative:before { content: ""; display: block; position: relative; top: 16px; width: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.24); border-radius: 2px; height: 1px; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .enquire-alternative span { z-index: 1; position: relative; text-align: center; background: #f5f5f5; padding-left: 10px; padding-right: 10px; font-size: 16px; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .header { margin: 0px; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: rgba(0, 0, 0, 0.76); padding-top: 24px; text-align: center; }
@media screen and (max-width: 767px) {
.lot-enquire .lot-enquire-modal .modal-content .modal-body .header { text-align: center; padding-top: 24px; }
}
.lot-enquire .lot-enquire-modal .modal-content .modal-body .icon-cancel { font-size: 24px; }
@media screen and (max-width: 767px) {
.lot-enquire .lot-enquire-modal .modal-content .modal-body .icon-cancel { font-size: 18px; }
}
.lot-enquire .lot-enquire-modal .modal-content .modal-body .close { opacity: 1; padding-right: 16px; padding-top: 18px; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .sub-header { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: rgba(0, 0, 0, 0.76); margin-top: 7px; margin-bottom: 9px; }
@media screen and (max-width: 767px) {
.lot-enquire .lot-enquire-modal .modal-content .modal-body .sub-header { margin-top: 8px; padding: 0px 15px; }
}
.lot-enquire .lot-enquire-modal .modal-content .modal-body .comment { padding: 0px; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform { padding: 0px 60px; }
@media screen and (max-width: 1024px) {
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform { padding: 0px 50px; }
}
@media screen and (max-width: 767px) {
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform { padding: 0px 15px; }
}
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper { margin: 0px; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper .gfield_time_hour i { margin: 0px; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper textarea { height: 96px !important; padding: 10px 0px 10px 15px !important; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper .gfield_required { display: none; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form input[type=number] { border: 1px solid black; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gform_body .right { padding-right: 0px; padding-left: 15px; }
@media screen and (max-width: 767px) {
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gform_body .right { padding: 0px; }
}
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gform_body .gfield { margin-top: 24px; }
@media screen and (max-width: 767px) {
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gform_body .gfield { margin-top: 18px; }
}
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gform_body .gfield .gfield_label { padding-bottom: 4px; font-size: 16px; margin-bottom: 0px !important; font-weight: normal; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gform_body .gfield .ginput_container { margin-top: 0px !important; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gform_body .gfield .ginput_container .medium { height: 45px; border: 1px solid #000000; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gform_body .gfield .ginput_container_textarea ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: rgba(0, 0, 0, 0.24);
}
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gform_body .gfield .ginput_container_textarea ::-moz-placeholder {
  /* Firefox 19+ */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: rgba(0, 0, 0, 0.24);
}
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gform_body .gfield .ginput_container_textarea :-ms-input-placeholder {
  /* IE 10+ */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: rgba(0, 0, 0, 0.24);
}
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gform_body .gfield .ginput_container_textarea :-moz-placeholder {
  /* Firefox 18- */
  font-family: 'Open Sans', sans-serif;
 font-size: 18px;
 font-weight: normal;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 text-align: left;
 color: rgba(0, 0, 0, 0.24);
}
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gform_body .gfield .ginput_container_date .datepicker { width: 100%; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gform_footer { padding: 0px; margin-top: 24px; }
@media screen and (max-width: 1024px) {
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gform_footer { margin-top: 32px; }
}
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gform_footer .gform_button { width: 148px; padding: 13px 24px; background: #000000; color: #ffffff; font-size: 18px !important; text-align: center; font-weight: 600; margin: 0px; }
@media screen and (max-width: 767px) {
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gform_footer .gform_button { width: 100%; padding: 7px 24px; }
}
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gform_validation_error { margin: 0; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .validation_error { display: none; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gfield_error { background: transparent; border: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gfield_error .ginput_container { margin-top: 0; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .gfield_error .gfield_label { color: #000000; }
.lot-enquire .lot-enquire-modal .modal-content .modal-body .lotenquireform .gform_wrapper form .validation_message { padding-top: 0; }
.schedulecall .schedulecall-modal { position: relative; top: 50px; transition: all 5s ease-in-out; margin: 0 auto; width: 690px; height: auto; overflow-y: scroll; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 -2px 8px 0 rgba(0, 0, 0, 0.09); }
@media screen and (max-width: 767px) {
.schedulecall .schedulecall-modal { top: 0; width: 100%; height: 100%; }
}
.schedulecall .schedulecall-modal .modal-content { height: auto; background-color: #f5f5f5; }
.schedulecall .schedulecall-modal .modal-content .modal-body h4 { text-align: center; letter-spacing: normal; color: rgba(0, 0, 0, 0.76); margin-bottom: 7px; }
.schedulecall .schedulecall-modal .modal-content .modal-body .sub-header { font-size: 14px; font-weight: normal; line-height: normal; text-align: center; color: rgba(0, 0, 0, 0.76); width: 50%; margin: auto; }
@media screen and (max-width: 1024px) {
.schedulecall .schedulecall-modal .modal-content .modal-body .sub-header { width: auto; text-align: center; }
}
.schedulecall .schedulecall-modal .modal-content .modal-body .close { opacity: 1; padding-right: 13px; }
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-contact { padding: 0px 45px; padding-bottom: 17px; }
@media screen and (max-width: 1024px) {
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-contact { padding-bottom: 4px; }
}
@media screen and (max-width: 767px) {
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-contact { padding: 0px 15px; }
}
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-contact .call-enquire { padding: 0px; text-align: left; }
@media screen and (max-width: 767px) {
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-contact .call-enquire { padding-bottom: 32px; }
}
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-contact .call-enquire .icon-call { font-size: 18px; vertical-align: middle; color: black; padding-left: 0px; }
@media screen and (max-width: 767px) {
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-contact .call-enquire .icon-call { padding-left: 0px; }
}
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-contact .call-enquire span { padding-left: 8px; font-size: 14px; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); }
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-contact .call-enquire span a { color: rgba(0, 0, 0, 0.76); }
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-contact .call-enquire .icon-nt-call { font-size: 16px; }
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-contact .message-enquire { text-align: center; }
@media screen and (max-width: 767px) {
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-contact .message-enquire { text-align: left; padding: 0px 0px 24px 0px; }
}
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-contact .message-enquire .icon-chat { font-size: 18px; }
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-contact .message-enquire span { vertical-align: middle; font-size: 14px; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.76); }
@media screen and (max-width: 767px) {
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-contact .message-enquire span { text-align: center; }
}
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-contact .message-enquire span a { color: rgba(0, 0, 0, 0.76); padding-left: 8px; }
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-contact .message-enquire .icon-nt-call { font-size: 16px; }
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-alternative { margin-top: 32px; margin-bottom: 24px; padding-left: 45px; padding-right: 45px; text-align: center; }
@media screen and (max-width: 1024px) {
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-alternative { margin-bottom: 16px; }
}
@media screen and (max-width: 767px) {
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-alternative { padding: 0px 15px; }
}
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-alternative:before { content: ""; display: block; position: relative; top: 16px; width: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.24); border-radius: 2px; height: 1px; }
.schedulecall .schedulecall-modal .modal-content .modal-body .enquire-alternative span { z-index: 1; position: relative; text-align: center; background: #f5f5f5; padding-left: 10px; padding-right: 10px; font-size: 16px; }
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform { padding: 0px 45px; }
@media screen and (max-width: 1024px) {
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform { padding: 0px 35px; }
}
@media screen and (max-width: 767px) {
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform { padding: 0px; }
}
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper { margin: 0px; }
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper .gfield_time_hour i { margin: 0px; }
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper .gfield_required { display: none; }
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form input[type=number] { border: 1px solid black; }
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form .gform_body .right { padding-right: 0px; padding-left: 15px; }
@media screen and (max-width: 767px) {
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form .gform_body .right { padding: 0px; }
}
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form .gform_body .gfield { margin-top: 24px; }
@media screen and (max-width: 767px) {
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form .gform_body .gfield { margin-top: 18px; }
}
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form .gform_body .gfield .gfield_label { padding-bottom: 4px; font-size: 16px; margin-bottom: 0px !important; font-weight: normal; }
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form .gform_body .gfield .ginput_container { margin-top: 0px !important; }
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form .gform_body .gfield .ginput_container .medium { height: 45px; border: 1px solid #000000; }
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form .gform_body .gfield .ginput_container_date .datepicker { width: 100%; }
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form .gform_footer { padding: 0px; margin-top: 64px; }
@media screen and (max-width: 1024px) {
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form .gform_footer { margin-top: 32px; }
}
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form .gform_footer .gform_button { width: 148px; padding: 13px 24px; background: #000000; color: #ffffff; font-size: 18px !important; text-align: center; font-weight: 600; margin: 0px; }
@media screen and (max-width: 767px) {
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form .gform_footer .gform_button { width: 100%; padding: 7px 24px; }
}
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form .gform_validation_error { margin: 0; }
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form .validation_error { display: none; }
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form .gfield_error { background: transparent; border: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0; }
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form .gfield_error .ginput_container { margin-top: 0; }
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form .gfield_error .gfield_label { color: #000000; }
.schedulecall .schedulecall-modal .modal-content .modal-body .scedulecallform .gform_wrapper form .validation_message { padding-top: 0; }
 @media (min-width: 1240px) and (max-width: 1400px) {
.container { width: 1240px; }
}
@media (min-width: 1440px) {
.container-nt { max-width: 1410px; }
.container { width: 1410px; }
.secondary_menu .menu .navigation { padding-left: 30px; }
.look-detail { width: 1170px; margin: 0 auto; }
/*
  .row.look-detail{
  		width: 1410px;
  	}
  */
.my-account { width: 1170px; margin: 0 auto; }
}
@media only screen and (max-width: 1440px) {
.footer-wiget-content .social { margin-right: 7px; }
.product-banner .product-details .group-variation .col-variation-lab { font-size: 14px; }
}
.product-shop-listing ul.products { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.home-landing-banner .spaces2-image-slider .swiper-slide img { width: 100%; /*  height: 760px;
*/ object-fit: cover; }
.home-design-idea .spaces-section { padding-bottom: 0 !important; }
.home-design-idea { height: 100% !important; }
@media screen and (max-width: 1024px) {
.home-design-idea .grid-item:nth-last-child(1), .home-design-idea .grid-item:nth-last-child(2) { display: none; }
}
.home-landing-featured-collection .nt-content .Marbilano-img { height: auto !important; }
@media screen and (max-width: 767px) {
.home-landing-featured-collection .nt-content .Marbilano-img { height: auto !important; }
}
.home-landing-featured-collection .nt-content .Marbilano-img img { height: auto !important; }
 @media screen and (max-width: 767px) {
.home-dealer-block { margin-bottom: 0 !important; }
}
.home-dealer-block .desk-primary-btn-white { background: #fff; }
.marble-landing-idea .grid-sizer { width: 33.33% !important; }
@media screen and (max-width: 1024px) {
.marble-landing-idea .grid-sizer { width: 50% !important; }
}
@media screen and (max-width: 767px) {
.marble-landing-idea .grid-sizer { width: 100% !important; }
}
.marble-landing-idea .grid-item { width: 33.33% !important; }
@media screen and (max-width: 1024px) {
.marble-landing-idea .grid-item { width: 50% !important; }
}
@media screen and (max-width: 767px) {
.marble-landing-idea .grid-item { width: 100% !important; margin-bottom: 16px; }
}
.marble-landing-idea .more-design-spaces h3 { margin: 0 0 8px; }
.marble-landing-idea .more-design-spaces .description-txt { max-width: 690px; margin: 0 auto 24px; text-align: center; color: rgba(0, 0, 0, 0.76); }
.marble-landing-idea .featured-content { line-height: 1.56; font-size: 18px; }
@media screen and (max-width: 767px) {
.marble-landing-idea .featured-content { display: none; }
}
.marble-landing-idea .featured-content a { border-bottom: 1px solid #000000; font-weight: 300; font-style: normal; position: relative; }
.marble-landing-idea .featured-content a:after { content: ","; }
.marble-landing-idea .featured-content a:last-child:after { content: ""; }
.stone-products { margin-top: 64px; margin-bottom: 72px; }
.stone-products .description-txt { max-width: 690px; margin: 0 auto 32px; text-align: center; color: rgba(0, 0, 0, 0.76); }
.stone-list-content { margin-bottom: 32px; }
@media screen and (max-width: 1024px) {
.stone-list-content .stone-product-item:nth-last-child(1) { display: none; }
.stone-list-content .stone-product-item:nth-last-child(2) { display: none; }
}
.stone-list-content .stone-product-item h4 { font-size: 18px; margin: 8px 0 0 0; }
 @media screen and (max-width: 767px) {
.spaces-property-marble .spaces2-image { width: 270px !important; height: 180px !important; }
}
.spaces-property-marble .spaces2-image-text { font-weight: 600 !important; text-align: left !important; }
 @media screen and (max-width: 767px) {
.showroom-marble-landing .showroon-heading { text-align: center; }
}
.showroom-marble-landing .showroom-txt { margin-bottom: 26px; }
.big-btn-transparent { text-align: center; }
.big-btn-transparent .btn { font-size: 18px; padding: 13px 64px !important; }
.marble-blog-wrapper { margin: 0 auto; float: none; }
.marble-blog-list h3 { text-align: center; margin-bottom: 24px; }
.marble-landing-video { background-image: url("https://www.nitco.in/nitcoassets/marble-video-banner.jpg"); }
.design-idea-marble-section { /*
  	.grid-item{
  		@include screen(small){
  			&:nth-first-child(1){
  				display: block !important;
  			}
  			display: none;
  			
  		}
  	}
  */ }
 @media screen and (max-width: 767px) {
.marble-landing-video-1 { display: none; }
}
 @media screen and (max-width: 767px) {
.showroom-marble-landing .big-btn-transparent { display: none; }
}
@media screen and (max-width: 767px) {
.showroom-marble-landing .row-flex { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: scroll; margin-right: -15px; margin-left: -15px; }
}
@media screen and (max-width: 767px) {
.showroom-marble-landing .row-flex .col-fx { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 90%; max-width: 90%; }
}
.design-detail-mosaic-banner { margin-top: 40px; height: auto !important; padding-top: 30px; }
.design-detail-mosaic-banner .select-choice { margin-top: 60px; }
.design-detail-mosaic-banner .select-choice span { color: rgba(0, 0, 0, 0.76); border: 1px solid rgba(255, 255, 255, 0.76); background: #fff; }
.design-detail-mosaic-banner .select-choice p { width: 50%; margin: 20px auto; }
.listSizeTitle { margin-bottom: 40px; font-size: 25px; text-align: center; font-weight: 100; vertical-align: central }
@media screen and (max-width: 767px) {
.design-detail-mosaic-banner .select-choice p { width: 100%; }
}
@media screen and (max-width: 767px) {
.fltrCol { width: 100%; height: 400px }
.listSizeTitle { font-size: 20px; }
.filter-span{ padding-right:0 !important;}
.cart-btn{ text-align:center;}
}
/*# sourceMappingURL=style.css.map */
.maincontent { padding: 18px 0px }
.content { padding: 18px 0px }
.content-section { display: flex; flex-direction: row; flex-wrap: wrap; }
.mainbanner { height: 540px; display: flex; justify-content: center; align-items: center; }
.mainbanner { height: 540px; display: flex; justify-content: center; align-items: center; }
.backdropimage { display: flex; justify-content: center; align-items: center; margin-bottom: 30px }
.comment-lists { padding: 20px }
.comment-lists .comment-body { background-color: #f9f9f9; padding: 10px; margin: 6px; }
.comment-lists .author { font-size: 20px; float: left; font-style: italic; color: #616161; }
.comment-lists .date { font-size: 14px; color: #7d7d7d; float: right }
figure { margin: 0; padding: 0; background: #fff; overflow: hidden; }
figure:hover+span { bottom: -36px; opacity: 1; }
/* Zoom In #1 */
.hover01 figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.hover01 figure:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.main-content { margin-top: 35px; margin-bottom: 35px }
.content-heading { text-align: center; margin-bottom: 40px; }
.content-heading p { font-size: 18px; color: rgba(0, 0, 0, 0.76); width: 80%; margin: 0 auto; }
.safe-content { background-color: #fff; border: 1px solid #e4e1df; font-size: 14px; padding: 0px 0px 20px 40px; }
.safe-imgcontent { border-bottom: 1px solid #000; font-style: italic; }
.safe-content-icon { padding-right: 30px; float: left; }
.safe-content-text { height: 120px; margin: auto; line-height: 22px; font-weight: 600; padding: 18px; display: flex; justify-content: center; align-items: center; border-left: 2px solid #000 }
.breadcrumb-content { background-color: white; font-size: 14px; padding: 8px; }
ul.breadcrumb { padding: 0px 16px; list-style: none; }
ul.breadcrumb li { display: inline; font-size: 14px; text-transform: capitalize; }
ul.breadcrumb li+li:before { padding: 6px; color: black; content: "/\00a0"; }
ul.breadcrumb li a { color: #0275d8; text-decoration: none; }
ul.breadcrumb li a:hover { color: #01447e; text-decoration: underline; }
.myaccount-heading {}
.myaccount-landing-banner {height: 430px;background-repeat:no-repeat;background-size: cover;background-position: center center;position: relative;}
.myaccount-ideas-banner {height: auto;position: relative;}
.myaccount-landing-wrapper {margin-top: 39px;}
.myaccount-landing-wrapper .space2-wrapper {margin-bottom: 48px;background-color: white;padding: 15px;}
.myaccount-ideas-banner .banner-txt {position: absolute;top: 0;}
.myaccount-landing-banner .banner-txt {width: 450px;margin-top: 56px;}
.myaccount-landing-banner .banner-txt h1 {color: rgba(0, 0, 0, 0.76);margin: 0 0 16px;}
.myaccount-landing-wrapper .idea-list {background: #ffffff;padding: 24px 32px 25px 32px;font-size: 16px;font-weight: 500;color: rgba(0, 0, 0, 0.76);position: sticky;top: 20%;margin-bottom: 64px;}
.myaccount-landing-wrapper .idea-list ul {list-style-type: none;}
.myaccount-landing-wrapper .idea-list ul li {position: relative;margin-bottom: 32px;}
.myaccount-landing-wrapper .shipaddcontent {margin: 15px;background-color: #f3f3f3;padding: 15px;border: 1px solid #e8e8e8;font-size: 14px;}




.custom-swiper-prev,
.custom-swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: 2px solid #ccc;
    z-index: 15;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    overflow: hidden;
}

.custom-swiper-prev {
    left: 15px;
}

.custom-swiper-next {
    right: 15px;
}

.custom-swiper-prev::after,
.custom-swiper-next::after {
    content: '';
    width: 14px;
    height: 14px;
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: #fff;
}


.custom-swiper-prev::after {
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 18L9 12L15 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


.custom-swiper-next::after {
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18L15 12L9 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


.custom-swiper-prev:hover,
.custom-swiper-next:hover {
    background-color: #fff;
    border-color: #fff;
}

.custom-swiper-prev:hover::after,
.custom-swiper-next:hover::after {
    background-color: #000;
}

figure{
    background:none !important;
}


.back-to-top-wrapper {
    position: fixed;
    bottom: 70px;
    right: 16px;
    z-index: 999;
}

#backToTopBtn {
    display: flex;
    padding: 12px 18px;
    background-color: #000;
    color: #fff;
    font-weight: bold;
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, transform 0.2s ease;
   
}

    #backToTopBtn:hover {
        transform: translateY(-2px);
    }