@charset "utf-8";
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; /*transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; /*Animation for drop down*/ }
/* HTML5 display-role reset for older browsers */
/*below transition*/
b, span, a{  transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.proImg{  transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 93% !important; font: inherit; vertical-align: baseline;/* transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;/*Animation for drop down*/ }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }/**/
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.no_bg_pad { background: none !important; padding: 0 !important; }
.no_bg { background: none !important; }
.no_pad { padding: 0px !important; }
.no_mar { margin: 0px !important; }
.no_border { border: none !important; }
.clear { clear: both; height: 0px; display: block; }
.flt_lft { float: left !important; }
.flt_rht { float: right !important; }
.no_btm_pad { padding-bottom: 0 !important; }
a:focus, a:hover { text-decoration: none; outline: none; }/* 17*/
:focus {
outline: 0;
}
/* fontface */


@font-face {
     font-family: 'Avenir-Medium';
    src: url('../fonts/Avenir-Medium.eot');
    src: url('../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Avenir-Medium.ttf') format('truetype'),
         url('../fonts/Avenir-Medium.svg#Avenir-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'Avenir-Roman';
    src: url('../fonts/Avenir-Roman.eot');
    src: url('../fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Avenir-Roman.ttf') format('truetype'),
         url('../fonts/Avenir-Roman.svg#Avenir-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'AvenirNext-Bold';
    src: url('../fonts/AvenirNext-Bold.eot');
    src: url('../fonts/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AvenirNext-Bold.ttf') format('truetype'),
         url('../fonts/AvenirNext-Bold.svg#AvenirNext-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'AvenirNext-DemiBold';
    src: url('../fonts/AvenirNext-DemiBold.eot');
    src: url('../fonts/AvenirNext-DemiBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AvenirNext-DemiBold.ttf') format('truetype'),
         url('../fonts/AvenirNext-DemiBold.svg#AvenirNext-DemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'AvenirNext-Heavy';
    src: url('../fonts/AvenirNext-Heavy.eot');
    src: url('../fonts/AvenirNext-Heavy.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AvenirNext-Heavy.ttf') format('truetype'),
         url('../fonts/AvenirNext-Heavy.svg#AvenirNext-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
     font-family: 'AvenirNext-Medium';
    src: url('../fonts/AvenirNext-Medium.eot');
    src: url('../fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AvenirNext-Medium.ttf') format('truetype'),
         url('../fonts/AvenirNext-Medium.svg#AvenirNext-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'AvenirNext-Regular';
    src: url('../fonts/AvenirNext-Regular.eot');
    src: url('../fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AvenirNext-Regular.ttf') format('truetype'),
         url('../fonts/AvenirNext-Regular.svg#AvenirNext-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 

@font-face {
    font-family: 'rupeeregular';
    src: url('../fonts/rupee-webfont.eot');
    src: url('../fonts/rupee-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rupee-webfont.woff2') format('woff2'),
         url('../fonts/rupee-webfont.woff') format('woff'),
         url('../fonts/rupee-webfont.ttf') format('truetype'),
         url('../fonts/rupee-webfont.svg#rupeeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
  
.twentytwenty-handle{left:400px;} 
 /* fullPage 2.6.6 */

/* uniform */
/* General settings */
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span { background-image: url("../images/spirte.png"); background-repeat: no-repeat; -webkit-font-smoothing: antialiased; }
div.selector, div.checker, div.button, div.radio, div.uploader { display: -moz-inline-box; display: inline-block; *display: inline;
zoom: 1; vertical-align: middle;/* Keeping this as :focus to remove browser styles */ }
div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus { outline: 0; }
div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * { margin: 0; padding: 0; }
.highContrastDetect { background: url("../images/bg-input.png") repeat-x 0 0; width: 0px; height: 0px; }
/* Input & Textarea */
input.uniform-input, select.uniform-multiselect, textarea.uniform { padding: 3px; background: url("../images/bg-input.png") repeat-x 0 0; outline: 0; }
input.uniform-input.active, select.uniform-multiselect.active, textarea.uniform.active { background: url("../images/bg-input-focus.png") repeat-x 0 0; }
/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
div.checker input, input[type="search"], input[type="search"]:active { -moz-appearance: none; -webkit-appearance: none; }
/* Select */
div.selector { line-height: 40px; height: 36px; padding: 0 0 0 12px; position: relative; overflow: hidden; width: 100% !important; background: #fff; border: 1px solid #b8b8b8; background-image: none; }
div.selector span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: url(../images/select_arrow.png) no-repeat right center; height: 40px; line-height: 40px; padding-right: 35px; cursor: pointer; width: 100% !important; display: block; }
div.selector.fixedWidth { width: 190px; }
div.selector.fixedWidth span { width: 155px; }
div.selector select { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; height: 100%; top: 0px; left: 0px; width: 100%; }
div.selector select option { padding: 4px 12px; }
div.selector.active { background-position: 0 -156px; }
div.selector.active span { background-position: right -26px; }
div.selector.hover, div.selector.focus { background-position: 0 -182px; }
div.selector.hover span, div.selector.focus span { background-position: right center; }
div.selector.hover.active, div.selector.focus.active { background-position: 0 -208px; }
div.selector.hover.active span, div.selector.focus.active span { background-position: right center; }
div.selector.disabled, div.selector.disabled.active { background-position: 0 -234px; }
div.selector.disabled span, div.selector.disabled.active span { background-position: right -104px; }
/* Checkbox */
div.checker { position: relative; }
div.checker, div.checker span, div.checker input { width: 19px; height: 19px; }
div.checker span { display: -moz-inline-box; display: inline-block; *display: inline;
zoom: 1; text-align: center; background-position: 0 -260px; }
div.checker span.checked { background-position: -76px -260px; }
div.checker input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline;
zoom: 1; }
div.checker.active span { background-position: -19px -260px; }
div.checker.active span.checked { background-position: -95px -260px; }
div.checker.hover span, div.checker.focus span { background-position: -38px -260px; }
div.checker.hover span.checked, div.checker.focus span.checked { background-position: -114px -260px; }
div.checker.hover.active span, div.checker.focus.active span { background-position: -57px -260px; }
div.checker.hover.active span.checked, div.checker.focus.active span.checked { background-position: -133px -260px; }
div.checker.disabled, div.checker.disabled.active { background-position: -152px -260px; }
div.checker.disabled span.checked, div.checker.disabled.active span.checked { background-position: -171px -260px; }
/* Radio */
div.radio { position: relative; }
div.radio, div.radio span, div.radio input { width: 18px; height: 18px; }
div.radio span { display: -moz-inline-box; display: inline-block; *display: inline;
zoom: 1; text-align: center; background-position: 0 -279px; }
div.radio span.checked { background-position: -72px -279px; }
div.radio input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline;
zoom: 1; text-align: center; }
div.radio.active span { background-position: -18px -18px -279px; }
div.radio.active span.checked { background-position: -90px -279px; }
div.radio.hover span, div.radio.focus span { background-position: -36px -36px -279px; }
div.radio.hover span.checked, div.radio.focus span.checked { background-position: -108px -279px; }
div.radio.hover.active span, div.radio.focus.active span { background-position: -54px -279px; }
div.radio.hover.active span.checked, div.radio.focus.active span.checked { background-position: -126px -279px; }
div.radio.disabled span, div.radio.disabled.active span { background-position: -144px -279px; }
div.radio.disabled span.checked, div.radio.disabled.active span.checked { background-position: -162px -279px; }
/* Uploader */
div.uploader { background-position: 0 -297px; height: 28px; width: 190px; cursor: pointer; position: relative; overflow: hidden; }
div.uploader span.action { background-position: right -409px; height: 28px; line-height: 28px; width: 82px; text-align: center; float: left; display: inline; overflow: hidden; cursor: pointer; }
div.uploader span.filename { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: left; cursor: default; height: 24px; margin: 2px 0 2px 2px; line-height: 24px; width: 85px; padding: 0 10px; }
div.uploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100%; }
div.uploader.active span.action { background-position: right -465px; }
div.uploader.hover, div.uploader.focus { background-position: 0 -353px; }
div.uploader.hover span.action, div.uploader.focus span.action { background-position: right -437px; }
div.uploader.hover.active span.action, div.uploader.focus.active span.action { background-position: right -493px; }
div.uploader.disabled, div.uploader.disabled.active { background-position: 0 -325px; }
div.uploader.disabled span.action, div.uploader.disabled.active span.action { background-position: right -381px; }
/* Buttons */
div.button { background-position: 0 -641px; height: 30px; cursor: pointer; position: relative;/* Keep buttons barely visible so they can get focus */ }
div.button a, div.button button, div.button input { opacity: 0.01; filter: alpha(opacity=1); -moz-opacity: 0.01; display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
div.button span { display: -moz-inline-box; display: inline-block; *display: inline;
zoom: 1; line-height: 22px; text-align: center; background-position: right -521px; height: 22px; margin-left: 13px; padding: 8px 15px 0 2px; }
div.button.active { background-position: 0 -671px; }
div.button.active span { background-position: right -551px; cursor: default; }
div.button.hover, div.button.focus { background-position: 0 -701px; }
div.button.hover span, div.button.focus span { background-position: right -581px; }
div.button.disabled, div.button.disabled.active { background-position: 0 -731px; }
div.button.disabled span, div.button.disabled.active span { background-position: right -611px; cursor: default; }
/* INPUT & TEXTAREA */
input.uniform-input, select.uniform-multiselect, textarea.uniform { font-size: 12px;  font-weight: normal; color: #777; border-top: solid 1px #aaaaaa; border-left: solid 1px #aaaaaa; border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input.uniform-input.hover, input.uniform-input.focus, select.uniform-multiselect.hover, select.uniform-multiselect.focus, textarea.uniform.hover, textarea.uniform.focus { -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); border-color: #999; }
/* PRESENTATION */
/* Buttons */
div.button span { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }
div.button.hover span, div.button.focus span { color: #555; }
div.button.disabled span, div.button.disabled.active span { color: #bbb; }
/* Select */
div.selector { font-size: 14px; }
div.selector span { color: #505050; font-size: 14px; text-transform: capitalize; }
div.selector select { font-family: 'Helvetica Neue", Arial, Helvetica, sans-serif'; font-size: 14px; }
div.selector.disabled span, div.selector.disabled.active span { color: #bbb; }
/* Checker */
div.checker { margin-right: 5px; }
/* Radio */
div.radio { margin-right: 3px; }
/* Uploader */
div.uploader span.action { text-shadow: white 0px 1px 0px; background-color: #fff; font-size: 11px; font-weight: bold; }
div.uploader span.filename { color: #777; border-right: solid 1px #bbbbbb; font-size: 11px; }
div.uploader.disabled span.action, div.uploader.disabled.active span.action { color: #aaa; }
div.uploader.disabled span.filename, div.uploader.disabled.active span.filename { border-color: #ddd; color: #aaa; }
input.uniform-input, input.uniform-input:focus { background-color: #fff; }
/* Jscrollpane */
.jspContainer { overflow: hidden; position: relative; width: 100% !important; }
.jspPane { position: absolute; width: 95% !important; }
.jspVerticalBar { position: absolute; top: 0; right: 9px; width: 1px; height: 100%; background: #4d5059; }
.jspHorizontalBar { position: absolute; bottom: 10px; left: 0; width: 100%; height: 1px; background: red; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #4d5059; position: relative; }
.jspHorizontalBar .jspDrag { background: #fbad48; width:12px; height:14px !important;	 position: relative; top: -7px; left: 0; cursor: pointer; }
.jspDrag { background: #fbad48; width:12px; height:60px !important;	 position: relative; top: 0; left: -6px; cursor: pointer; -webkit-box-shadow: 0 0 3px 1px #FFFFFF;
box-shadow: 0 0 3px 1px #FFFFFF;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }
.noscroll { overflow: hidden }
/*fancybox*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 99999; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px 'Avenir-Medium'; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox/fancybox_spirte.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 99999; }
#fancybox-loading div { width: 44px; height: 44px; background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 9999; background: url('../images/fancybox/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px 'Avenir-Medium'; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox/fancybox_spirte@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
#fancybox-loading div { background-image: url('../images/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}

.hvr-sweep-to-right { -moz-osx-font-smoothing: grayscale; backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display: inline-block; position: relative; transform: translateZ(0px); transition-duration: 0.3s; transition-property: color; vertical-align: middle; }
.hvr-sweep-to-right::before { background: #fff none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; z-index: -1;  background:#4d5059}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: #fff !important; }
.hvr-sweep-to-right:hover::before, .hvr-sweep-to-right:focus::before, .hvr-sweep-to-right:active::before { transform: scaleX(1); transition-timing-function: ease-out; transition-duration: 0.4s; background:#4d5059 }


.hvr-sweep-to-right2 { -moz-osx-font-smoothing: grayscale; backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display: inline-block; position: relative; transform: translateZ(0px); transition-duration: 0.3s; transition-property: color; vertical-align: middle; }
.hvr-sweep-to-right2::before { background: #fff none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; z-index: -1;  background:#fbad48}
.hvr-sweep-to-right2:hover, .hvr-sweep-to-right2:focus, .hvr-sweep-to-right2:active { color: #fff !important; }
.hvr-sweep-to-right2:hover::before, .hvr-sweep-to-right2:focus::before, .hvr-sweep-to-right2:active::before { transform: scaleX(1); transition-timing-function: ease-out; transition-duration: 0.4s; background:#fbad48 }

.hvr-sweep-to-right3 { -moz-osx-font-smoothing: grayscale; backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display: inline-block; position: relative; transform: translateZ(0px); transition-duration: 0.3s; transition-property: color; vertical-align: middle; }
.hvr-sweep-to-right3::before { background: #fff none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; z-index: -1;  background:#4d5059}
.hvr-sweep-to-right3:hover, .hvr-sweep-to-right3:focus, .hvr-sweep-to-right3:active { color: #efb05b !important; }
.hvr-sweep-to-right3:hover::before, .hvr-sweep-to-right3:focus::before, .hvr-sweep-to-right3:active::before { transform: scaleX(1); transition-timing-function: ease-out; transition-duration: 0.4s; background:#4d5059 }

.hvr-sweep-to-right4 { -moz-osx-font-smoothing: grayscale; backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display: inline-block; position: relative; transform: translateZ(0px); transition-duration: 0.3s; transition-property: color; vertical-align: middle; border-radius:10px }
.hvr-sweep-to-right4::before { background: #fff none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; z-index: -1;  background:#fff;border-radius:10px}
.hvr-sweep-to-right4:hover, .hvr-sweep-to-right4:focus, .hvr-sweep-to-right4:active { color: #efb05b !important;border-radius:10px }
.hvr-sweep-to-right4:hover::before, .hvr-sweep-to-right3:focus::before, .hvr-sweep-to-right4:active::before { transform: scaleX(1); transition-timing-function: ease-out; transition-duration: 0.4s; background:#fff;border-radius:10px }




/* mainstyling */
html { min-height: 100%; }
body { background: #fffce9; font-family: 'Avenir-Medium'; font-size: 16px; padding: 0; margin: 0; color:#4d5059 }
.wrapper { width: 100%; margin: 0 auto; overflow:hidden }
/* common */

p { font-size: 14px; text-align: left; line-height: 20px; color: #505050; margin: 0 0 20px; }
h2 span { width: 21px; height: 4px; background: #f79f60; position: absolute; bottom: -2px; left: 0 }
::-webkit-input-placeholder {
color: #505050;
opacity:1;
text-transform:capitalize;
font-size:12px;
}
:-moz-placeholder { /* Firefox 18- */
color: #505050;
opacity:1;
text-transform:capitalize;
font-size:12px;
}
::-moz-placeholder {  /* Firefox 19+ */
color: #505050;
opacity:1;
text-transform:capitalize;
font-size:12px;
}
:-ms-input-placeholder {
color: #505050;
opacity:1;
text-transform:capitalize;
}
/* Main CSS */
header{ position: fixed; z-index:10; width:100%;} 

/*below common Spirte for drop down*/ 
a{ text-decoration:none;}
h3{ font-size:3.750em; font-family: 'AvenirNext-Heavy'; text-transform:uppercase; color:#4d5059}

.socIcons a, .bx-controls-direction a, .rightFix .callBt span, .menuBox, .mahindraRise, .chatbtn span{ background:url(../images/spirte.png) no-repeat; }
.headerTop, .logo, header, nav, .socIcons, .socIcons a, .topsearchBox, .hBrandImgScroll li{
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
 }

.headerTop{ height:110px; }
header.sticky {background:#fffce9} 
.sticky .headerTop{ height:70px}
.sticky .logo{ width:200px; margin-left:-105px; top:10px}
.sticky .socIcons, .sticky .topsearchBox{ padding-top:10px}
.sticky nav a{ padding:8px 8px}
.sticky .socIcons span b{ font-size:1em}
.sticky .socIcons span{ font-size:14px}


.h145px{ height:189px; }
.container{ max-width:1200px; width:100%; margin:auto}

.socIcons{ padding-top:18px;  float:left}
.socIcons a.mahindraRise{ width:94px; background-position:0 7px}
.socIcons a{ width:31px; height:34px; display:inline-block; position:relative; border-right:solid 1px #828384 }
.socIcons a:hover{top:-2px}
a.socFB{ background-position:-90px 9px; width:29px}
a.socYou{ background-position:-116px 8px; width:46px}
.socIcons span{ display:block; font-family: 'Avenir-Roman'; color:#4d5159; margin-top:5px;}
.socIcons span b{ font-size:1.125em;}

.topsearchBox{ float:right; padding-top:40px; width:170px }
.topsearchBox input{ width:100%; color:#fbad48; border:solid 1px #fbad48; background:none; text-align:center; text-transform:uppercase; font-size:16px; padding:10px 0; letter-spacing:.5px;font-family: 'AvenirNext-DemiBold'; }

.logo{ position:absolute; width:390px; top:17px; left:50%; margin-left:-195px;}
.logo img{ width:100%; height:auto}
nav{ text-align:center; font-family: 'AvenirNext-DemiBold';  color:#4d5059; text-transform:uppercase; font-size:0.813em; }
nav ul li{display: inline-block; padding-right: 10px;}
nav span{ font-size:14px; }
nav a{ color:#4d5059; padding:15px 10px; display:inline-block}
nav a:first-child{ padding-left:0}
nav a:last-child{ padding-right:0}
nav a:hover{ color:#e49f40}
nav a.select{color:#e49f40 }



nav ul > li ul{display:none ; position: absolute; width: 170px; }
nav ul > li ul li { float: none; border-bottom: 1px solid #fff; display: list-item; text-align: left; padding-left: 10px; background-color: #fbad48;}
nav ul > li ul li:hover a{color:#fff;}
nav ul > li:hover ul{display: block;}

.mobMenu ul > li ul{display:none ;  }
.mobMenu ul > li:hover ul{display: block;}
.caret { border-top: 8px dashed #4d5059 !important; border-right: 8px solid transparent !important;border-left: 8px solid transparent !important; vertical-align: baseline;}


.menuBox{ display:none; width:35px; height:22px; font-size:0; position:absolute; right:15px; top:15px; background-position:-182px 0;  }
.mobMenu{ right:-100%; width:300px; height:100%; background: #fffce9; position:fixed;  z-index:11; border-left:solid 2px #efb05b}
.mobMenu .container{ margin-top:80px}
.mobMenu .container a{ display:block; padding:10px 0; color:#000; text-transform:uppercase;  }
.mobMenu .container a:hover{ color:#efb05b }
.closeBt, .closeBt:hover{ font-size:25px; float:right; margin-right:10px; display:block; background:#4d5059; padding:5px 10px; color:#fff; margin-top:30px;}
.mobMenu .socIcons{  padding:0; margin-top:20px; width:auto}
.mobMenu .socIcons a{ display: inline-block; }




.spotlight { margin-bottom:60px;}
.spotlight .bx-wrapper{ position:relative}
.spotlight .bx-pager{ max-width:128px; width:100%; margin:auto}
.spotlight .bx-pager-item{ display:inline-block; width:8px; font-size:0;  height:8px; margin-right:52px;}
.spotlight .bx-pager .bx-pager-item:last-child{ margin:0}
.spotlight .bx-pager .bx-pager-item a{ width:100%; height:100%; display:block; border:solid 1px #f3aa4a; border-radius:4px}
.spotlight .bx-pager .bx-pager-item a.active{ background:#4d5059; border:solid 1px #4d5059; }
.spotlight li img{ width:100%; height:auto} 

.spotlight .bx-controls-direction a{ width:60px; height:60px; display:block; position:absolute; top:70%; font-size:0}

.spotlight .bx-controls-direction a.bx-prev{ background-position:-61px -126px; left:100px}
.spotlight .bx-controls-direction a:hover.bx-prev{background-position:0 -126px;}
.spotlight .bx-controls-direction a.bx-next{ background-position:-122px -126px; right:100px}
.spotlight .bx-controls-direction a:hover.bx-next{ background-position:-184px -126px; }


footer{ text-transform:uppercase; background:#efb05b; padding:30px; font-size:0.688em; line-height:18px; color:#4d5059}
.footerLinks{ padding-top:10px;; float:left}
.footerLinks a{ color:#fff; padding:0 10px}
.footerLinks a:first-child{ padding-left:0}
.footerLinks a:hover{ color:#2d527c;}
.footerLinks span{ color:#fff}
footer a.mahindraRise{ float:right; width:94px; background-position:0 -22px; display:block; height:20px}

.scrollToMore{margin-right:-35px;color: #4d5059;font-size: 14px;font-family: 'AvenirNext-DemiBold';}
.btBox{ text-transform:uppercase; background:#fbad48; color:#fff; font-size:1em;padding:10px 20px; display:inline-block; position:relative;font-family: 'AvenirNext-DemiBold'; font-weight:bold; letter-spacing:2px; cursor:pointer; float:right }


/* Home Brands*/
.homeBrands{ padding-bottom:100px}
.homeBrands h3{ padding:0 0 60px 200px}
.homeBrands div.selector{ width:300px !important; margin:auto; margin-bottom:30px; display:none}
.homeBrands div.selector span{ font-size:1.143em	}
.homeBrands div.selector select option{ font-size:20px}
.hBrandImg{ position:relative; max-width:830px; width:100%; float:right; text-align:center}
.hBrandImg img{ max-width:690px; width:100%; height:auto; margin-top:30px; margin-right:30px;}
.hBrandText{  text-transform:uppercase; position:absolute; right:0; text-align:left;}
.hBrandText b{ font-size:1.500em}
.hBrandText span{ color:#fbad48; font-size:2.250em; display:block; font-family: 'AvenirNext-Heavy';  }
.hBrandImgScroll{ width:270px; float:left}
.hBrandImgScroll .scroll-pane{ height:550px}
.hBrandImgScroll li{ margin-bottom:25px; opacity:.2; cursor:pointer}
.hBrandImgScroll li:hover{ opacity:1}
.hBrandImgScroll li.select{ opacity:1}
.hBrandImgScroll li img{ width:177px; height:auto; margin:auto; display:block }
.hBrandImgScroll li .hBrandText{ position:inherit }
.hBrandImgScroll li .hBrandText b{ font-size:14px; font-family: 'AvenirNext-Regular';}
.hBrandImgScroll li .hBrandText span{ color:#41434a; font-size:14px;font-family: 'AvenirNext-DemiBold'; font-weight:bold}

.hBrandImgScroll2{ width:100%; float:none}
.hBrandImgScroll2 li{ float:left; margin-right:50px;}
.hBrandImgScroll2 li .hBrandText{ text-align:center}
.hBrandImgScroll2 .scroll-pane{ width: 100% !important; height: 130px !important; overflow: auto;}
.hBrandImgScroll2 .horizontal-only{height: auto; max-height: 130px !important}
.hBrandImgScroll2 .hBrandImgScrollWid{ width:1500px;}

.hBrandLinks{ text-align:center}
.hBrandLinks a{ width:14%; text-transform:uppercase; text-align:center; padding:10px 0; display:inline-block; border: solid 1px #fbad48; color:#fbad48;font-family: 'AvenirNext-DemiBold'; font-weight:bold; font-size:1em; letter-spacing:1.5px; margin:0 1.3%}
.hBrandLinks a.select{ background:#fbad48; color:#fff; cursor:pointer }
.hBrandLinks a:first-child{ margin-left:0}
.hBrandLinks a:last-child{ margin-right:0}


/*customisation-kits*/
.customisation-kits{ background:url(../images/kitsBg.png) no-repeat center top; margin-bottom:100px  }
.customisation-kits h3{ text-align:right; padding-right:200px; margin-top:-20px}
.customisation-kits h3 span{ display:block; color:#fbad48;}
.customisation-kits div.selector{display:none; width:300px !important; margin:auto; font-size:16px; }
.customisation-kits div.selector span{ font-size:16px; }
.hCusLinks{   float:left; width:200px; margin:70px 0 0 100px}
.hCusLinks a{ background:#efb05b; border:solid 1px #4d5059; width:100%; display:block; text-align:center; padding:10px 0; letter-spacing:2px; text-transform:uppercase;font-family: 'AvenirNext-DemiBold'; font-weight:bold; font-size:1em; color:#4d5059; margin-bottom:40px}
.hCusLinks a.select{ background:#4d5059; color:#efb05b }
.hCusImg{ float:right; margin-right:-100px}
.hCusImg img{ width:100%; height:auto}
.hCusLinks a.heBrroBt{ margin:200px 0 0 0; background:#fff; color:#efb05b; border: 0}
 

/*premium-matte-finish*/
.premium-matte-finish{ height:750px; background:url(../images/premium-matte-finishBg.png) no-repeat center top;}
.premium-matte-finish .container{ position:relative}
.premium-matte-finish h3{ text-align:left; padding-left:200px; margin-top:-65px}
.premium-matte-finish h3 span{ display:block; color:#fbad48;}
.dualImg{ float:right; padding-top:50px;width: 55%; position:relative}
.dualImg img{ width:100%; height:auto}
.hPreBox{ width:270px; text-transform:uppercase;text-shadow: 2px 0 2px #000; font-size:1.875em;font-family: 'AvenirNext-Bold'; font-weight:bold; color:#fff; position:absolute; bottom:100px; left:165px}

/*range-brochure*/
.range-brochure {}
.range-brochure h3{ text-align:right; padding-right:200px; margin-bottom:40px  }
.range-brochure h3 span{ display:block; color:#fbad48;}
.hRangeImg{ float:right; max-width:70%; width:100%;}
.hRangeImg img{ width:100%; height:auto; margin-bottom:30px }
.hRangeLinks{ width:270px; float:left}
.hgalleryLinks{  float:left}


.hRangeLinks a{ display:block; width:100%; text-align:center; padding:12px 0; float:none; margin-bottom:40px;}
.hRangeLinks a.ebro{ background:#4d5059;}
.hRangeLinks a:first-child{ margin-bottom:40px;}


/*customer-testimonials*/
.customer-testimonials{}
.customer-testimonials h3{ text-align: center; margin-bottom:80px  }
.customer-testimonials h3 span{ display:block; color:#fbad48; position:relative}
.customer-testimonials h3 b{ height:1px; width:400px; background:#efb05b; display: inline-block; position:absolute; bottom:11px; margin-left:-2px}
.customer-testimonials h3 u{ text-decoration:none; position:relative; display:block}
.customer-testimonials h3 u b{ left:0; background:#4d5059; margin-left:100px; width:250px}

.hCuto li:hover .hCutoNameBox{transform: rotateY(180deg)}
.hCuto li .hCutoNameBox{ position:relative;transform: rotateY(0deg);transform-style: preserve-3d;transition: all 0.6s ease 0s}
.hCuto li .hCutoNameBox img{ -webkit-border-radius: 10px; border-radius: 10px; width:100%; height:auto}
.hCutoName{ text-align:center;-webkit-border-radius: 0 0 10px 10px; background:#fbad48; position:absolute; bottom:0; border-radius: 0 0 10px 10px; width:100%; height:80px; text-transform:uppercase;  }
.hCutoName span, .hCutoCont span{ display:block; font-size:1.500em; padding-top:18px; color:#fff}
.hCutoName span u, .hCutoCont span u{ text-decoration:none;  font-family: 'AvenirNext-Heavy';}
.hCutoName b, .hCutoCont b{ font-size:1em;  }

.hCutoCont{ text-align:center; text-transform:uppercase; background:#fbad48; position:absolute; top:0; width:100%; height:100%;-webkit-border-radius: 10px; border-radius: 10px;transform: rotateY(-180deg);backface-visibility: hidden;transform-style: preserve-3d;transition: all 0.6s ease 0s; }
.hCuto li:hover .hCutoCont{transform: rotateY(0deg)}
.hCutoCont p{ text-transform:none; font-size:1.125em; text-align:center;padding:20px}


.hCuto .bx-pager{ text-align:center; width:100%; margin:90px auto 60px;}
.hCuto .bx-pager-item{ display:inline-block; width:8px; font-size:0;  height:8px; margin-right:52px;}
.hCuto .bx-pager .bx-pager-item:last-child{ margin:0}
.hCuto .bx-pager .bx-pager-item a{ width:100%; height:100%; display:block; border:solid 1px #f3aa4a; border-radius:4px}
.hCuto .bx-pager .bx-pager-item a.active{ background:#4d5059; border:solid 1px #4d5059; }
.hCuto .bx-wrapper{ margin:auto; position:relative}
.hCuto .bx-controls-direction a{ width:16px; height:32px; display:block; position:absolute; top:50%; margin-top:-60px; font-size:0}
.hCuto .bx-controls-direction a.bx-prev{ background-position:-37px -44px; left:-100px}
.hCuto .bx-controls-direction a.bx-prev.disabled{ background-position:0 -44px !important;}
.hCuto .bx-controls-direction a:hover.bx-prev{background-position:-19px -44px;}
.hCuto .bx-controls-direction a.bx-next{ background-position:-56px -44px; right:-100px}
.hCuto .bx-controls-direction a:hover.bx-next{ background-position:-74px -44px; }
.hCuto .bx-controls-direction a.bx-next.disabled{ background-position:-92px -44px !important;}


/*news*/
.news{  background:url(../images/newsBg.png) no-repeat center top; padding-bottom:120px}
.news .container{ position:relative}
.news h3{ text-align: left; margin-top:95px; padding-left:200px; }
.news h3 span{ display:block; color:#fff;}
.hNewsImg{ float:right; max-width:788px; width:100%; margin:50px -200px 0 0}
.hNewsImg img{ width:100%; height:auto}
.hNewsCon{ margin-top:30px; max-width:400px; left:220px; position:absolute; }
.hNewsCon p{text-align:justify; line-height:16px; }
.hNewsCon .btBox{ background:#4d5059; border:solid 1px #4d5059; margin-top:50px; color:#efb05b; float:left; }

/*About*/
.about-customisation { margin-top:-100px; background:url(../images/aboutBg.png) no-repeat center top;  padding-bottom:100px;}
.about-customisation h3{ margin-top:100px; text-align:right; padding-right:200px;  }
.about-customisation h3 span{ display:block; color:#fff;}
.hAbout{ max-width:460px; width:100%; padding:23px; background:#fffce9;margin:20px 0 0 160px;}
.hAboutlinks{ border:solid 1px #fbad48; overflow:hidden; margin-bottom:20px}
.hAboutlinks a{font-family: 'AvenirNext-Bold'; letter-spacing:4px; width:50%; float:left; text-align:center; color:#fbad48; font-size:14px; padding:5px 0; text-transform:uppercase}
.hAboutlinks a.select{ background:#fbad48; color:#fff}
.hAboutlinks a:hover{ background:#4d5059; color:#fff}
.hAboutCont {display: none;}
.hAboutCont.active {display: block;}
.hAboutCont p{ line-height:16px; text-align:justify}
.hAboutCont p strong{ display:block;font-family: 'AvenirNext-Bold'; text-transform:uppercase }


/*contactHome*/
.contactHome{}
.contactHome h3{ text-align: center; margin-bottom:80px  }
.contactHome  h3 span{  color:#fbad48;}
.hcontUs{ background:#efb05b; max-width:630px; margin:0 auto 30px; padding:30px 15px;}
.hcontUs li{ margin-bottom:25px;}
.hcontUs li:first-child{ margin:0 0 10px 0; font-size:14px; text-align:center}
.hcontUs li:nth-child(2){ margin:0 0 40px 0;}
.hcontUs li input, .hcontUs li textarea{ width:100%; height:48px; line-height:48px; background:none;  text-align:center; text-transform:uppercase; font-size:14px; color:#fff; border-radius:0;border:solid 1px #fff;}
.hcontUs li textarea{ line-height:normal; padding-top:14px;}
.hcontUs div.selector{ background:none; border:solid 1px #4d5059; height:48px;}
.hcontUs div.selector span{ background:url(../images/select_arrow2.png) no-repeat right center; height:48px; line-height:48px; text-align:center; text-transform:uppercase; font-size:14px; }
.hcontUs li .btBox{ width:100%; text-align:center; background:#4d5059;font-family: 'AvenirNext-Heavy'; font-size:1.500em; border-radius:10px; margin-bottom:10px}


/*right Fix*/
.rightFix{ position:absolute; right:0; top:230px; z-index:2}
.rightFix .callBt{ display:block; width:60px; height:60px; background:#fbad48; overflow:hidden}
.rightFix .callBt span{ width:39px; height:39px; display:inline-block; background-position: 0 -82px; margin:10px 10px; }
.rightFix .chatbtn{ display:none; width:60px; height:60px; background:#fbad48; overflow:hidden; margin-top: 5px;}
.rightFix .chatbtn span{ width:42px; height:39px; display:block; background-position: -45px -82px; margin:8px auto 0; }
.rightFix .callBt:hover{width: 225px; -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;}
.rightFix .callBt i{float: right; margin: 21px; font-size: 18px;}

/*===============inner page css start======================*/
 .brandTitle{text-align: center; margin-top: 200px; padding: 0px;}
.buffer40{margin:40px 0px;}
.homeBrandsBg {
   
    background: url(../images/brandBg.png) no-repeat center top;margin-top: 50px;
	padding-bottom: 0px;
}
.overView .container  h3 span{  color:#fbad48; text-align: center; }
.overView h5{font-size: 1em; margin:40px 0px 20px 0px; font-family: 'AvenirNext-DemiBold'; text-transform: uppercase;}
.overView h3{font-size:2.25em; }
.overView p{max-width: 770px; text-align: center; }
.extrInter h3{text-align:center;font-size: 1.25em; font-family: 'AvenirNext-Bold'; letter-spacing:10px; margin:50px  0px;  }
.extrInter h3 b a{border: 1px solid #fbad48;padding:10px 25px; color:#fbad48; line-height: 83px;}
.extrInter h3 b:hover{color: #ffffff; background-color:#fbad48;}
.extrInter h3 span a{color: #ffffff; background-color:#fbad48;padding:10px 25px;border: 1px solid #fbad48; }
.extrInter h3 span:hover{color: #fbad48; background-color:#ffffff;}
.extrInter ul li{list-style:disc; line-height: 30px; margin:0px 20px; }
.photoGallery h3{margin:60px 0px; font-size:2.25em;}
.photoGallery span{color: #fbad48; text-align: center;}
.leftswipe{background: url(../images/spirte.png) no-repeat;left: 62px; top:127px; width: 60px; height: 60px;}
.hinterImg{ float:right;max-width:658px; width:100%; margin:50px 0px 0 0; padding: 10px; border: solid 1px #fbad48;}
.hinterImg img{ width:100%; height:auto; display:block}
#panel{padding: 10px; border: solid 1px #fbad48; }
#panel img{ display:block}
.hinterCon{  max-width:450px; width:100% !important;  position:absolute; }
.hinterCon.scroll-pane{ height:400px}
.hinterCon p{text-align:justify; line-height:16px; }
.hinterCon .btBox{ background:#4d5059; border:solid 1px #4d5059; margin-top:50px; color:#efb05b; float:left; }
.extrInter .container{ position:relative}
.extrInter .hAboutlinks{max-width: 410px; width: 100%; margin: 0px auto;}
.extrInter .hAboutlinks a.select, .extrInter .hAboutlinks a {padding: 10px; font-size:0.813em;font-family: 'AvenirNext-DemiBold';}
.homeBrandsBg .hBrandImg{margin:-40px 0px 30px 0px; }

.hBrandLinksMatt a{ width:25%;}
.mrgBtm50{margin-bottom: 50px;}
.homeBrandsBg .dualImg{ width:75%; float:none;}
.slideInstruction{margin-top: 30px; color: #4d5059; font-size: 13px; width:80%;  font-family: 'AvenirNext-DemiBold'; text-align: right;}
/*===============inner page css end======================*/
.socIcons span{display: none;} 
.containerSitemap {
    overflow:hidden;
    height: 60px;
}

.one {
    position: relative;
    top: 0;
    background-color: lightblue;
    z-index: 1;
}

.two {
    position: relative;
    display:none;
    background-color: yellow;
    z-index: -1;
    -webkit-transition: top 1s;
    -moz-transition: top 1s;
    -o-transition: top 1s;
    transition: top 1s;
}

[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer; 
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  
  
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #000;
  background-color: #3d3d3c;
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}

/* Directions */


/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}


/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: #3D3C3C;
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}
.hvr-change:hover{background: #fbad48; color:#ffffff;}
@media (max-width:1400px) {
	.news h3{ padding-left:0}
	.hNewsImg{ margin-right:-50px}
	.hinterImg { margin-right:0px}
	.hNewsCon, .hinterCon{ left:0; position: inherit; float:left}
	.hCusImg{ margin:0; width:70%} 
	.hBrandImg{ max-width:680px}
	
	
}
@media (max-width:1200px) {
	.hNewsImg{ margin-right:0; max-width:600px}
	.hinterImg{ margin-right:0; max-width:500px}
	.hPreBox{ left:115px}
	.spotlight li{ overflow:hidden}
	.spotlight li img{ width:140%; margin-left:-20%}
	.logo{ width:300px; margin-left:-150px}
	.sticky nav a,  nav a{ padding:8px 2px}	
	#thumbs img {width:150px;}
	.photoGallery{margin-bottom: 70px;}
	.galSpotlight .bx-wrapper li div{ padding:10px; border:solid 1px #fbad48; margin-bottom:18px;max-width:170px;margin-right: 0px}
	
}
@media (min-width:1024px) and (max-width:1300px) {
	 .gallerythumb ul li{width: 230px !important;}
}
@media (min-width:768px) and (max-width:1023px) {
	 .gallerythumb ul li{width: 160px !important;}
}
@media (max-width:990px) {
	body{ font-size:14px;}
	nav, .topsearchBox{ display:none;}
	.menuBox, .menuBox .socIcons, .mobMenu .socIcons,  .mobMenu .topsearchBox{ display:block}
	.topsearchBox{ float:left; width:100%; padding-top:20px}
	h3{ padding:0 !important; text-align:center !important; font-size:2.500em}
	.hBrandImg{ margin-bottom:50px}
	.hCusLinks a.heBrroBt{ margin:0}
	.hCusLinks{ margin:30px auto 20px;}
	.hPreBox{ left:15px}
	.dualImg{ max-width:600px; width:100%; padding-top:20px}
	.hNewsCon{ position:inherit; left:inherit}
	.hNewsImg, .hinterImg{ margin-right:0}
	.hAbout{ margin-left:0}
	.hNewsCon .btBox{ margin:0}
	.hBrandImg{ float:none; margin:30px auto}
	.hBrandImgScroll li img{ width:100px}
	.hBrandText span{ font-size:2em}
	.customisation-kits, .premium-matte-finish, .news{ background-size: cover; height:auto} 
	.premium-matte-finish{ margin-bottom:50px}
	.customer-testimonials h3 b{ display:none}
		.hCuto .bx-controls-direction a.bx-prev{ left:-30px}
	.hCuto .bx-controls-direction a.bx-next{ right:-30px}
	.hRangeImg{ max-width:65%}
	.hinterImg{ margin-right:0; max-width:380px}
	.hinterCon{  max-width:350px; }
	
	
}
	
@media (max-width:768px) {
	.overView h5{margin: 20px 0px 10px; }
	.homePro li{ width:50%; float:left}
    .rightFix, .hBrandLinks, .socIcons, .hCusLinks a{ display:none;}
	.homeBrands div.selector, .customisation-kits div.selector, .hCusLinks a.heBrroBt{ display:block}
    .logo{ position: inherit; left: 0; margin: 10px 0 0; width: 150px; float: left; }
    .sticky .logo{ margin: 10px 0 0;width: 150px;}
    .sticky .headerTop, .headerTop{ height: 40px }
    .h145px{ height: 40px }
    .login{ padding-top: 20px }
	.hBrandText{ position:inherit; text-align:right}
	.hPreBox{ position:inherit; left:inherit; bottom:inherit; width:100%; text-align:center; font-size:1.5em; margin-top:30px}
	.hPreBox br{ display:none}

	.hRangeLinks{ width:100%; text-align:center}
	.hRangeLinks a{ width:45%; display:inline-block; margin:0 2px !important;}
	.hNewsCon{ max-width:100%;}
	.hNewsImg, .hinterImg{ margin:0}
	.news h3 span { display:inline-block}
	.news h3{ margin-top:125px;}.hCusImg{ width:100%;}
	.hCusLinks{ float:none;}
	.about-customisation h3{ margin-top:120px;}
	.spotlight .bx-controls-direction a.bx-prev, .spotlight .bx-controls-direction a.bx-prev:hover{ background-position:0 -187px; width:29px; height:29px; left:10px}
	.spotlight .bx-controls-direction a.bx-next, .spotlight .bx-controls-direction a.bx-next:hover{ background-position:-30px -187px; width:29px; height:29px; right:10px}
	.hRangeLinks a{ margin-bottom:10px !important}
    .hRangeLinks a:nth-child(3){ width:auto; padding-left:10px; padding-right:10px;}
	footer{ padding:10px}
	.about-customisation{ padding-bottom:50px}
	.hRangeImg{ max-width:100%}
	.brandTitle { margin-top: 100px;}
	#thumbs img {width:140px;}
	.extrInter h3{margin: 20px 0px 0px 0px;}
	.hinterCon{ margin-top:20px;}
	
 }

 
@media (max-width:640px) {
.spotlight li{ overflow:hidden}
.spotlight li img{ width:150%; margin-left:-25%;}
.contactHome h3{ margin-bottom:40px}
.range-brochure h3, .customer-testimonials h3{ margin-bottom:20px}
.twentytwenty-handle{ width:30px; height:30px; margin-left:-15px;}
.twentytwenty-horizontal .twentytwenty-handle::before { margin-bottom:18px;}
.hCuto .bx-pager{ margin:10px auto}
.hCuto .bx-pager-item{ margin-right:15px}
.hCutoName{ padding:10px 0; height:auto}
.hCutoName span{ padding:0; font-size:1.2em}
	.photoGallery h3 {
		margin: 30px 0px;}
	.photoGallery{margin-bottom: 30px;}
	.brandBigImg{width:100% !important;}
	.gallerythumb{width:100% !important;}
	.gallerythumb ul li{float: none; }
	.gallerythumb ul li div {float:left !important; width: 100% !important; }
	.slideInstruction{font-size: 12px;}
	.homeBrandsBg .dualImg{ width:100%; float:none;}
	.slideInstruction{width: 100%;}
	.socIcons span{display: block;} 
}


@media (max-width:480px) {
.hAboutlinks a{ letter-spacing:1px} 
#thumbs img {margin:0px; max-width: 115px;}
	.galSpotlight .bx-wrapper li div {max-width:135px;}
	.galSpotlight .bx-wrapper li{margin-right: 0px !important;}
}

@media (max-width:360px) { 
.hAboutlinks a{ font-size:12px;}

}


 
/*#thumbs img, #largeImage {
  cursor: pointer;
	max-height: 536px;
}
#thumbs img {
   float: left;
   margin-right: 6px;
	max-width: 250px;
}
#description {
   background: black;
   color: white;
   position: absolute;
   bottom: 0;
   padding: 10px 20px;
   width: 525px;
   margin: 5px;
}
#panel {
    position: relative;
	float: left;
}


  
  .bx-wrapper .bx-pager a {
    border: solid #ccc 1px;
    display: block;
    margin: 0 5px;
    padding: 3px;
  }
  
  .bx-wrapper .bx-pager a:hover,
  .bx-wrapper .bx-pager a.active {
    border: solid #5280DD 1px;
  }
 */ 


.brandBigImg{ width:48%; float:left;}
.brandBigImg img{ width:100%; height:auto}

.gallerythumb{ width:49%; float:right; margin-bottom:100px;}
.galSpotlight .bx-wrapper { position:relative}
.galSpotlight .bx-controls-direction a{ width:60px; height:60px; display:block; position:absolute;   font-size:0}

.galSpotlight .bx-wrapper li div{ padding:10px; border:solid 1px #fbad48; margin-bottom:18px;}
.galSpotlight .bx-wrapper li div img{ display:block}


.galSpotlight .bx-controls-direction a.bx-prev{ background-position:-61px -126px; left:0}
.galSpotlight .bx-controls-direction a:hover.bx-prev{background-position:0 -126px;}
.galSpotlight .bx-controls-direction a.bx-next{ background-position:-122px -126px; right:0}
.galSpotlight .bx-controls-direction a:hover.bx-next{ background-position:-184px -126px; }

.galSpotlight .bx-pager{ text-align:center; width:100%; margin:auto}
.galSpotlight .bx-pager-item{ display:inline-block; width:8px; font-size:0;  height:8px; margin-right:52px;}
.galSpotlight .bx-pager .bx-pager-item:last-child{ margin:0}
.galSpotlight .bx-pager .bx-pager-item a{ width:100%; height:100%; display:block; border:solid 1px #f3aa4a; border-radius:4px}
.galSpotlight .bx-pager .bx-pager-item a.active{ background:#4d5059; border:solid 1px #4d5059; }