/* Minification failed. Returning unminified contents.
(20,1): run-time error CSS1019: Unexpected token, found '@import'
(20,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap')'
(20,93): run-time error CSS1019: Unexpected token, found ';'
(754,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '80%'
(760,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '80%'
(1067,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1068,10): run-time error CSS1035: Expected colon, found '{'
(1071,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1072,10): run-time error CSS1035: Expected colon, found '{'
(1857,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1858,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(1861,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(1862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(1869,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(1937,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1938,10): run-time error CSS1035: Expected colon, found '{'
(1941,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1942,10): run-time error CSS1035: Expected colon, found '{'
(1945,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1946,10): run-time error CSS1035: Expected colon, found '{'
(1949,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1950,10): run-time error CSS1035: Expected colon, found '{'
(1953,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1954,10): run-time error CSS1035: Expected colon, found '{'
(1957,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1958,10): run-time error CSS1035: Expected colon, found '{'
(2845,238): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(3827,9): run-time error CSS1031: Expected selector, found ';'
(3827,9): run-time error CSS1025: Expected comma or open brace, found ';'
(3827,11): run-time error CSS1019: Unexpected token, found '{'
(3827,24): run-time error CSS1030: Expected identifier, found ' '
(3827,31): run-time error CSS1031: Expected selector, found '1px'
(3827,31): run-time error CSS1025: Expected comma or open brace, found '1px'
(3827,73): run-time error CSS1030: Expected identifier, found ' '
(3827,74): run-time error CSS1031: Expected selector, found '48px'
(3827,74): run-time error CSS1025: Expected comma or open brace, found '48px'
(3827,80): run-time error CSS1019: Unexpected token, found '}'
(4064,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4069,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4074,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4079,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4275,138): run-time error CSS1038: Expected hex color, found '#0003'
(5268,177): run-time error CSS1035: Expected colon, found '}'
(6504,139): run-time error CSS1046: Expect comma, found '134'
(6504,147): run-time error CSS1046: Expect comma, found '/'
(6505,122): run-time error CSS1046: Expect comma, found '134'
(6505,130): run-time error CSS1046: Expect comma, found '/'
(6592,254): run-time error CSS1031: Expected selector, found ';'
(6592,254): run-time error CSS1025: Expected comma or open brace, found ';'
(6595,1): run-time error CSS1019: Unexpected token, found '}'
(6649,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6650,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0'
(6654,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6655,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0'
(6659,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0'
(6665,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0'
(6835,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6881,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6887,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6893,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6905,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9462,1535): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9462,1556): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9462,1623): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9462,1647): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9462,1802): run-time error CSS1019: Unexpected token, found '@keyframes'
(9462,1818): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10207,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10213,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(10214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10219,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10252,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(10256,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(10646,1): run-time error CSS1019: Unexpected token, found '@charset'
(10646,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(10646,17): run-time error CSS1019: Unexpected token, found ';'
(10682,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10683,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10688,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10689,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10694,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10695,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10699,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10700,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10704,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10705,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10709,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10710,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10714,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10715,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10719,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10720,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10724,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10725,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10729,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10730,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10734,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10735,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10740,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10741,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10745,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10746,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10750,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10751,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10755,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10756,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10760,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10761,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10766,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10767,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10771,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10772,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10776,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10777,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10781,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10782,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10787,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10788,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10793,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10794,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10798,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10799,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10803,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10804,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10808,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10809,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10813,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10814,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10818,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10819,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10823,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10824,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10830,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10831,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10835,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10836,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10840,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10841,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10861,2329): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10861,4931): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10861,5038): run-time error CSS1063: Expected calculation unit, found 'var('
(10861,5038): run-time error CSS1064: Expected calculation product, found 'var('
(10861,5038): run-time error CSS1019: Unexpected token, found 'var('
(10861,5038): run-time error CSS1042: Expected function, found 'var('
(10861,5043): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(10861,5072): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(10861,5090): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(10861,5136): run-time error CSS1063: Expected calculation unit, found 'var('
(10861,5136): run-time error CSS1064: Expected calculation product, found 'var('
(10861,5136): run-time error CSS1019: Unexpected token, found 'var('
(10861,5136): run-time error CSS1042: Expected function, found 'var('
(10861,5141): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(10861,5168): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(10861,5262): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color'
(10861,5292): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(10861,5536): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(10861,6073): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10861,6187): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10861,7677): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(10861,7707): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(10861,8939): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(10861,8969): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(10861,9615): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10861,9674): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10861,10805): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color'
(10861,10834): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(10861,10932): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10861,10991): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10861,11021): run-time error CSS1019: Unexpected token, found '@keyframes'
(10861,11054): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
 */
/*  --- SLIDES adapted by The Whole Caboodle, Designmondo  ---  */
@font-face { font-family: 'Dementor'; src: url('../fonts/Dementor.eot'); src: url('../fonts/Dementor.eot?#iefix') format('embedded-opentype'), url('../fonts/Dementor.woff2') format('woff2'), url('../fonts/Dementor.woff') format('woff'), url('../fonts/Dementor.ttf') format('truetype'), url('../fonts/Dementor.svg#Dementor') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'Baby Girl'; src: url('../fonts/BabyGirl.eot'); src: url('../fonts/BabyGirl.eot?#iefix') format('embedded-opentype'), url('../fonts/BabyGirl.woff2') format('woff2'), url('../fonts/BabyGirl.ttf') format('truetype'), url('../fonts/BabyGirl.svg#BabyGirl') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'South Hamburg'; src: url('../fonts/SouthHamburg.eot'); src: url('../fonts/SouthHamburg.eot?#iefix') format('embedded-opentype'), url('../fonts/SouthHamburg.woff2') format('woff2'), url('../fonts/SouthHamburg.woff') format('woff'), url('../fonts/SouthHamburg.ttf') format('truetype'), url('../fonts/SouthHamburg.svg#SouthHamburg') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'HKGrotesk'; src: url('../fonts/HKGrotesk-Regular.eot'); src: url('../fonts/HKGrotesk-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/HKGrotesk-Regular.woff2') format('woff2'), url('../fonts/HKGrotesk-Regular.woff') format('woff'), url('../fonts/HKGrotesk-Regular.ttf') format('truetype'), url('../fonts/HKGrotesk-Regular.svg#HKGrotesk-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'HKGrotesk'; src: url('../fonts/HKGrotesk-Bold.eot'); src: url('../fonts/HKGrotesk-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/HKGrotesk-Bold.woff2') format('woff2'), url('../fonts/HKGrotesk-Bold.woff') format('woff'), url('../fonts/HKGrotesk-Bold.ttf') format('truetype'), url('../fonts/HKGrotesk-Bold.svg#HKGrotesk-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'HKGrotesk'; src: url('../fonts/HKGrotesk-Medium.eot'); src: url('../fonts/HKGrotesk-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/HKGrotesk-Medium.woff2') format('woff2'), url('../fonts/HKGrotesk-Medium.woff') format('woff'), url('../fonts/HKGrotesk-Medium.ttf') format('truetype'), url('../fonts/HKGrotesk-Medium.svg#HKGrotesk-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; }



/* fallback */

@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v55/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'); }

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; }

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; vertical-align: baseline; margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; background-color: #fff; }
b, strong { font-weight: 700; }

*, *:before, *:after { box-sizing: inherit; }


html { position: static!important; top: 0!important; box-sizing: border-box; margin: 0; padding: 0; overflow: hidden; -webkit-backface-visibility: hidden; }
body { position: absolute; width: 100%; height: 100%; font-family: 'Caboodle', Sans-serif; }
html, body { max-width: 100%; overflow-x: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
html.scrollable, html.scrollable body { overflow-y: auto; -webkit-overflow-scrolling: touch; }
a { text-decoration: none; -webkit-transition: 0.35s; transition: 0.35s; cursor: pointer; }
a:hover { -webkit-transition: 0.15s; transition: 0.15s; }
a:hover,
a.button:hover { -webkit-transition: 0.15s; transition: 0.15s; opacity: 0.85; }
img { max-width: 100%; display: inline-block; height: auto; }
img.rounded { border-radius: 3px; }
ul li { list-style: disc; }
ol li { list-style-type: decimal; }
small { font-size: 17px; line-height: 1.3; }
small.small { font-size: 14px; line-height: 1.28; }
svg { -webkit-transition: 0.15s; transition: 0.15s; }
.table { display: table; width: 100%; height: 100%; }
.cell { display: table-cell; text-align: center; vertical-align: middle; }
.table-cell { display: table-cell; text-align: center; vertical-align: middle; }
.position-relative { position: relative; }
.posRel { position: relative; }
.themeColor { color: #ef7b7a; }
.themeBgColor { background-color: #ef7b7a; }
.slides { -webkit-font-smoothing: antialiased; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-rendering: optimizeSpeed; -webkit-transition: 0.15s; transition: 0.15s; }


/*.sitemapContent { padding-bottom: 20px; margin-top: 10px; }
.sitemapContent table td { padding-top: 0px; padding-bottom: 0px; vertical-align: middle; line-height: 1em; }
.sitemapContent table td img { width: 20px; opacity: .9; }
.sitemapContent table td a { font-weight: 600; letter-spacing: normal; font-size: 13px!important; text-transform: uppercase; }
.sitemapContent table { margin-left: 0px; margin-right: 1%; margin-bottom: 10px; position: relative; }
.sitemapContent > table:before { content: ""; position: absolute; display: block; height: 15px; width: 2px; border-left: 2px solid #313131!important; left: 28px; top: 42px; }
.sitemapContent > table:last-child:before { display: none; }
.sitemapContent table:first-child { }
.sitemapContent table:first-child td img { width: 20px; }
.sitemapContent table td:first-child { width: 25px; font-size: 0px; line-height: 1em; }
.sitemapContent div table td:first-child { width: 45px; }
.sitemapContent div table td:nth-child(2) { text-align: center; width: 25px; font-size: 0px; }
.sitemapContent div table td:nth-child(2) img { width: 20px; }
.sitemapContent div table { width: 100%; margin-left: 0!important; }
.sitemapContent div table:first-child { margin-left: 0%!important; }
.sitemapContent div table:last-child { margin-bottom: 0px!important; }
.sitemapContent table tr:nth-child(3) { display: none!important; }
.sitemapContent div table td a { padding-top: 3px!important; padding-bottom: 3px!important; display: block!important; }
.siteMapPg { background-image: url(../images/sitemapbg.jpg); background-repeat: no-repeat; background-size: cover; }
.sitemapContent .MainContent_tvSiteMap_3 { color: #5A5A5A; }
.sitemapContent > table { display: block!important; padding: 10px; max-width: 363px; background-color: #fff; border: 2px solid #313131!important; border-radius: 5px; }
.sitemapContent > div > table { display: block!important; padding: 10px; max-width: 300px; background-color: #f5f5f5; border: 2px solid #313131!important; border-radius: 5px; }
.sitemapContent > div { margin-left: 30px; padding-left: 30px; padding-bottom: 15px; border-left: 2px solid #313131!important; }
.sitemapContent > div:after { content: ""; display: block; clear: both; }
.sitemapContent > div > table td:first-child { display: none; }

.sitemapContent table { border-left: 4px solid #313131; }
.sitemapContent > div > table:before { content: ""; display: block; width: 15px; height: 15px; border: 2px solid #313131!important; background-color: #FFF; border-radius: 50%; position: absolute; left: -40px; top: 14px; }

.sitemapContent > div > table:after { content: ""; display: block; width: 25px; height: 1px; border-top: 2px solid #313131!important; background-color: #FFF; position: absolute; left: -26px; top: 20px; }*/



.sitemapContent { padding-bottom: 20px; margin-top: 10px; }
.sitemapContent table td { padding-top: 0px; padding-bottom: 0px; vertical-align: middle; line-height: 1em; }
.sitemapContent table td img { width: 20px; opacity: .9; }
.sitemapContent table td a { font-weight: 600; letter-spacing: normal; font-size: 13px!important; text-transform: uppercase; }
.sitemapContent table { margin-left: 0px; margin-right: 1%; margin-bottom: 10px; position: relative; }
.sitemapContent > table:before { content: ""; position: absolute; display: block; height: 11px; width: 2px; border-left: 2px solid #313131!important; left: 9px; top: 20px; }
.sitemapContent > table:last-child:before { display: none; }
.sitemapContent table:first-child { }
.sitemapContent table:first-child td img { width: 20px; }
.sitemapContent table td:first-child { width: 25px; font-size: 0px; line-height: 1em; }
.sitemapContent div table td:first-child { width: 45px; }
.sitemapContent div table td:nth-child(2) { text-align: center; width: 25px; font-size: 0px; }
.sitemapContent div table td:nth-child(2) img { width: 20px; }
.sitemapContent div table { width: 100%; margin-left: 0!important; }
.sitemapContent div table:first-child { margin-left: 0%!important; }
.sitemapContent div table:last-child { margin-bottom: 0px!important; }
.sitemapContent table tr:nth-child(3) { display: none!important; }
.sitemapContent div table td a { padding-top: 3px!important; padding-bottom: 3px!important; display: block!important; }
.siteMapPg { background-image: url(../images/sitemapbg.jpg); background-repeat: no-repeat; background-size: cover; }
.sitemapContent .MainContent_tvSiteMap_3 { color: #5A5A5A; }
.sitemapContent > table { display: block!important; padding: 0px; max-width: 363px; background-color: transparent; border-radius: 5px; }
.sitemapContent > div > table { display: block!important; padding: 0px; max-width: 300px; background-color: transparent; border-radius: 5px; }
.sitemapContent > div { margin-left: 122px; padding-left: 26px; padding-bottom: 0px; padding-top: 21px; position: relative; margin-top: -20px; }
.sitemapContent > div:after { content: ""; display: block; clear: both; border-top: 2px solid #000; width: 23px; position: absolute; left: -23px; top: 0px; }
.sitemapContent > div:before { content: ""; display: block; width: 5px; height: 34px; border-left: 2px solid #313131!important; position: absolute; left: -27px; top: -21px; }

.sitemapContent > div > table td:first-child { display: none; }

.sitemapContent table { border-left: 4px solid #313131; }
/*.sitemapContent > div > table:before { content: ""; display: none; width: 15px; height: 15px; border: 2px solid #313131!important; background-color: #FFF; border-radius: 50%; position: absolute; left: -40px; top: 5px; }*/
.sitemapContent > div > table:before { content: ""; display: block; width: 5px; height: 15px; border-left: 2px solid #313131!important; position: absolute; left: -40px; top: 5px; }
.sitemapContent > div > table:after { content: ""; display: block; width: 28px; height: 1px; border-top: 2px solid #313131!important; background-color: #FFF; position: absolute; left: -26px; top: 11px; }




.reg_form { max-height: 400px; }
.showsmall { display: none!important; }
.showTab { display: none!important; }
.safari.retina .slides { -webkit-font-smoothing: subpixel-antialiased; }
.svgContainer, .embedContainer { position: relative; width: 100%; height: 0; padding: 0; }
.svgContainer svg.scale, .embedContainer .scale { position: absolute; height: 100%; width: 100%; left: 0; top: 0; }
.background video::-webkit-media-controls { display: none!important; }
.scroll-x { overflow-x: scroll; }
.scroll-y { overflow-y: scroll; }
.scrollHidden { overflow: hidden; }
.light, .uppercase.light { font-weight: 100!important; }
.normal, .uppercase.normal { font-weight: normal!important; }
.italic { font-style: italic!important; }
.bold { font-weight: 600!important; }
.semiBold { font-weight: 500!important; }
.ultraBold, .uppercase.ultraBold { font-weight: 900!important; }
.top { vertical-align: top!important; }
.left { text-align: left!important; }
.right { text-align: right!important; }
.center { text-align: center!important; }
.middle { vertical-align: middle!important; }
.bottom { vertical-align: bottom!important; }
.flLeft { float: left!important; }
.flRight { float: right!important; }
.dnone { display: none!important; }
.padding-0 { padding: 0px!important; }
.block { display: block!important; }
.inlineBlock { display: inline-block!important; }
.inline { display: inline!important; }
.relative { position: relative!important; }
.absolute { position: absolute!important; }
.fixed { position: fixed!important; }
.static { position: static!important; }
.wide { width: 100%!important; }
.nowrap { white-space: nowrap; }
.crop { margin: 0!important; }
.cropBottom { margin-bottom: 0!important; }
.cropTop { margin-top: 0!important; }
.cropLeft, .trim { margin-left: 0!important; }
.cropRight, .trim { margin-right: 0!important; }
.opacity-0 { opacity: 0.1!important; }
.opacity-1 { opacity: 0.1!important; }
.opacity-2 { opacity: 0.2!important; }
.opacity-3 { opacity: 0.3!important; }
.opacity-4 { opacity: 0.4!important; }
.opacity-5 { opacity: 0.5!important; }
.opacity-6 { opacity: 0.6!important; }
.opacity-7 { opacity: 0.7!important; }
.opacity-8 { opacity: 0.8!important; }
.opacity-9 { opacity: 0.9!important; }
.opaque { opacity: 1!important; }
.height-0 { height: 0!important; }
.height-1 { height: 10vh!important; }
.height-2 { height: 20vh!important; }
.height-3 { height: 30vh!important; }
.height-4 { height: 40vh!important; }
.height-5 { height: 50vh!important; }
.height-6 { height: 60vh!important; }
.height-7 { height: 70vh!important; }
.height-8 { height: 80vh!important; }
.height-9 { height: 90vh!important; }
.height-10 { height: 100vh!important; }
.Htauto { height: auto; }
.pn { padding: 0px!important; }
.p1 { padding: 1px!important; }
.p2 { padding: 2px!important; }
.p3 { padding: 3px!important; }
.p4 { padding: 4px!important; }
.p5 { padding: 5px!important; }
.p6 { padding: 6px!important; }
.p7 { padding: 7px!important; }
.p8 { padding: 8px!important; }
.p9 { padding: 9px!important; }
.p10 { padding: 10px!important; }
.p11 { padding: 11px!important; }
.p12 { padding: 12px!important; }
.p13 { padding: 13px!important; }
.p14 { padding: 14px!important; }
.p15 { padding: 15px!important; }
.p16 { padding: 16px!important; }
.p17 { padding: 17px!important; }
.p18 { padding: 18px!important; }
.p19 { padding: 19px!important; }
.p20 { padding: 20px!important; }

.ptn { padding-top: 0px!important; }
.pt1 { padding-top: 1px!important; }
.pt2 { padding-top: 2px!important; }
.pt3 { padding-top: 3px!important; }
.pt4 { padding-top: 4px!important; }
.pt5 { padding-top: 5px!important; }
.pt6 { padding-top: 6px!important; }
.pt7 { padding-top: 7px!important; }
.pt8 { padding-top: 8px!important; }
.pt9 { padding-top: 9px!important; }
.pt10 { padding-top: 10px!important; }
.pt11 { padding-top: 11px!important; }
.pt12 { padding-top: 12px!important; }
.pt13 { padding-top: 13px!important; }
.pt14 { padding-top: 14px!important; }
.pt15 { padding-top: 15px!important; }

.pbn { padding-bottom: 0px!important; }
.pb1 { padding-bottom: 1px!important; }
.pb2 { padding-bottom: 2px!important; }
.pb3 { padding-bottom: 3px!important; }
.pb4 { padding-bottom: 4px!important; }
.pb5 { padding-bottom: 5px!important; }
.pb6 { padding-bottom: 6px!important; }
.pb7 { padding-bottom: 7px!important; }
.pb8 { padding-bottom: 8px!important; }
.pb9 { padding-bottom: 9px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb11 { padding-bottom: 11px!important; }
.pb12 { padding-bottom: 12px!important; }
.pb13 { padding-bottom: 13px!important; }
.pb14 { padding-bottom: 14px!important; }
.pb15 { padding-bottom: 15px!important; }

.pln { padding-left: 0px!important; }
.pl1 { padding-left: 1px!important; }
.pl2 { padding-left: 2px!important; }
.pl3 { padding-left: 3px!important; }
.pl4 { padding-left: 4px!important; }
.pl5 { padding-left: 5px!important; }
.pl6 { padding-left: 6px!important; }
.pl7 { padding-left: 7px!important; }
.pl8 { padding-left: 8px!important; }
.pl9 { padding-left: 9px!important; }
.pl10 { padding-left: 10px!important; }
.pl11 { padding-left: 11px!important; }
.pl12 { padding-left: 12px!important; }
.pl13 { padding-left: 13px!important; }
.pl14 { padding-left: 14px!important; }
.pl15 { padding-left: 15px!important; }
.pl32 { padding-left: 32px!important; }

.prn { padding-right: 0px!important; }
.pr1 { padding-right: 1px!important; }
.pr2 { padding-right: 2px!important; }
.pr3 { padding-right: 3px!important; }
.pr4 { padding-right: 4px!important; }
.pr5 { padding-right: 5px!important; }
.pr6 { padding-right: 6px!important; }
.pr7 { padding-right: 7px!important; }
.pr8 { padding-right: 8px!important; }
.pr9 { padding-right: 9px!important; }
.pr10 { padding-right: 10px!important; }
.pr11 { padding-right: 11px!important; }
.pr12 { padding-right: 12px!important; }
.pr13 { padding-right: 13px!important; }
.pr14 { padding-right: 14px!important; }
.pr15 { padding-right: 15px!important; }

.padding-top-0 { padding-top: 0px!important; }
.padding-right-0 { padding-right: 0px!important; }
.padding-top-1 { padding-top: 10px!important; }
.padding-right-1 { padding-right: 10px!important; }
.padding-top-2 { padding-top: 20px!important; }
.padding-right-2 { padding-right: 20px!important; }
.padding-top-3 { padding-top: 30px!important; }
.padding-right-3 { padding-right: 30px!important; }
.padding-top-4 { padding-top: 40px!important; }
.padding-right-4 { padding-right: 40px!important; }
.padding-top-5 { padding-top: 50px!important; }
.padding-right-5 { padding-right: 50px!important; }
.padding-top-6 { padding-top: 60px!important; }
.padding-right-6 { padding-right: 60px!important; }
.padding-top-7 { padding-top: 70px!important; }
.padding-right-7 { padding-right: 70px!important; }
.padding-top-8 { padding-top: 80px!important; }
.padding-right-8 { padding-right: 80px!important; }
.padding-top-9 { padding-top: 90px!important; }
.padding-right-9 { padding-right: 90px!important; }
.padding-top-10 { padding-top: 100px!important; }
.padding-right-10 { padding-right: 100px!important; }
.padding-top-05 { padding-bottom: 5px!important; }
.padding-bottom-05 { padding-bottom: 5px!important; }
.margin-top-05 { margin-top: 5px!important; }
.margin-bottom-05 { margin-bottom: 5px!important; }
.padding-bottom-0 { padding-bottom: 0px!important; }
.padding-left-0 { padding-left: 0px!important; }
.padding-bottom-1 { padding-bottom: 10px!important; }
.padding-left-1 { padding-left: 10px!important; }
.padding-bottom-2 { padding-bottom: 20px!important; }
.padding-left-2 { padding-left: 20px!important; }
.padding-bottom-3 { padding-bottom: 30px!important; }
.padding-left-3 { padding-left: 30px!important; }
.padding-bottom-4 { padding-bottom: 40px!important; }
.padding-left-4 { padding-left: 40px!important; }
.padding-bottom-5 { padding-bottom: 50px!important; }
.padding-left-5 { padding-left: 50px!important; }
.padding-bottom-6 { padding-bottom: 60px!important; }
.padding-left-6 { padding-left: 60px!important; }
.padding-bottom-7 { padding-bottom: 70px!important; }
.padding-left-7 { padding-left: 70px!important; }
.padding-bottom-8 { padding-bottom: 80px!important; }
.padding-left-8 { padding-left: 80px!important; }
.padding-bottom-9 { padding-bottom: 90px!important; }
.padding-left-9 { padding-left: 90px!important; }
.padding-bottom-10 { padding-bottom: 100px!important; }
.padding-left-10 { padding-left: 100px!important; }

.mtn { margin-top: 0px!important; }
.mt1 { margin-top: 1px!important; }
.mt2 { margin-top: 2px!important; }
.mt3 { margin-top: 3px!important; }
.mt4 { margin-top: 4px!important; }
.mt5 { margin-top: 5px!important; }
.mt6 { margin-top: 6px!important; }
.mt7 { margin-top: 7px!important; }
.mt8 { margin-top: 8px!important; }
.mt9 { margin-top: 9px!important; }
.mt10 { margin-top: 10px!important; }
.mt11 { margin-top: 11px!important; }
.mt12 { margin-top: 12px!important; }
.mt13 { margin-top: 13px!important; }
.mt14 { margin-top: 14px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt30 { margin-top: 30px!important; }

.mbn { margin-bottom: 0px!important; }
.mb1 { margin-bottom: 1px!important; }
.mb2 { margin-bottom: 2px!important; }
.mb3 { margin-bottom: 3px!important; }
.mb4 { margin-bottom: 4px!important; }
.mb5 { margin-bottom: 5px!important; }
.mb6 { margin-bottom: 6px!important; }
.mb7 { margin-bottom: 7px!important; }
.mb8 { margin-bottom: 8px!important; }
.mb9 { margin-bottom: 9px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb11 { margin-bottom: 11px!important; }
.mb12 { margin-bottom: 12px!important; }
.mb13 { margin-bottom: 13px!important; }
.mb14 { margin-bottom: 14px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb30 { margin-bottom: 30px!important; }


.mln { margin-left: 0px!important; }
.ml1 { margin-left: 1px!important; }
.ml2 { margin-left: 2px!important; }
.ml3 { margin-left: 3px!important; }
.ml4 { margin-left: 4px!important; }
.ml5 { margin-left: 5px!important; }
.ml6 { margin-left: 6px!important; }
.ml7 { margin-left: 7px!important; }
.ml8 { margin-left: 8px!important; }
.ml9 { margin-left: 9px!important; }
.ml10 { margin-left: 10px!important; }
.ml11 { margin-left: 11px!important; }
.ml12 { margin-left: 12px!important; }
.ml13 { margin-left: 13px!important; }
.ml14 { margin-left: 14px!important; }
.ml15 { margin-left: 15px!important; }

.mrn { margin-right: 0px!important; }
.mr1 { margin-right: 1px!important; }
.mr2 { margin-right: 2px!important; }
.mr3 { margin-right: 3px!important; }
.mr4 { margin-right: 4px!important; }
.mr5 { margin-right: 5px!important; }
.mr6 { margin-right: 6px!important; }
.mr7 { margin-right: 7px!important; }
.mr8 { margin-right: 8px!important; }
.mr9 { margin-right: 9px!important; }
.mr10 { margin-right: 10px!important; }
.mr11 { margin-right: 11px!important; }
.mr12 { margin-right: 12px!important; }
.mr13 { margin-right: 13px!important; }
.mr14 { margin-right: 14px!important; }
.mr15 { margin-right: 15px!important; }

.margin-top-0 { margin-top: 0px!important; }
.margin-right-0 { margin-right: 0px!important; }
.margin-top-1 { margin-top: 10px!important; }
.margin-right-1 { margin-right: 10px!important; }
.margin-top-2 { margin-top: 20px!important; }
.margin-right-2 { margin-right: 20px!important; }
.margin-top-3 { margin-top: 30px!important; }
.margin-right-3 { margin-right: 30px!important; }
.margin-top-4 { margin-top: 40px!important; }
.margin-right-4 { margin-right: 40px!important; }
.margin-top-5 { margin-top: 50px!important; }
.margin-right-5 { margin-right: 50px!important; }
.margin-top-6 { margin-top: 60px!important; }
.margin-right-6 { margin-right: 60px!important; }
.margin-top-7 { margin-top: 70px!important; }
.margin-right-7 { margin-right: 70px!important; }
.margin-top-8 { margin-top: 80px!important; }
.margin-right-8 { margin-right: 80px!important; }
.margin-top-9 { margin-top: 90px!important; }
.margin-right-9 { margin-right: 90px!important; }
.margin-top-10 { margin-top: 100px!important; }
.margin-right-10 { margin-right: 100px!important; }
.margin-bottom-0 { margin-bottom: 0px!important; }
.margin-left-0 { margin-left: 0px!important; }
.margin-bottom-1 { margin-bottom: 10px!important; }
.margin-left-1 { margin-left: 10px!important; }
.margin-bottom-2 { margin-bottom: 20px!important; }
.margin-left-2 { margin-left: 20px!important; }
.margin-bottom-3 { margin-bottom: 30px!important; }
.margin-left-3 { margin-left: 30px!important; }
.margin-bottom-4 { margin-bottom: 40px!important; }
.margin-left-4 { margin-left: 40px!important; }
.margin-bottom-5 { margin-bottom: 50px!important; }
.margin-left-5 { margin-left: 50px!important; }
.margin-bottom-6 { margin-bottom: 60px!important; }
.margin-left-6 { margin-left: 60px!important; }
.margin-bottom-7 { margin-bottom: 70px!important; }
.margin-left-7 { margin-left: 70px!important; }
.margin-bottom-8 { margin-bottom: 80px!important; }
.margin-left-8 { margin-left: 80px!important; }
.margin-bottom-9 { margin-bottom: 90px!important; }
.margin-left-9 { margin-left: 90px!important; }
.margin-bottom-10 { margin-bottom: 100px!important; }
.margin-left-10 { margin-left: 100px!important; }
.nopadding { padding: 0px!important; }
.pb8 { padding-bottom: 8px; }
.pl28 { padding-left: 28px; }
.minht200 { min-height: 200px; }
.minht300 { min-height: 300px; }
.fs14 { font-size: 14px; }
.fs20 { font-size: 20px!important; }
.mt14 { margin-top: 14px; }
.mt12 { margin-top: 12px!important; }
.weight-bold { font-weight: bold; }
.space { padding: 0 20px; }
.pointer { cursor: pointer; }
.disableClick { pointer-events: none; }
.clrLft { clear: left; }
.cover { background-size: cover!important; }
.noSelect, .noSelect * { -webkit-touch-callout: none!important; -webkit-user-select: none!important; -khtml-user-select: none!important; -moz-user-select: none!important; -ms-user-select: none!important; user-select: none!important; }
.clearBoth:after { content: ""; clear: both; display: table; }

/* typography */



#dvMultiplePhone a:hover { opacity: 1!important; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
h1, h2, h3, h4, h5, h6 { color: #313131; }
h1, .h1 { font-size: 32px; line-height: 1.17; margin-bottom: 10px; margin-top: 10px; }
h1.mega, .h1.mega { font-size: 160px; margin-bottom: 50px; letter-spacing: -0.025em; }
h1.huge, .h1.huge { font-size: 120px; margin-bottom: 50px; }
h1.small, .h1.small { font-size: 25px; }
h1.ditty, .h1.ditty { font-size: 21px; }
h1.dittyb, .h1.dittyb { font-size: 24px; }
h1.micro, .h1.micro { font-size: 18px; }
h2, .h2 { font-size: 33px; line-height: 1.17; margin-bottom: 10px; margin-top: 10px; }
h2.banner, .h2.banner { font-size: 44px; line-height: 48px; }
h2.bannermed, .h2.bannermed { font-size: 38px; line-height: 40px; }
h2.bannersmall { font-size: 28px; }
h2.small, .h2.small { font-size: 18px; }
h2.micro, .h2.micro { font-size: 19px; }
h2.huge, .h2.huge { font-size: 45px; }
h3, .h3 { font-size: 24px; line-height: 1.17; margin-bottom: 10px; margin-top: 10px; }
h3.large, .h3.large { font-size: 32px; }
h3.little, .h3.little { font-size: 20px; }
h3.small, .h3.small { font-size: 19px; }
h3.micro, .h3.micro { font-size: 16px; }
h3 + h1, .h3 + .h1 { margin-top: 30px; }
h3.uppercase, .h3.uppercase { font-size: 19px; }
h3.small.uppercase, .h3.small.uppercase { font-size: 13px; }
h1 + h3, .h1 + .h3 { margin-top: 45px; }
h4, .h4 { font-size: 22px; line-height: 1.17; margin-bottom: 10px; margin-top: 10px; }
h4.micro, .h4.micro { font-size: 13px; }
h5, .h5 { font-size: 19px; line-height: 1.17; margin-bottom: 10px; margin-top: 10px; }
h4.small, .h4.small { font-size: 17px; margin-bottom: 0.5em; }
h5.small, .h5.small { font-size: 14px; margin-bottom: 0.5em; }
.h2Head { font-size: 24px; text-align: center; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 400; }

.sections .left { text-align: justify; }
p, .p { font-size: 14px; line-height: 26px; color: #757575; font-weight: 400; margin-bottom: 10px; margin-top: 10px; opacity: 1.0; text-align: left; }
p + h2, p + .h2 { /*margin-top: 60px;*/ }
p.hero { font-size: 36px; line-height: 1.25; letter-spacing: -1px; font-weight: 100; }
p.large { font-size: 32px; line-height: 1.4; }
p.small { font-size: 22px; line-height: 1.22727273; margin-bottom: 20px; }
p.tiny { font-size: 17px; line-height: 1.29441; letter-spacing: 0.5px; margin-bottom: 20px; }
p.micro,
p.mirco /* sorry folks */ { font-size: 15px; line-height: 1.22727273; margin-bottom: 20px; margin-top: 2px; }
p.form { font-size: 17px; }

.wraphome { text-align: justify; display: table-cell; vertical-align: middle; cursor: default; }
.newcarthumb { min-height: 190px; }
.formheader { font-size: 22px; line-height: 28px; padding-bottom: 18px; margin-bottom: 15px; }

.uppercase { text-transform: uppercase!important; letter-spacing: 0.15em!important; text-indent: 0.1em!important; /* neat */ font-weight: 400!important; }

.callusbtn { opacity: 1!important; border-radius: 3px; display: block; margin-top: 10px; padding: 10px 63px 12px 22px; position: relative; font-size: 14px; font-weight: normal; cursor: pointer; }
.todaymenu { border-radius: 10px; display: none; position: absolute; top: 45px; right: 0px; border: solid 1px; padding: 20px 15px 15px 15px; width: 100%; min-width: 370px; z-index: 9999; text-align: left; }
.todaymenu:after { content: ''; position: absolute; top: 6px; left: 90%; width: 0; height: 0; border: 15px solid transparent; border-top-width: 15px; border-top-style: solid; border-top-color: transparent; border-bottom-color: transparent; border-bottom-color: #fff; border-top: 0; margin-left: -30px; margin-top: -21px; }
.contact_wrp { position: relative; }
.todaymenu .cont_nme { font-size: 13px; }
.todaymenu .cont_num { font-size: 24px; }
.callusbtn > .fa { position: absolute; right: 10px; font-size: 20px; top: 8px; }
.todaymenu .whitecolum { padding: 10px; position: relative; }
.todaymenu .lightgraycolum { padding: 10px; border-radius: 5px; position: relative; }

.todaymenu .whitecolum .fa, .todaymenu .lightgraycolum .fa { position: absolute; right: 17px; top: 17px; font-size: 24px; }
.callusbtn img.callicon { display: none; }


/* buttons */
.button { display: inline-block; position: relative; padding: 12px 22px; border-radius: 0px; border: none; outline: none; text-decoration: none; font-size: 13px; font-weight: 500; vertical-align: top; cursor: pointer; margin-bottom: 20px; -webkit-user-select: none!important; -moz-user-select: none!important; -ms-user-select: none!important; user-select: none!important; -webkit-transition: 0.25s; transition: 0.25s; }
.wide.button { max-width: 200px; }


.slide .button { margin-left: 0px; margin-right: 5px; }

.linkButton { font-size: 14px; padding: 12px 28px; font-weight: bold; border-radius: 99px; border: solid 2px; margin-right: 9px; margin-top: 1px; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.12); }
.button.small { font-size: 14px; }

.button.empty { padding: 0!important; border-radius: 0!important; background-color: transparent!important; font-size: 0!important; margin: 0; }

.button.hollow { padding: 0!important; border-radius: 0!important; background-color: transparent!important; font-size: 0!important; }

.button.shade:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.25s; transition: 0.25s; }
.button.shade:hover:after { opacity: 0.15; }
.button.shade:active:after { opacity: 0.2; }

.button:hover { -webkit-transition: 0.25s!important; transition: 0.25s!important; opacity: 1; }
.button.play { width: 100px; height: 100px; border-radius: 50%; padding: 35px; margin-left: 0px; margin-right: 0px; }
.button.play:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }
.button.play svg { width: 30px; height: 30px; }
.button.play.small { width: 60px; height: 60px; border-radius: 50%; padding: 21px; }
.button.play.small svg { width: 18px; height: 18px; }
.button.square { border-radius: 0px; margin-right: 0px; }
.lowercase { text-transform: lowercase; letter-spacing: 0em; font-weight: 300; }
.button.uppercase { font-size: 14px; font-weight: 700; padding-top: 16px; padding-bottom: 16px; margin-top: 12px; border-radius: 99px; }
.button.uppercase.small { font-size: 15px; padding-left: 20px; padding-right: 20px; }
.button.stroke { border: 2px solid; background-color: transparent!important; padding-top: 10px; padding-bottom: 10px; }
.button.stroke.uppercase { padding-top: 13px; padding-bottom: 13px; }
.slide.whiteSlide .button.stroke { color: #303030!important; background: transparent!important; }
.iconpad { padding-left: 32px; margin-bottom: 12px; }
.round { border-radius: 40px!important; padding-left: 25px!important; padding-right: 25px!important; }
.rectangular { border-radius: 0px!important; }
.roundButton { border-radius: 50px; height: 50px; width: 50px; padding: 14px; margin: 5px; }



/* stuff */
.disableSelect,
.disableSelect * { -webkit-user-select: none!important; -moz-user-select: none!important; -ms-user-select: none!important; user-select: none!important; }

.enableSelect,
.enableSelect * { -webkit-user-select: auto!important; -moz-user-select: auto!important; -ms-user-select: auto!important; user-select: auto!important; }



.dots { font-size: 0; }

.dot { padding: 8px; display: inline-block; }

.dot:after { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; opacity: 0.5; -webkit-transition: 0.25s; transition: 0.25s; }

.dots.big .dot:after { width: 14px; height: 14px; }

.dot:hover:after { -webkit-transform: scale(1.33333); transform: scale(1.333333); opacity: 1; }

.dot:active:after,
.dot.selected:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }



.links li { font-size: 17px; letter-spacing: 0; padding: 4px 0; }

.address { letter-spacing: -1.5px; font-size: 30px; line-height: 1.1666; }

.price { font-size: 150px; line-height: 1.26; margin-bottom: 30px; font-weight: 700; letter-spacing: -0.02em; }

.currency { font-size: 70px; vertical-align: super; padding-right: 15px; margin-left: -20px; }

.social-circles { font-size: 0; }

.social-circles li { display: inline-block; }

.social-circles li svg { width: 22px; height: 22px; }



/* forms */

form input[type="text"],
form input[type="name"],
form input[type="email"],
form input[type="password"],
form input[type="tel"],
form textarea { padding: 10px 18px 10px; border: none; font-size: 15px; outline: none; /*border-radius: 5px;*/ width: 100%; max-width: 230px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Caboodle', Sans-serif; }


.slide.whiteSlide form input[type="text"],
.slide.whiteSlide form input[type="name"],
.slide.whiteSlide form input[type="email"],
.slide.whiteSlide form input[type="password"],
.slide.whiteSlide form input[type="tel"],
.slide.whiteSlide form textarea { /*border-radius: 4px;*/ }

form input[type="text"].wide,
form input[type="name"].wide,
form input[type="email"].wide,
form input[type="password"].wide,
form textarea.wide { max-width: 100%; margin-left: 0; margin-right: 0; }

.wideforms input[type="text"],
.wideforms textarea { max-width: 100%; margin-left: 0; margin-right: 0; padding: 10px 18px 10px; border: none; font-size: 18px; outline: none; /*border-radius: 3px;*/ width: 100%; max-width: 100%; font-weight: 600; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 6px 0; }
.wideforms select { margin: 6px 0; }
form input.stroke,
form textarea.stroke { -webkit-box-shadow: 0 0 0 1px rgba(41,41,41,0.2) inset; box-shadow: 0 0 0 1px rgba(41,41,41,0.2) inset; }

form textarea { max-height: 250px; max-width: 100%; min-height: 130px; }


.mnFacture { text-align: center; }
.mnFacture li { position: relative; display: inline-block!important; border: solid 1px; width: 20%; min-width: 200px!important; float: left!important; min-height: 200px!important; margin: 0px -1px -1px 0px; border-collapse: collapse; }
.mnFacture li .thumbnail-77 { padding: 15px; }
.mnFacture li img { max-width: 95%; }
.mnFacture .closeCircle { position: absolute; right: 0; top: -20px; z-index: 9; }

form textarea.round { border-radius: 15px!important; }


form input[type="text"],
form input[type="name"],
form input[type="email"],
form input[type="password"],
form input[type="tel"],
form textarea,
form input.button { margin: 5px; }


form.wide input,
form.wide textarea { width: 100%; margin: 6px 0; }


form.center input,
form.center textarea { text-align: center; }

.formlabelmain { display: block; font-size: 14px; margin-bottom: 30px; margin-top: 14px; width: 100%; }

form label { display: block; margin-top: 20px; margin-bottom: 5px; }

form > label:first-of-type { margin-top: 10px; }

form label.uppercase { font-size: 14px; }

select { font-size: 15px; border: 1px solid; /*border-radius: 5px;*/ padding: 9px 14px 9px; outline: none; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0px; font-family: 'HKGrotesk', sans-serif!important; }
select::-ms-expand { display: none; }

.form-96 .button.linkEnq { min-width: 150px; }


/* COLORS BY (C) Google Meterial Design */
.white { background-color: #fff!important; color: #303030!important; }
.button.white svg { fill: #303030!important; }
.black { background-color: #303030!important; color: #fff!important; }
.button.black svg { fill: #fff!important; }
.red { background-color: #F44336!important; color: #fff!important; }
.pink { background-color: #E91E63!important; color: #fff!important; }
.purple { background-color: #9C27B0!important; color: #fff!important; }
.deepPurple { background-color: #673AB7!important; color: #fff!important; }
.indigo { background-color: #3F51B5!important; color: #fff!important; }
.blue { background-color: #2196F3!important; color: #fff!important; }
.cyan { background-color: #00BCD4!important; color: #fff!important; }
.teal { background-color: #009688!important; color: #fff!important; }
.green { background-color: #4CAF50!important; color: #fff!important; }
.lightGreen { background-color: #8BC34A!important; color: #fff!important; }
.lime { background-color: #CDDC39!important; color: #303030!important; }
.yellow { background-color: #FFEB3B!important; color: #303030!important; }
.amber { background-color: #FFC107!important; color: #fff!important; }
.orange { background-color: #FF9800!important; color: #fff!important; }
.deepOrange { background-color: #FF5722!important; color: #fff!important; }
.brown { background-color: #795548!important; color: #fff!important; }
.grey, .gray { background-color: #9E9E9E!important; color: #fff!important; }
.blueGrey, .blueGray { background-color: #607D8B!important; color: #fff!important; }

.textWhite { color: #fff!important; }
.textBlack { color: #303030!important; }
.textRed { color: #F44336!important; }
.textPink { color: #E91E63!important; }
.textPurple { color: #9C27B0!important; }
.textDeepPurple { color: #673AB7!important; }
.textIndigo { color: #3F51B5!important; }
.textBlue { color: #2196F3!important; }
.textCyan { color: #00BCD4!important; }
.textTeal { color: #009688!important; }
.textGreen { color: #4CAF50!important; }
.textLightGreen { color: #8BC34A!important; }
.textLime { color: #CDDC39!important; }
.textYellow { color: #FFEB3B!important; }
.textAmber { color: #FFC107!important; }
.textOrange { color: #FF9800!important; }
.textDeepOrange { color: #FF5722!important; }
.textBrown { color: #795548!important; }
.textGrey, .textGray { color: #9E9E9E!important; }
.textBlueGrey, .textBlueGray { color: #607D8B!important; }
.textDGrey { color: #333!important; }
.textLGrey { color: #b5b5b5!important; }
.textDBlack { color: #000!important; }

/* social colors */
.facebook { background: #3b5998; }
.twitter { background: #55acee; }
.googlePlus { background: #DD4330; }
.stumbleupon { background: #eb4924; }
.linkedin { background: #0077b5; }
.pinterest { background: #cc2127; }

.nextSlide,
.prevSlide { cursor: pointer; }
.nextSlide:hover,
.prevSlide:hover { -webkit-transition: 0.15s; transition: 0.15s; }
.nextSlide:active,
.prevSlide:active { opacity: 0.75; }

.firstSlide .prevSlide,
.lastSlide .nextSlide { opacity: 0.4; pointer-events: none; }

.firstSlide.lastSlide .prevSlide,
.firstSlide.lastSlide .nextSlide { opacity: 0; }


.firstSlide .panel.bottom .nextSlide svg { -webkit-animation: animateArrow 4s infinite; animation: animateArrow 4s infinite; }

@-webkit-keyframes animateArrow {
    80% { -webkit-transform: translateY(0px); transform: translateY(0px); }
    90% { -webkit-transform: translateY(10px); transform: translateY(10px); }
    100% { -webkit-transform: translateY(0px); transform: translateY(0px); }
}

@keyframes animateArrow {
    80% { transform: translateY(0px); }
    90% { transform: translateY(10px); }
    100% { transform: translateY(0px); }
}






/***
 *       _____ _       _          
 *      / ___/| ( )   | |         
 *     | (___ | |_  __| | ___ ____ 
 *      \___ \| | |/ _` |/ _ / __/
 *      ____) | | | (_| |  __\__ \
 *     /_____/|_|_|\__,_|\___/___/
 *                                
 *                                
 */
.slide { position: fixed; width: 100%; height: 100%; z-index: 10; overflow: hidden; }

.slide.active { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; }

.mobile .slide { visibility: hidden; }

.mobile .slide.active { visibility: visible; }

.content { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%!important; z-index: 100; -webkit-overflow-scrolling: touch; }

.content.scrollBar { overflow-y: auto; }

.windows .defaultScroll .content { overflow: auto; overflow-x: hidden; }

.mobile .content { overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }

/* Background Fade */
.fade .content { background: rgba(17,19,20,0.6); outline: 2px solid rgba(17,19,20,0.6); }
/*default*/
.fade-1 .content { background: rgba(17,19,20,0.1); outline: 2px solid rgba(17,19,20,0.1); }
.fade-2 .content { background: rgba(17,19,20,0.2); outline: 2px solid rgba(17,19,20,0.2); }
.fade-3 .content { background: rgba(17,19,20,0.3); outline: 2px solid rgba(17,19,20,0.3); }
.fade-4 .content { background: rgba(17,19,20,0.4); outline: 2px solid rgba(17,19,20,0.4); }
.fade-5 .content { background: rgba(17,19,20,0.5); outline: 2px solid rgba(17,19,20,0.5); }
.fade-6 .content { background: rgba(17,19,20,0.6); outline: 2px solid rgba(17,19,20,0.6); }
.fade-7 .content { background: rgba(17,19,20,0.7); outline: 2px solid rgba(17,19,20,0.7); }
.fade-8 .content { background: rgba(17,19,20,0.8); outline: 2px solid rgba(17,19,20,0.8); }
.fade-9 .content { background: rgba(17,19,20,0.9); outline: 2px solid rgba(17,19,20,0.9); }

.container { display: table; table-layout: fixed; position: relative; width: 100%; height: 100%; }

.wrap { display: table-cell; text-align: center; vertical-align: middle; cursor: default; }

.wrap:not(.noSpaces),
.spaceWrap { padding: calc(5.56% + 84px) calc(8% + 15px); }

.wraphome:not(.noSpaces),
.spaceWrap { padding: calc(0px) calc(0% + 0px); }




.wrap * { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }

.wraphome * { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }

.slide .background,
.popup .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.slide .background02 { position: absolute; top: 0; left: 0; width: 100%; height: 508px; background-position: center; background-size: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; }



/* Grid */
.grid { margin-left: -2%; margin-right: -2%; }
.grid.fixedSpaces { margin-left: -10px; margin-right: -10px; }
.grid.twoSpaces { margin-left: -2px; margin-right: -2px; }
.grid.noSpaces { margin-left: 0; margin-right: 0; }
.grid + .grid { margin-top: 20px; }
.grid.breadCrumb + .grid { margin-top: 0px; }
.grid:after { content: ""; display: table; clear: both; }
.col-1-12 { max-width: 8.333333333%; }
.col-1-12-8 { max-width: 11.11111111%; }
.col-2-12 { max-width: 16.66666667%; }
.col-2-12b { max-width: 16.66666667%; }
.col-3-12 { max-width: 25%; }
.col-4-12 { max-width: 33.33333333%; }
.col-5-12 { max-width: 41.66666667%; }
.col-6-12 { max-width: 50%; }
.col-7-12 { max-width: 58.33333333%; }
.col-8-12 { max-width: 66.66666667%; }
.col-9-12 { max-width: 75%; }
.col-10-12 { max-width: 83.33333333%; }
.col-11-12 { max-width: 91.66666667%; }
.col-12-12 { max-width: 100%; }





.grid [class*='col-'] { display: block; width: 100%; padding-left: 2%; padding-right: 2%; float: left; }
.grid.noSpaces [class*='col-'] { padding-left: 0; padding-right: 0; }
.grid.fixedSpaces [class*='col-'] { padding-left: 10px; padding-right: 10px; }
.grid.twoSpaces [class*='col-'] { padding-left: 2px; padding-right: 2px; }

.fix-1-12 { max-width: 70px!important; }
.fix-2-12 { max-width: 164px!important; }
.fix-3-12 { max-width: 258px!important; }
.fix-4-12 { max-width: 354px!important; }
.fix-5-12 { max-width: 448px!important; }
.fix-6-12 { max-width: 544px!important; }
.fix-7-12 { max-width: 640px!important; }
.fix-8-12 { max-width: 734px!important; }
.fix-9-12 { max-width: 828px!important; }
.fix-10-12 { max-width: 922px!important; }
.fix-11-12 { max-width: 1018px!important; }
/*.fix-12-12{max-width: 1200px!important;}*/
/*.fix-12-12 { max-width: 1360px!important; }*/
.fix-12-12 { max-width: 1200px!important; }
.fix-12-12b { max-width: 1280px!important; }
.fix-12-12c { max-width: 100%!important; }

.homeWrp .fix-12-12 { width: 100% !important; max-width: 1200px !important; }
[class*='fix-'] { width: 98%!important; margin-left: auto!important; margin-right: auto!important; float: none; }
.toLeft,
.toLeft[class*='fix-'],
.toLeft[class*='col-'] { margin-left: 0!important; margin-right: auto!important; }
.toRight,
.toRight[class*='fix-'],
.toRight[class*='col-'] { margin-right: 0!important; margin-left: auto!important; float: right; }
.toCenter,
.toCenter[class*='col-'] { margin-left: auto!important; margin-right: auto!important; }
.popupTrigger,
.dropdownTrigger,
.sidebarTrigger { cursor: pointer; }

.shiftImage { margin-top: -15%; margin-bottom: -100%; }
.shiftImageVertical { margin-right: -100%; max-width: none; }
.slide.video .background { overflow: hidden; }
.slide.video .background video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover; -webkit-transition: 1s opacity; transition: 1s opacity; }

.videoThumbnail { cursor: pointer; position: relative; display: inline-block; font-size: 0; overflow: hidden; line-height: 0; /*min-width: 200px;*/ }
/*.videoThumbnail img {min-height:150px;}*/
.slide.whiteSlide .videoThumbnail { -webkit-box-shadow: none; box-shadow: none; }
.noShadow { -webkit-box-shadow: none; box-shadow: none; }
.videoThumbnail:after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url('../images/video-icon.png') no-repeat; background-position: center center; background-size: 25%; -webkit-transition: 0.5s; transition: 0.5s; opacity: .6; }

.videoThumbnail:hover:after { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.25s; transition: 0.25s; }

.videoThumbnail:active:after { opacity: 0.8; }

.videoThumbnail.small { max-width: 200px; display: block; }

.videoThumbnail.small:after { background-size: 44px; }

.pad { border-radius: 4px; padding: 2% 4%; border: 4px solid; overflow: hidden; }

.pad.shadowHover { -webkit-transition: 0.5s; transition: 0.5s; }

.pad.stroke { background: transparent; -webkit-transition: 0.15s; transition: 0.15s; }

.pad.stroke:hover { -webkit-transition: 0.15s; transition: 0.15s; }

.pad small { font-size: 15px; line-height: 1.45; margin: 15px 0; }

.quoteBubble { padding: 7%; font-size: 26px; position: relative; }

.quoteBubble:after { content: ""; position: absolute; bottom: -13px; left: 6%; border-width: 13px 13px 0; border-style: solid; display: block; width: 0; }

.quoteName { padding-top: 23px; padding-left: 7%; text-transform: uppercase; font-size: 15px; font-weight: 600; letter-spacing: 0.18em; }

.quoteTitle { text-transform: none; font-size: 16px; font-weight: 400; opacity: 0.6; letter-spacing: 0.05em; }

.resizing .equalElement { -webkit-transition: 0s!important; transition: 0s!important; }
.hr { position: relative; height: 1px; }
.hr:after { content: ""; position: absolute; bottom: 0; width: 100%; height: 1px; left: 0; -webkit-transform: scaleX(3); transform: scaleX(3); }

.helpBubble:after { content: "?"; font-size: 14px; width: 17px; height: 17px; line-height: 1.2; opacity: 0.3; border-radius: 50%; display: inline-block; margin-left: 4px; font-weight: 700; -webkit-transition: 0.25s; transition: 0.25s; }

.helpBubble .helpMessage { position: absolute; z-index: 10; padding: 17px; text-align: left; bottom: 50%; margin-bottom: 5px; -webkit-transform: translateY(10px) scale(0.95); transform: translateY(10px) scale(0.95); -webkit-transition: 0.25s; transition: 0.25s; opacity: 0; pointer-events: none; }

.helpBubble:hover .helpMessage { pointer-events: all; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; }

.helpBubble:hover:after { opacity: 1; }







/***
 *      _____                 _     
 *     |  __ \               | |    
 *     | |__) __ _ _ __   ___| |____ 
 *     |  ___/ _` | '_ \ / _ | / __/
 *     | |  | (_| | | | |  __| \__ \
 *     |_|   \__,_|_| |_|\___|_/___/
 *                                  
 *                                  
 */
.panel { position: fixed; left: 0; width: 100%; padding: 1.5% 14px; z-index: 200; text-align: center; font-size: 22px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

.panel.large { padding: 2.78% 1%; }

.panel.small { padding-top: 0px; padding-bottom: 0px; }

.panel.top { top: 0; z-index: 9; }

.panel.bottom { bottom: 0; }

.panel.top,
.bottomHdr,
.headRgtWrp { /*-webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); opacity: 0;*/ }

.panel.bottom { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); opacity: 0; }

.page-loaded .panel,
.page-loaded .bottomHdr,
.page-loaded .headRgtWrp { /*-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);opacity: 1; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, padding 0.5s; transition: transform 0.5s, opacity 0.5s, padding 0.5s;*/ }

.panel .hidden,
.panel .hidden * { display: none; }

.scroll .panel.hideOnScroll.top,
.scroll .panel.hideOnScroll.bottom { position: fixed; }

.panel.hideOnScroll.top.hide { -webkit-transform: translateY(-100%)!important; transform: translateY(-100%)!important; opacity: 0; }

.panel.hideOnScroll.bottom.hide { -webkit-transform: translateY(100%)!important; transform: translateY(100%)!important; opacity: 0; }

.panel .sections { display: table; width: 100%; font-size: 0; }

.panel svg { fill: #fff; width: 22px; height: 22px; }


.sections > div { display: table-cell; vertical-align: middle; text-align: center; width: 33.33333%; white-space: nowrap; font-size: 22px; min-height: 50px; }
.sections > div.auto { width: 0.1%; }
.sections > div * { pointer-events: all; }
.sections .right { text-align: right; }
.sections .center { text-align: center; }
.sections .menu { white-space: nowrap; display: inline-block; font-size: 0; }

.sections .menu li { font-size: 22px; display: inline-block; margin: 0 10px; }

.sections .menu.small li { font-size: .8rem; margin: 0 18px; text-transform: uppercase; }


.sections .menu.small li a:hover { border-bottom: solid 3px; padding-bottom: 11px; transition: 0s; opacity: 1.0; }



.sections .menu.uppercase { font-weight: 600; }

.sections .menu.uppercase li { font-size: 17px; margin: 0 20px; letter-spacing: 0.15em; }

.sections .menu.uppercase.small li { font-size: 13px; margin: 0px 0px 0px 38px; }

.sections .center.space { padding: 0 20px; }
.sections .right.space { padding-left: 20px; }
.sections .left.space { padding-right: 20px; }

.sections .right ul.crop { padding-right: 0; }
.sections .left ul.crop { padding-left: 0; }
.sections .left ul.crop li:first-child { margin-left: 0; }
.sections .right ul.crop li:last-child { margin-right: 0; }

.sections a:not(.button):hover { opacity: 0.75; -webkit-transition: 0.15s; transition: 0.15s; }

.panel .button { display: inline-block; border-radius: 50px; padding-left: 20px; padding-right: 20px; font-size: 20px; margin: 0; vertical-align: middle; }

.panel .button.small { font-size: 18px; }

.panel .button.micro { font-size: 16px; padding: 12px 22px; }

.panel .nextSlide,
.panel .prevSlide { width: 24px; height: 24px; position: relative; top: 5px; }

.panel .button + .button { margin-left: 10px; }

.menuButton.uppercase { font-size: 17px; }
.menuButton.uppercase.small { font-size: 14px; }

.adv { float: right; width: 184px; }

.button.actionButton { display: inline-block; height: 40px; width: 40px; padding: 5px 7px 4px 0px; border: 3px solid transparent; border-radius: 2px; z-index: 999; background: rgba(0,0,0,.0); line-height: 2.3; cursor: pointer; -ms-touch-action: manipulation; touch-action: manipulation; vertical-align: top; }

/* preloader */
html:not(.page-loaded) .slides .slide.selected,
html:not(.page-loaded) .slides.scroll .slide { /* opacity:0.2!important;*/ }

.slides .slide { opacity: 1; }

.loadingIcon { position: fixed; z-index: 10000; text-align: center; top: 10px; right: 10px; opacity: 0; }

.page-ready .loadingIcon { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: 0.5s 0.5s; transition: 0.5s 0.5s; }

.loadingIcon svg { width: 24px; height: 24px; }

.loadingIcon svg .dash { stroke: #fff; }
.page-loaded .loadingIcon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); pointer-events: none; -webkit-transition: all 0.5s, visibility 0s 5s; transition: all 0.5s, visibility 0s 5s; }

.slides .loadingIcon svg { -webkit-animation: loading 3s infinite cubic-bezier(.64,.48,.55,.64); animation: loading 3s infinite cubic-bezier(.64,.48,.55,.64); }

.loadingIcon svg .dash { -webkit-transition: 0.3s linear; transition: 0.3s linear; }

@-webkit-keyframes loading {
    from { -webkit-transform: rotate(-1080deg); transform: rotate(-1080deg); }
}

@keyframes loading {
    from { transform: rotate(-1080deg); }
}







/***
 *       _____       _      
 *      / ___/( )   | |     
 *     | (___  _  __| | ___ 
 *      \___ \| |/ _` |/ _ \
 *      ____) | | (_| |  __/
 *     /_____/|_|\__,_|\___/
 *                          
 *                          
 */
.side { position: fixed; right: 0; top: 0; bottom: 0; height: 100%; z-index: 100; padding: calc(5.56% + 50px) 4%; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.side.large { padding: calc(5.56% + 50px) 5%; }

.page-loaded .side { opacity: 1; }

.side.left { left: 0; right: inherit; }

.side.right { right: 0; left: inherit; }

.navigation { display: table; height: 100%; }

.navigation ul { display: table-cell; vertical-align: middle; }

.navigation * { pointer-events: all; }

.navigation li { display: block; background: transparent; padding: 9px; margin: 0 -9px; cursor: pointer; position: relative; }

.navigation li:after { content: ""; display: block; width: 15px; height: 15px; -webkit-border-radius: 7px; border-radius: 7px; opacity: 0.5; -webkit-transition: opacity 0.15s, background 0.15s; transition: opacity 0.15s, background 0.15s; }

.navigation li:hover:after { opacity: 1; }

/* sizes */
.medium .navigation li { padding: 11px; margin: 0 -11px; }

.medium .navigation li:after { width: 10px; height: 10px; -webkit-border-radius: 5px; border-radius: 5px; }

.small .navigation li { padding: 13px; margin: 0 -9px; }

.small .navigation li:after { width: 6px; height: 6px; -webkit-border-radius: 3px; border-radius: 3px; }

/* tooltitps for titles */
.navigation li.tooltip:before { content: attr(data-title); position: absolute; left: 0; top: 1px; font-size: 15px; border-radius: 50px; padding: 6px 14px 7px; visibility: hidden; white-space: nowrap; letter-spacing: 0.01em; -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.navigation li:hover:before { visibility: visible; }

.left .navigation li:before { -webkit-transform: translateX(100%); transform: translateX(100%); left: inherit; right: 0; }

.panel.bottom .navigation li:before { -webkit-transform: translateY(-100%) translateX(-50%); transform: translateY(-100%) translateX(-50%); left: 14px; /* as padding */ top: -2px; }


/* compact navigation */
.compact.side { padding: 30px calc(2.5% - 8px); }

.compact.side .navigation li { width: 15px; height: 7px; margin: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; opacity: 0.2; padding: 1px; }

.compact.side .navigation li:hover { opacity: 1; }

.compact.side .navigation li.selected { opacity: 1; }

.compact.side .navigation li:after { display: none; }

.compact.side .navigation li:first-child { border-radius: 10px 10px 0 0; }

.compact.side .navigation li:last-child { border-radius: 0 0 10px 10px; }

.compact.side .navigation li:after { display: none; }
.compact.side .navigation li:before { /*font-size:12px;
  padding:4px 8px; */ margin: 0 -12px; top: -10px; }

/* stroke */
.stroke .navigation li:after { border-style: solid; border-width: 2px; background-color: transparent; }

.stroke.small .navigation li:after { border-width: 1px; }

/* square */
.square .navigation li:after { border-radius: 0; }
.square.small .navigation li:after { border-radius: 0; }


/* diamond */
.diamond .navigation li:after { border-radius: 0px; -webkit-transform: rotate(45deg) scale(0.72); transform: rotate(45deg) scale(0.72); }
.diamond.medium .navigation li:after { -webkit-transform: rotate(45deg) scale(0.88); transform: rotate(45deg) scale(0.88); }
.diamond.small .navigation li:after { -webkit-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); }

.navigation li.selected:after { opacity: 1; }

/* nav in panel */
.panel .side { position: relative; display: inline; height: auto; padding: 0; }

.panel .navigation,
.panel .navigation ul { display: inline; }

.panel .navigation li { display: inline-block; margin: -9px 0; }

.panel .side.small .navigation li { margin: 0; }

.sideArrow { width: 31px; height: 72px; margin: 0px -9px; }

/* End of Side */







/***
 *       _____ _                    
 *      / ___/| |                   
 *     | (___ | |__   __ _ _ __ ___ 
 *      \___ \| '_ \ / _` | '__/ _ \
 *      ____) | | | | (_| | | |  __/
 *     /_____/|_| |_|\__,_|_|  \___/
 *                                  
 *                                  
 */
.dropdown { position: fixed; z-index: 300; width: 160px; margin-bottom: 50px; border-radius: 8px; text-align: center; cursor: default; visibility: hidden; opacity: 0; -webkit-transform-origin: top; transform-origin: top; -webkit-transform: translateY(0) scale(0.9); transform: translateY(0) scale(0.9); -webkit-transition: -webkit-transform 0.35s, opacity 0.35s, -webkit-box-shadow 0.35s; transition: transform 0.35s, opacity 0.35s, box-shadow 0.35s; }

.dropdown.bottom { -webkit-transform-origin: bottom; transform-origin: bottom; }

.dropdown:after { content: ""; bottom: 100%; left: 25px; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 7px; margin-left: -7px; }

.dropdown.bottom:after { top: 100%; bottom: initial; }

.dropdown.right:after { right: 18px; left: auto; }

.dropdown.show { visibility: visible; opacity: 1; }

.dropdown.show { -webkit-transform: translateY(20px); transform: translateY(20px); }

.dropdown.bottom.show { -webkit-transform: translateY(-20px); transform: translateY(-20px); }

.dropdown.show.hide { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); }

.dropdown.bottom.show.hide { -webkit-transform: translateY(-40px); transform: translateY(-40px); }

.slides .dropdown h3 { font-size: 17px; padding: 15px 0; font-weight: 500; margin: 0; text-align: center; opacity: 0.65; }

.dropdown.share li { float: left; text-align: center; display: block; width: 80px; height: 50px; padding: 14px 0; position: relative; cursor: pointer; opacity: 0.9; -webkit-transition: 0.15s; transition: 0.15s; }

.dropdown.share li:hover { opacity: 1; }

.dropdown.share li:after { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: 0.25s; transition: 0.25s; }

.dropdown.share li:active:after { opacity: 1; -webkit-transition: 0.1s; transition: 0.1s; }


.dropdown.share li svg { width: 20px; height: 20px; }

.dropdown.share .mail { width: 100%; height: 50px; font-size: 15px; padding: 15px 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

.dropdown.share .mail:after { border-radius: 0 0 7px 7px; }

.dropdown.share .mail:hover { text-decoration: underline; }
.dropdown.share .googlePlus { background: #DD4330; }
.dropdown.share .facebook { background: #3b5998; }
.dropdown.share .twitter { background: #55acee; }
.dropdown.share .digg { background: #000000; }
.dropdown.share .delicious { background: #3399ff; }
.dropdown.share .stumbleupon { background: #eb4924; }
.dropdown.share .linkedin { background: #0077b5; }
.dropdown.share .pinterest { background: #cc2127; }

/***
 *       _____       _      _                
 *      / ___/( )   | |    | |               
 *     | (___  _  __| | ___| |__   __ _ _ ___
 *      \___ \| |/ _` |/ _ | '_ \ / _` | '__/
 *      ____) | | (_| |  __| |_) | (_| | |   
 *     /_____/|_|\__,_|\___|_.__/ \__,_|_|   
 *                                           
 *                                           
 */
.sidebar { color: #fff; background: rgba(255, 255, 255, 1.0); position: fixed; top: 0; right: 0; width: 340px; max-width: 90%; height: 100%; z-index: 999999; -webkit-transition: -webkit-transform 0.5s, visibility 0s; transition: transform 0.5s, visibility 0s; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); overflow-y: auto; -webkit-overflow-scrolling: touch; }
.sidebarShown .navtop, .sidebarShown .dropdown-el { /*z-index: 0!important;*/ }
.sidebarShown .sidebar.visible { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; }

.sidebar .content { /*padding: 56px 40px;*/ padding: 28px; overflow-y: auto; position: relative; }

.sidebar .navSub ul li { padding-left: 0px; }
/* if you use centered content in a sidebar */
.sidebar .wrap { padding: 0; }
.sidebarShown .slide.selected .content { overflow: hidden; }
.sidebar.left { right: inherit; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.sidebar.top { top: 0; width: 100%; max-width: 100%; height: auto; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.sidebar.advSrch_open { opacity: 0; }
.sidebar.advSrch_open .content { padding: 50px 20px 50px 20px; overflow-y: auto; position: relative; }
.sidebar.advSrch_open { /*padding-right: 20px;*/ }



.w25 { width: 19.6%; }
.w100 { width: 100%; }
/* ELEMENTS */
.sidebar .logo { padding: 0; font-size: 0; margin-bottom: 22px; }

.sidebar .close { position: absolute; top: 0; right: 0; cursor: pointer; padding: 14px; font-size: 0; z-index: 101; -webkit-transition: 0.25s; transition: 0.25s; }
.sidebar .close:hover svg { transform: rotate(180deg); }

.sidebar .close svg { fill: #fff !important; width: 30px; height: 30px; -webkit-transition: transform .35s ease; -moz-transition: transform .35s ease; transition: transform .35s ease; }
.sidebar .close span.material-icons { color: #fff; font-size: 25px; float: right; margin: auto; cursor: pointer; -webkit-transition: transform .35s ease; -moz-transition: transform .35s ease; transition: transform .35s ease; }
.sidebar .close span.material-icons:hover { color: #ef7b7a; transform: rotate(180deg); }

/* menu items */
.sidebar .uppercase li a { text-transform: uppercase; letter-spacing: 0.15em; }

.sidebar ul { line-height: 2.21; /*margin-bottom: 25px;*/ display: block; font-size: 0; }

.sidebar a { font-size: 17px; font-weight: 400; display: inline-block; line-height: 1.8; }

.sidebar a:hover { /*font-weight: bold; padding-left: 5px; letter-spacing: -0.5px;*/ }

.sidebar .mainMenu li a { font-size: 17px; }

.sidebar .mainMenu.small li a { font-size: 15px; }

.sidebar .subMenu li { font-weight: 400; text-transform: none; letter-spacing: 0px; opacity: 0.6; }

.sidebar .subMenu li { font-size: 14px; }

.sidebar .subMenu.small li { font-size: 15px; }

/* social */
.sidebar .social { margin-top: 40px; }

.sidebar .social li { display: inline-block; margin-right: 20px; }

.sidebar .social li:last-child { margin-right: 0; }

.sidebar .social li a { font-size: 0; padding: 0; }

.sidebar .social li a svg { width: 24px; height: 24px; }


/* sidebar sizes */
.sidebar.small ul { margin-bottom: 17px; }

.sidebar.small .content { padding: 30px; }

.sidebar.small .social { margin-top: 30px; }

.sidebar .social.small li { margin-right: 12px; }

.sidebar .social.small li a svg { width: 16px; height: 16px; }

.sidebar .large li a { font-size: 30px; }

.sidebar .light li a { font-weight: 100; }

.sidebar .social.medium li a svg { width: 18px; height: 18px; }

.sidebar .social.medium li { margin-right: 14px; }








.sidebar .mainMenu .sideNavHome { font-size: 22px; display: block; font-family: 'Caboodle', Sans-serif; margin-bottom: 6px; }
.sidebar .mainMenu .sideNavHome .fa { font-size: 22px; }

.sidebar .mainMenu .sideNavChat { margin-top: 20px; border-top: dashed 1px; padding-top: 18px; text-transform: uppercase; }
.sidebar .mainMenu .sideNavChat a { font-size: 14px; font-family: 'Caboodle', Sans-serif; text-transform: uppercase; }
.sidebar .mainMenu .sideNavBroch a { font-size: 14px; font-family: 'Caboodle', Sans-serif; margin-top: 10px; text-transform: uppercase; }
.sidebar .mainMenu a > i { margin-right: 5px; }

/* SIDEBAR ANIMATION */
.page-loaded.sidebarShown .slide.selected { -webkit-transform: scale(0.95)!important; transform: scale(0.95)!important; pointer-events: none; opacity: 0.5!important; }

.sidebarShown .panel.top { opacity: 0; }

.sidebarShown .panel.bottom { opacity: 0.5; -webkit-transform: scale(0.95) translateY(-10%); transform: scale(0.95) translateY(-10%); }



/* animation */
.page-loaded.sidebarShown .panel,
.page-loaded.sidebarShown .slide.selected,
.page-loaded.sidebarShown .slide.selected:after,
.sidebar { -webkit-transition: -webkit-transform 0.5s, opacity 0.5s!important; transition: transform 0.5s, opacity 0.5s!important; }


/*.dtlBrdCrmb { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); transition: .5s; }*/
/*.page-loaded .dtlBrdCrmb { -webkit-transform: translate3d(0,0,0)!important; transform: translate3d(0,0,0)!important; transition: transform 0.5s, opacity 0.5s, padding 0.5s; }*/




/***
 *      _____                        
 *     |  __ \                       
 *     | |__) __  _ __  _   _ _ __  
 *     |  ___/ _ \| '_ \| | | | '_ \ 
 *     | |  | (_) | |_) | |_| | |_) |
 *     |_|   \___/| .__/ \__,_| .__/ 
 *                | |         | |    
 *                |_|         |_|    
 */


/* POPUP */
.popup { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 9999999; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

.popup [class*="fix-"] { width: 100%!important; }

.popup .content { overflow-y: auto; }

.popupShown .popup.visible { display: block; -webkit-animation: fadeIn 0.75s; animation: fadeIn 0.75s; }

/*.popupShown .popup.visible:not(.animated) .popupContent { -webkit-animation: zoomOut 0.5s 0.25s backwards; animation: zoomOut 0.5s 0.25s backwards; }*/

.popupShown .slow .popup.visible { -webkit-animation: fadeIn 1.25s; animation: fadeIn 1.25s; }

/*.popupShown .slow .popup.visible:not(.animated) .popupContent { -webkit-animation: zoomOut 1s 0.25s backwards; animation: zoomOut 1s 0.25s backwards; }*/


.popupShown .fast .popup.visible { -webkit-animation: fadeIn 0.5s; animation: fadeIn 0.5s; }
.popupShown .fast .popup.visible .popupContent { -webkit-animation: zoomOut 0.5s 0.25s backwards; animation: zoomOut 0.5s 0.25s backwards; }

.popup .close { position: absolute; top: -25px!important; right: -25px!important; cursor: pointer; padding: 14px; font-size: 0; opacity: 0.8; z-index: 9999; -webkit-transition: 0.25s; transition: 0.25s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); height: auto!important; width: auto!important; }

.popup .close.left { right: inherit; left: 0; }

.popup .close:hover { opacity: 1; }

.popup .close svg { width: 30px; height: 30px; }
.Vdopop-close.bigClose .icn_close { display: none; }
.popup .close.closeButton { margin: 14px; display: inline-block; position: relative; font-size: 18px; line-height: 0; border-radius: 3px; padding: 13px 20px; height: 20px; box-sizing: content-box; border: none; outline: none; overflow: hidden; white-space: nowrap; -webkit-appearance: none; -webkit-user-select: none!important; -moz-user-select: none!important; -ms-user-select: none!important; user-select: none!important; color: #fff; background: #303030; text-decoration: none; vertical-align: top; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.popup .close.closeButton.round { padding-left: 18px!important; padding-right: 18px!important; }

.popup .close.closeButton svg { vertical-align: sub; width: 20px; height: 20px; fill: #fff; position: relative; left: -4px; margin-right: 4px; }

.popup .wrap { padding: 18px 58px; }
.popup .wrap.spaces { padding: 58px; }
.popup.popspec .wrap.spaces { padding-top: 20px!important; padding: calc(3.56% + 24px) calc(8% + 15px); }
.popup.fullscreen .wrap { padding: 0; }

.popup.fullscreen .embedVideo { height: 100vh; padding-bottom: 0; }

.embedVideo { position: relative; padding-bottom: 56.25%; /* 16x9 */ height: 0; overflow: hidden; max-width: 100%; }

.embedVideo iframe,
.embedVideo object,
.embedVideo embed,
.embedVideo video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.iframeBackground { border: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.embedVideo.size-16x10 { padding-bottom: 62.5%; }

.embedVideo.size-16x10 { padding-bottom: 62.5%; }

.embedVideo.size-4x3 { padding-bottom: 75%; }

.embedVideo.size-1x1,
.embedVideo.size-square { padding-bottom: 100%; }








/***
 *      ______                       _____                            
 *     |___  /                      |_   _|                           
 *        / / ___   ___  _ __ ___     | |  _ __ ___   __ _  __ _  ___ 
 *       / / / _ \ / _ \| '_ ` _ \    | | | '_ ` _ \ / _` |/ _` |/ _ \
 *      / /_| (_) | (_) | | | | | |  _| |_| | | | | | (_| | (_| |  __/
 *     /_____\___/ \___/|_| |_| |_| |_____|_| |_| |_|\__,_|\__, |\___/
 *                                                          __/ |     
 *                                                         |___/      
 */

[data-action="zoom"] { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; }

.zoom-img,
.zoom-img-wrap { position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transition-timing-function: cubic-bezier(.2,0,.3,1)!important; transition-timing-function: cubic-bezier(.2,0,.3,1)!important; }

img.zoom-img { cursor: pointer; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; }

.zoom-overlay { position: fixed; top: -9999px; left: -9999px; right: -9999px; bottom: -9999px; pointer-events: none; filter: "alpha(opacity=0)"; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }

.zoom-overlay-open .zoom-overlay { filter: "alpha(opacity=90)"; opacity: 0.9; }

.zoom-overlay-open .side,
.zoom-overlay-open .panel { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; }

.zoom-overlay-open,
.zoom-overlay-transitioning { cursor: default; }

.zoom-img-parent { position: relative; z-index: 1000; }







/***
 *       _____ _ _     _           
 *      / ___/| (_)   | |          
 *     | (___ | |_  __| | ___ _ __ 
 *      \___ \| | |/ _` |/ _ \ '__/
 *      ____) | | | (_| |  __/ |   
 *     /_____/|_|_|\__,_|\___/_|   
 *                                 
 *                                 
 */
.slider { position: relative; }

.slider.clickable { cursor: pointer; }

.slider.autoHeight { -webkit-transition: 0.5s; transition: 0.5s; }

.slider > li { display: none; top: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; pointer-events: none; }

.slider > li.selected { display: block; opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; pointer-events: all; }

.controller li { cursor: pointer; }

.controller li.selected { cursor: default; pointer-events: none; }



.hidefull { display: none; }




/*

 ______  __  __          _  
|  ___/ / _// _|        | |        
| |___ | |_| |_ ___  ___| |_ ____
|  __/ |  _|  _/ _ \/ __| __/ __/
| |____| | | ||  __| (__| |_\__ \
|_____/|_| |_| \___|\___/\__/___/

*/

/* DEFAULT */
.slide.before { -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); }

.slide,
.slide.after { /*-webkit-transform:translate3d(0,50%,0);
  transform:translate3d(0,50%,0);
  will-change:transform;*/ }


.slide.before,
.slide.after { opacity: 0; }

.slide.selected { -webkit-transform: translate3d(0,0,0)!important; -moz-transform: translate3d(0,0,0)!important; -ms-transform: translate3d(0,0,0)!important; -o-transform: translate3d(0,0,0)!important; transform: translate3d(0,0,0)!important; z-index: 11; }

.page-loaded .slide.selected { opacity: 1!important; }


/* horizontal */
.horizontal .slide,
.horizontal .slide.before { -webkit-transform: translate3D(-50%,0,0); -ms-transform: translate3D(-50%,0,0); transform: translate3D(-50%,0,0); }

.horizontal .slide.after { -webkit-transform: translate3D(50%,0,0); -ms-transform: translate3D(50%,0,0); transform: translate3D(50%,0,0); }


/* FILM */
.film .slide.before { -webkit-transform: translate3D(0,-100%,0); -ms-transform: translate3D(-100%,0,0); transform: translate3D(0,-100%,0); }

.film .slide.after { -webkit-transform: translate3D(0,100%,0); -ms-transform: translate3D(0,100%,0); transform: translate3D(0,100%,0); }



/* Horizontal */
.film.horizontal .slide.before { -webkit-transform: translate3D(-100%,0,0); -ms-transform: translate3D(-100%,0,0); transform: translate3D(-100%,0,0); }

.film.horizontal .slide,
.film.horizontal .slide.after { -webkit-transform: translate3D(100%,0,0); -ms-transform: translate3D(100%,0,0); transform: translate3D(100%,0,0); }


/* ZEN */
.zen .slide.before { -webkit-transform: translateY(-100%) scale(0.8); -ms-transform: translateY(-100%) scale(0.8); transform: translateY(-100%) scale(0.8); }

.zen .slide,
.zen .slide.after { -webkit-transform: translateY(100%) scale(0.8); -ms-transform: translateY(100%) scale(0.8); transform: translateY(100%) scale(0.8); }

/* Horizontal */
.zen.horizontal .slide.before { -webkit-transform: translateX(-100%) scale(0.8); -ms-transform: translateX(-100%) scale(0.8); transform: translateX(-100%) scale(0.8); }

.zen.horizontal .slide,
.zen.horizontal .slide.after { -webkit-transform: translateX(100%) scale(0.8); -ms-transform: translateX(100%) scale(0.8); transform: translateX(100%) scale(0.8); }


/* STACK */
.stack .slide,
.stack .slide.after { -webkit-transform: translateY(100%); -mstransform: translateY(100%); transform: translateY(100%); }

.stack .slide.after { opacity: initial; }

.stack .slide.selected,
.stack .slide.after.active { z-index: 11!important; }

.stack .slide.before { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

/* Horizontal */
.stack.horizontal .slide,
.stack.horizontal .slide.after { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }

.stack.horizontal .slide.before { -webkit-transform: scale(0.9); transform: scale(0.9); }


/* CARDS */
.cards .slide,
.cards .slide.after { -webkit-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); opacity: initial; }
.cards .slide.after { z-index: 8!important; opacity: 0; }

.cards .slide.selected { z-index: 9!important; }

.cards .slide.before { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); z-index: 7; }

.cards .slide.active.before { z-index: 10!important; }

/* Horizontal */
.cards.horizontal .slide,
.cards.horizontal .slide.after { -webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); }

.cards.horizontal .slide.before { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }



/* ZOOM CHANGE */
.zoom .slide.before { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }

.zoom .slide,
.zoom .slide.after { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; }



/* PLAIN CHANGE */
.plain .slide.before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.plain .slide,
.plain .slide.after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.plain .slide.after:after,
.plain .slide.before:after { opacity: 1; }


/* SPEED */
.page-loaded .fast .slide.active,
.page-loaded .fast .slide.selected { -webkit-transition: -webkit-transform 0.6s, opacity 0.6s; transition: transform 0.6s, opacity 0.6s; }

.page-loaded .slide.selected,
.page-loaded .slide.active { -webkit-transition: -webkit-transform 1s, opacity 1s; transition: transform 1s, opacity 1s; }



.page-loaded .slow .slide.active,
.page-loaded .slow .slide.selected { -webkit-transition: -webkit-transform 1.4s, opacity 1.4s; transition: transform 1.4s, opacity 1.4s; }

.page-loaded .slide.selected.entry,
.page-loaded .slide.active.entry { -webkit-transition: -webkit-transform 0s, opacity 1s; transition: transform 0s, opacity 1s; }

/* panels */
.slides.animated.fast .panel { -webkit-transition: -webkit-transform 0.6s, opacity 0.6s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s; transition: transform 0.6s, opacity 0.6s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s; }
.slides.animated .panel { -webkit-transition: -webkit-transform 0.8s, opacity 0.8s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s; transition: transform 0.8s, opacity 0.8s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s; }
.slides.animated.slow .panel { -webkit-transition: -webkit-transform 1s, opacity 1s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s; transition: transform 1s, opacity 1s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s; }



/* EASING */
.smooth .active,
.smooth .selected,
.smooth .panel,
.smooth .sidebar { -webkit-transition-timing-function: cubic-bezier(.55,.05,.35,.95)!important; transition-timing-function: cubic-bezier(.55,.05,.35,.95)!important; }

.bounce .active,
.bounce .selected,
.bounce .panel,
.bounce .sidebar { -webkit-transition-timing-function: cubic-bezier(.40,1.15,.35,1)!important; transition-timing-function: cubic-bezier(.40,1.15,.35,1)!important; }







/***
 *                                       _           _   ______ _                           _       
 *         /\         ( )               | |         | | |  ___/| |                         | |      
 *        /  \   _ __  _ _ __ ___   __ _| |_ ___  __| | | |___ | | ___ _ __ ___   ___ _ __ | |_ ___ 
 *       / /\ \ | '_ \| | '_ ` _ \ / _` | __/ _ \/ _` | |  __/ | |/ _ \ '_ ` _ \ / _ \ '_ \| __/ __/
 *      / ____ \| | | | | | | | | | (_| | ||  __/ (_| | | |____| |  __/ | | | | |  __/ | | | |_\__ \
 *     /_/    \_\_| |_|_|_| |_| |_|\__,_|\__\___/\__,_| |_____/|_|\___/_| |_| |_|\___/_| |_|\__|___/
 *                                                                                                  
 *                                                                                                  
 */

.animated [class*="ae-"] { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

/* Speed */
.animated.fast .animate [class*="ae-"]:not(.done) { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; }

.animated .animate [class*="ae-"]:not(.done) { -webkit-transition-duration: 0.8s; transition-duration: 0.8s; }

.animated.slow .animate [class*="ae-"]:not(.done) { -webkit-transition-duration: 1s; transition-duration: 1s; }

/* delays */
.animated.fast .animate .ae-1:not(.done) { -webkit-transition-delay: 10ms; transition-delay: 10ms; }
.animated.fast .animate .ae-2:not(.done) { -webkit-transition-delay: 140ms; transition-delay: 140ms; }
.animated.fast .animate .ae-3:not(.done) { -webkit-transition-delay: 270ms; transition-delay: 270ms; }
.animated.fast .animate .ae-4:not(.done) { -webkit-transition-delay: 400ms; transition-delay: 400ms; }
.animated.fast .animate .ae-5:not(.done) { -webkit-transition-delay: 530ms; transition-delay: 530ms; }
.animated.fast .animate .ae-6:not(.done) { -webkit-transition-delay: 660ms; transition-delay: 660ms; }
.animated.fast .animate .ae-7:not(.done) { -webkit-transition-delay: 790ms; transition-delay: 790ms; }
.animated.fast .animate .ae-8:not(.done) { -webkit-transition-delay: 920ms; transition-delay: 920ms; }
.animated.fast .animate .ae-9:not(.done) { -webkit-transition-delay: 1050ms; transition-delay: 1050ms; }
.animated.fast .animate .ae-10:not(.done) { -webkit-transition-delay: 1180ms; transition-delay: 1180ms; }

.animated .animate .ae-1:not(.done) { -webkit-transition-delay: 10ms; transition-delay: 10ms; }
.animated .animate .ae-2:not(.done) { -webkit-transition-delay: 160ms; transition-delay: 160ms; }
.animated .animate .ae-3:not(.done) { -webkit-transition-delay: 320ms; transition-delay: 320ms; }
.animated .animate .ae-4:not(.done) { -webkit-transition-delay: 480ms; transition-delay: 480ms; }
.animated .animate .ae-5:not(.done) { -webkit-transition-delay: 640ms; transition-delay: 640ms; }
.animated .animate .ae-6:not(.done) { -webkit-transition-delay: 800ms; transition-delay: 800ms; }
.animated .animate .ae-7:not(.done) { -webkit-transition-delay: 960ms; transition-delay: 960ms; }
.animated .animate .ae-8:not(.done) { -webkit-transition-delay: 1120ms; transition-delay: 1120ms; }
.animated .animate .ae-9:not(.done) { -webkit-transition-delay: 1280ms; transition-delay: 1280ms; }
.animated .animate .ae-10:not(.done) { -webkit-transition-delay: 1440ms; transition-delay: 1440ms; }

.animated.slow .animate .ae-1:not(.done) { -webkit-transition-delay: 10ms; transition-delay: 10ms; }
.animated.slow .animate .ae-2:not(.done) { -webkit-transition-delay: 210ms; transition-delay: 210ms; }
.animated.slow .animate .ae-3:not(.done) { -webkit-transition-delay: 420ms; transition-delay: 420ms; }
.animated.slow .animate .ae-4:not(.done) { -webkit-transition-delay: 630ms; transition-delay: 630ms; }
.animated.slow .animate .ae-5:not(.done) { -webkit-transition-delay: 840ms; transition-delay: 840ms; }
.animated.slow .animate .ae-6:not(.done) { -webkit-transition-delay: 1050ms; transition-delay: 1050ms; }
.animated.slow .animate .ae-7:not(.done) { -webkit-transition-delay: 1260ms; transition-delay: 1260ms; }
.animated.slow .animate .ae-8:not(.done) { -webkit-transition-delay: 1470ms; transition-delay: 1470ms; }
.animated.slow .animate .ae-9:not(.done) { -webkit-transition-delay: 1680ms; transition-delay: 1680ms; }
.animated.slow .animate .ae-10:not(.done) { -webkit-transition-delay: 1890ms; transition-delay: 1890ms; }


/* Directions */
.animated [class*="ae-"]:not(.done), /* default */
.animated .fromBottom [class*="ae-"]:not(.done),
.animated.fromBottom [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromBottom:not(.done) { visibility: hidden; -webkit-transform: translate3d(0,100px,0); transform: translate3d(0,100px,0); opacity: 0; }

.animated .fromTop [class*="ae-"]:not(.done),
.animated.fromTop [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromTop:not(.done) { -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0); }

.animated .fromLeft [class*="ae-"]:not(.done),
.animated.fromLeft [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromLeft:not(.done) { -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0); }

.animated .fromRight [class*="ae-"]:not(.done),
.animated.fromRight [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromRight:not(.done) { -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0); }

.animated .fromCenter [class*="ae-"]:not(.done),
.animated.fromCenter [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromCenter:not(.done) { -webkit-transform: scale(0.8) translate3d(0,0,0); transform: scale(0.8) translate3d(0,0,0); }

.animated .fromAbove [class*="ae-"]:not(.done),
.animated.fromAbove [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromAbove:not(.done) { -webkit-transform: scale(1.2) translate3d(0,0,0); transform: scale(1.2) translate3d(0,0,0); }

.animated .fromBottomLeft [class*="ae-"]:not(.done),
.animated.fromBottomLeft [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromBottomLeft:not(.done) { -webkit-transform: translate3d(-100px,100px,0); transform: translate3d(-100px,100px,0); }

.animated .fromTopLeft [class*="ae-"]:not(.done),
.animated.fromTopLeft [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromTopLeft:not(.done) { -webkit-transform: translate3d(-100px,-100px,0); transform: translate3d(-100px,-100px,0); }

.animated .fromBottomRight [class*="ae-"]:not(.done),
.animated.fromBottomRight [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromBottomRight:not(.done) { -webkit-transform: translate3d(100px,100px,0); transform: translate3d(100px,100px,0); }

.animated .fromTopRight [class*="ae-"]:not(.done),
.animated.fromTopRight [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromTopRight:not(.done) { -webkit-transform: translate3d(100px,-100px,0); transform: translate3d(100px,-100px,0); }

.animated .fadeIn [class*="ae-"]:not(.done),
.animated.fadeIn [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fadeIn:not(.done) { -webkit-transform: scale(1) translate3d(0,0,0); transform: scale(1) translate3d(0,0,0); }

.animated .fromBlur [class*="ae-"]:not(.done),
.animated.fromBlur [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromBlur:not(.done) { -webkit-transform: scale(1) translate3d(0,0,0); transform: scale(1) translate3d(0,0,0); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter'); -webkit-filter: blur(10px); filter: blur(10px); }


/* Final Step */
.slides.animated .animate.active [class*="ae-"]:not(.done) { opacity: 1; -webkit-backface-visibility: hidden; visibility: visible; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter'); -webkit-filter: none; filter: none; }







/***
 *      ____             _                                   _    ______  __  __          _       
 *     |  _ \           | |                                 | |  |  ____|/ _|/ _|        | |      
 *     | |_) | __ _  ___| | ____ _ _ __ ___  _   _ _ __   __| |  | |__  | |_| |_ ___  ___| |_ ___ 
 *     |  _ < / _` |/ __| |/ / _` | '__/ _ \| | | | '_ \ / _` |  |  __| |  _|  _/ _ \/ __| __/ __|
 *     | |_) | (_| | (__|   < (_| | | | (_) | |_| | | | | (_| |  | |____| | | ||  __/ (__| |_\__ \
 *     |____/ \__,_|\___|_|\_\__, |_|  \___/ \__,_|_| |_|\__,_|  |______|_| |_| \___|\___|\__|___/
 *                            __/ |                                                               
 *                           |___/                                                                
 */

/* KEN BURNS */
.slides.animated .kenBurns .background,
.slides.animated .kenBurns.zoomout .background { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 0.2; z-index: 1; }

.slides.animated .kenBurns:not(.video) .background,
.slides.animated .kenBurns.zoomout:not(.video) .background { -webkit-transition: -webkit-transform 5s cubic-bezier(.3,0,.7,1), opacity 1s ease; transition: transform 5s cubic-bezier(.3,0,.7,1), opacity 1s ease; }

.animated .active.kenBurns:not(.video) .background,
.animated .active.kenBurns.zoomout:not(.video) .background { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05) rotate(-0.02deg); -moz-transform: scale(1.05) rotate(-0.02deg); transform: scale(1.05); }

.windows .slides.animated .active.kenBurns:not(.video) .background { -ms-transform: scale(1.05) rotate(-0.02deg); transform: scale(1.05) rotate(-0.02deg); }

.slides.animated .kenBurns.zoomout:not(.video) .background { -webkit-transform: scale(1.05); transform: scale(1.05); /* fix for friends */ -moz-transform: scale(1.05) rotate(-0.02deg); }

.windows .slides.animated .kenBurns.zoomout:not(.video) .background { -ms-transform: scale(1.05) rotate(-0.02deg); transform: scale(1.05) rotate(-0.02deg); }

.animated .active.kenBurns.zoomout:not(.video) .background,
.windows .slides.animated .active.kenBurns.zoomout:not(.video) .background { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

.mobile .kenBurns .background,
.mobile .kenBurns.zoomout .background { -webkit-transition: 0s; transition: 0s; -webkit-transform: none; transform: none; }


/* PARALLAX */
.slides.animated .parallax:not(.video) .background { -webkit-transform: translate3d(0,0,0) scale(1.15); transform: translate3d(0,0,0) scale(1.15); -webkit-transition: -webkit-transform-origin 1s, -webkit-transform 1s; transition: transform-origin 1s, transform 1s; }

.slides.animated.fast .parallax:not(.video) .background { -webkit-transition: -webkit-transform-origin .6s, -webkit-transform .6s; transition: transform-origin .6s, transform .6s; }

.slides.animated.slow .parallax:not(.video) .background { -webkit-transition: -webkit-transform-origin 1.4s, -webkit-transform 1.4s; transition: transform-origin 1.4s, transform 1.4s; }

.slides.animated .parallax.animate:not(.video) .background { -webkit-transform-origin: center; transform-origin: center; }

.slides.animated .slide.after.parallax:not(.video) .background { -webkit-transform-origin: top center; transform-origin: top center; }

.slides.animated .slide.before.parallax:not(.video) .background { -webkit-transform-origin: bottom center; transform-origin: bottom center; }

/* horizontal */
.slides.animated.horizontal .slide.after.parallax:not(.video) .background { -webkit-transform-origin: left center; transform-origin: left center; }

.slides.animated.horizontal .slide.before.parallax:not(.video) .background { -webkit-transform-origin: right center; transform-origin: right center; }

/* zoom */
.slides.animated.zoom .slide.after.parallax:not(.video) .background { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); }

.slides.animated.zoom .slide.animate.parallax:not(.video) .background { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0,0,0) scale(1.1); transform: translate3d(0,0,0) scale(1.1); }

.slides.animated.zoom .slide.before.parallax:not(.video) .background { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); }

/* zoom */
.slides.animated.plain .slide.after.parallax:not(.video) .background { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); }

.slides.animated.plain .slide.animate.parallax:not(.video) .background { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); }

.slides.animated.plain .slide.before.parallax:not(.video) .background { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); }


/* SCENIC */
.slides.animated .scenic:not(.video) .background { -webkit-animation: scenic 140s cubic-bezier(.2,0,.8,1) infinite; -moz-animation: scenic 140s cubic-bezier(.2,0,.8,1) infinite; -o-animation: scenic 140s cubic-bezier(.2,0,.8,1) infinite; animation: scenic 140s cubic-bezier(.2,0,.8,1) infinite; }

@-webkit-keyframes scenic {
    50% { -webkit-transform: scale(1.5); transform: scale(1.5); }
}

@-moz-keyframes scenic {
    50% { -moz-transform: scale(1.5) rotate(-0.02deg); transform: scale(1.5) rotate(-0.02deg); }
}

@-o-keyframes scenic { 50%;
{ -o-transform: scale(1.5) rotate(-0.02deg); transform: scale(1.5) rotate(-0.02deg); }
}

@keyframes scenic {
    50% { -webkit-transform: scale(1.5); -moz-transform: scale(1.5) rotate(-0.02deg); -ms-transform: scale(1.5) rotate(-0.02deg); -o-transform: scale(1.5) rotate(-0.02deg); transform: scale(1.5) rotate(-0.02deg); }
}


/* SCROLL EFFECT */
.scroll,
.mobile .simplifiedMobile { position: relative; /* -webkit-overflow-scrolling:touch;*/ }
.scroll .content .mobile .simplifiedMobile .content { -webkit-overflow-scrolling: initial; overflow: hidden; }

.scroll .wrap { overflow: hidden; }

.scroll .wraphome { overflow: hidden; }


.scroll .slide,
.scroll .content,
.scroll .container,
.mobile .simplifiedMobile .slide,
.mobile .simplifiedMobile .content,
.mobile .simplifiedMobile .container { position: relative!important; height: auto; opacity: 1; }

.scroll .container,
.mobile .simplifiedMobile .container { /*height: 100vh;*/ }

.scroll .slide.autoHeight .container,
.mobile .slide.autoHeight .simplifiedMobile .container { height: auto; }

.scroll .slide .background,
.scroll .slide.video .background video,
.mobile .simplifiedMobile .slide .background,
.mobile .simplifiedMobile .slide.video .background video { position: absolute!important; min-height: 100vh; }

.scroll .slide .background { min-height: 100vh; }

.scroll .slide,
.scroll .slide.after,
.scroll .slide.before,
.mobile .simplifiedMobile .slide,
.mobile .simplifiedMobile .slide.after,
.mobile .simplifiedMobile .slide.before { visibility: visible; -webkit-transform: none!important; transform: none!important; }

.mobile .simplifiedMobile .slide,
.mobile .simplifiedMobile .slide.after,
.mobile .simplifiedMobile .slide.before { opacity: 1!important; }
.page-loaded.sidebarShown .scroll .slide,
.page-loaded.mobile.sidebarShown .simplifiedMobile .slide { -webkit-transform: translate3d(0,0,0)!important; transform: translate3d(0,0,0)!important; pointer-events: none; opacity: 0.5!important; }
.page-loaded .scroll .slide { -webkit-transition: transform 0.5s, opacity 0.5s!important; transition: transform 0.5s, opacity 0.5s!important; }
.mobile .simplifiedMobile .navigation { display: none; }
.mobile .simplifiedMobile [class*="ae-"] { visibility: visible!important; opacity: 1!important; -webkit-transform: none!important; transform: none!important; }
.search-block .srchCheck { width: auto; margin: 3px 5px; float: left; }
.search-block .checkWrp { float: left; margin-right: 3px; }
.search-block .srchCheck label { display: inline-block; float: left; font-size: 14px; }
.search-block .prevSrch { padding: 10px 20px 3px 20px; border-top: 1px solid; }
.search-block .prevSrch .srchTtl { display: inline-block; }
.search-block .prevSrch ul li { display: inline-block; }
.search-block .prevSrch ul { display: inline-block; }
.search-block .saerchBTNB { float: right; }
.search-block .srchCheck .checkWrp span.tick { position: initial; margin-right: 10px; float: left; }
.mnContentWrp { min-height: 500px; margin-top: 85px; }
.catBannerShown .mnContentWrp { margin-top: 0px; }
.mobile .simplifiedMobile [class*="ae-"] { visibility: visible!important; opacity: 1!important; -webkit-transform: none!important; transform: none!important; }
.scroll .dropdown { position: absolute; top: 0; }
.mobile:not(.firefox) .scroll .dropdown { position: fixed; }
.popupShown, .popupShown body, .sidebarShown, .sidebarShown body { overflow-y: hidden!important; }
.scroll [data-action="zoom"] { cursor: auto; }
.scroll .parallax:not(.video) .background { -webkit-transform: translate3d(0,0,0) scale(1.25); transform: translate3d(0,0,0) scale(1.25); -webkit-transition: none!important; transition: none!important; }

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
}

@keyframes fadeIn {
    from { opacity: 0; }
}

@-webkit-keyframes zoomOut {
    from { opacity: 0; -webkit-transform: scale(0.86); transform: scale(0.86); }
}

@keyframes zoomOut {
    from { opacity: 0; transform: scale(0.86); }
}

@-webkit-keyframes riseUp {
    from { opacity: 0; -webkit-transform: scale(0.86) translateY(50px); transform: scale(0.86) translateY(50px); }
}

@keyframes riseUp {
    from { opacity: 0; transform: scale(0.86) translateY(50px); }
}
/* End Effects */
.mxWd100 { max-width: 100%; }
.wdh100 { width: 100%; }
.Mxht100 { max-height: 100vh; }
.whiteBg { background-color: #ffffff; }
.wdhauto { width: auto; }
.fs16 { font-size: 16px!important; }
.zindex0 { z-index: 0!important; }
/* Slides Custom Styles */
.keyliner02 { margin-top: 74px; border-bottom: solid 1px; }
.smallmanu { display: inline-block; vertical-align: middle; /*max-height:75px;*/ /*float:left;*/ }
.smallmanu img { /*max-width:75px;*/ vertical-align: middle; }
.smallmanutop { display: inline-block; width: 32px; margin-top: 9px; }
.smallmanutop02 { display: inline-block; width: 52px; margin-top: 7px; }
.phone_icon { display: inline-block; vertical-align: middle; min-height: 36px; line-height: 30px; }
.phone_icon img { display: inline; float: left; }
.alfa-button { margin-right: 0px!important; padding-top: 11px; margin-top: 3px; margin-bottom: 10px; font-size: 15px; border-radius: 4px; }
.searchbacker { padding: 2px 8px 0px 8px; }
.linktext02 { display: inline-block; margin-top: -4px; vertical-align: top; }
.pd10 { padding-top: 10px; }
.m25perc { position: absolute; top: 548px; }
.bannerpad { padding-top: 0%; }
.logopad { padding-left: 8px; }
.logopadder { padding-top: 10px; }
.button.actionButton svg { width: 22px; height: 22px; }
.button svg { width: 22px; height: 22px; }
.button.actionButton:hover { -webkit-box-shadow: none; box-shadow: none; }
.button.actionButton:hover .whiteBar { display: none; }
.button.actionButton:hover .blackBar { display: block; }

/*-- UcGallery-*/

.gllryClick { font-size: 0; cursor: pointer; }
.gllryCol { margin-bottom: 10px; }
.gllryDec { display: inline-block; width: 100%; line-height: 1.5; }
.gllryClick:hover { opacity: 0.8; }
.gllryHead p { line-height: normal; }

.ucGallery .grid.fixedSpaces [class*='col-']:nth-child(4n + 1) { clear: both; }


.glryBT { padding-top: 24px!important; padding-bottom: 24px!important; }
.dlrDtion { opacity: 1.0!important; font-size: 13px!important; margin-top: 11px!important; text-transform: uppercase; }
#directions-panel .adp-directions tbody { overflow: auto!important; height: 160px!important; float: left!important; width: 100%!important; }
table.adp-directions, table.adp-directions tbody { width: 100%; }
table.adp-directions tr { width: 100%; }
table.adp-directions tr td:nth-child(1) { width: 10%; text-align: left; }
table.adp-directions tr td:nth-child(2) { width: 10%; text-align: left; }
table.adp-directions tr td:nth-child(3) { width: 70%; text-align: left; }
table.adp-directions tr td:nth-child(4) { width: 10%; text-align: left; }
.print-map { display: none; margin-top: 11px; text-align: left; }
.h-txt .prntBtn img { width: 16px; margin-right: 5px; }
.kpchaImg { float: left; width: 100px; padding-top: 10px; }
.kpchaClick { float: left!important; padding-top: 15px; padding-left: 15px; }
.faClick { cursor: pointer; }
.praform { margin-bottom: 14px!important; margin-top: 18px!important; border-bottom: solid 1px; padding-bottom: 12px!important; font-weight: bold; }
.form-addl { border-radius: 5px; padding: 14px 14px 11px 14px; }
.clsclick { float: right!important; position: inherit!important; padding: 4px!important; }
.clslTx { float: right!important; font-size: 14px!important; padding-top: 4px!important; padding-right: 4px!important; }
.gridBtm { line-height: 1.0!important; margin-bottom: 0!important; }



.twitterIcon { position: relative; top: 5px; }
.play-2 { margin-top: 50px; }
.video-4 { max-width: 500px; margin-top: 75px; }
.svg-4 { padding-bottom: 27%; }
.svg-5 { padding-bottom: 27%; margin-bottom: 60px; margin-top: 60px; }


.iphone-5.shiftImage { margin: 0 0 -129%; }
.svg-6 { padding-bottom: 27%; margin-bottom: 80px; margin-top: 60px; }
.ipad-6.shiftImage { margin: 0 0 -70%; }
.button-7 { margin: 6px 20px!important; }


.svg-8 { padding-bottom: 27%; margin-bottom: 35px; }
.form-8 { margin-top: 80px; }
.svg-9 { padding-bottom: 27%; margin-bottom: 35px; }
.button-9 { margin: 40px 0 65px; }
.play-10 { margin-top: 30px; }


form input[type="text"].input-13, form input[type="name"].input-13, form input[type="email"].input-13 { max-width: 300px; }


.cell-17 { padding-bottom: 25px; }
.video-18 { margin-top: 34px; }
.play-21 { margin-top: 50px; }
.text-24 { margin-bottom: 60px; font-size: 18px; }
.text-25 { margin-bottom: 60px; font-size: 18px; }
.icon-26 { margin-right: 4px; }
.app-26 { width: 100px; padding-bottom: 20px; }


.cell-26 { margin-top: 22px; }


.app-27 { width: 100px; padding-bottom: 20px; }
.icon-27 { margin-right: 4px; }
.cell-27 { margin-top: -22px; }


.quote-31 { margin-top: 35px; }
.cell-31 { margin-top: 10px; }
.image-31 { padding-top: 35px; }
.avatar-31 { border-radius: 50px; margin: 10px 5px 5px; }
.ipad-31.shiftImageVertical.shiftImage { margin: -10% 0px -115%; }
.ipad-32.shiftImageVertical.shiftImage { margin: -10% 0px -115%; }
.text-32 { margin-top: 40px; }
.items-32 { margin-top: 60px; }


.ipad-33.shiftImageVertical.shiftImage { margin: -10% 0px -115%; }



.app-35 { margin-bottom: 20px; }
.iphone-35 { margin: -30px 0 -77%; }
.app-36 { margin-bottom: 20px; }
.ipad-36 { margin: 0 0 -72%; }
form input[type="text"].input-38, form input[type="name"].input-38, form input[type="email"].input-38 { max-width: 300px; }
.svg-38 { padding-bottom: 27%; margin-bottom: 40px; }
.text-38 { margin-top: 15px; }
.avatar-41 { border-radius: 50px; margin: 10px 5px 5px; }
.block-42 { margin-top: 35px; }
.box-42 { margin-top: 30px; }


.block-43 { margin-top: 35px; }
.box-43 { margin-top: 30px; }


.button-44 { margin-bottom: 40px; }
.grid-45 { margin-top: 50px; }
.app-45 { margin-bottom: 30px; }
.text-46 { margin-top: 30px; }



.slide.whiteSlide .box-46 .shadow { box-shadow: none; }
.icon-47 { margin-bottom: 30px; margin-top: 15px; }

.grid.grid-47 { margin-top: 30px; }
.icon-48 { margin-bottom: 30px; margin-top: 15px; }
.icon-49 { margin-bottom: 30px; margin-top: 15px; }
.grid-50 { margin-top: 50px; }
.box-51 { margin-top: 65px; }
.box-51 .button { margin-left: 0; margin-right: 0; }
.app-51 { margin-bottom: 30px; }
.pad-51.pad { border-radius: 40px; }
.button-51 { margin-top: 20px; }
.button-52 { margin-top: 20px; }
.button-53 { margin-top: 20px; }
.button-54 { margin-top: 20px; }



.box-52 { margin-top: 65px; }
.box-52 .button { margin-left: 0; margin-right: 0; }
.app-52 { margin-bottom: 30px; }
.pad-52.pad { border-radius: 40px; }


.pad-53.pad { border-radius: 40px; }
.pad-53 .button { margin-left: 0; margin-right: 0; }


.pad-54.pad { border-radius: 40px; }
.button-55.button { margin-top: 12px; margin-left: 0; margin-right: 0; }
.box-55 { margin-top: 45px; }
.box-56 { margin-top: 65px; }
.text-56 { margin-bottom: 3px; }
.button-56 { margin-top: 20px; }
.box-57 { margin-top: 65px; }
.text-57 { margin-bottom: 3px; }
.box-57 { margin-top: 50px; }
.text-58 { margin-top: 60px; }
.text-59 { padding: 5% 6%; margin-top: 5px; }
.image-61 { padding-bottom: 35px; }
.icon-61 { margin-bottom: 20px; }
.icon-62 { margin-bottom: 20px; margin-top: 10px; }
.header-63 { padding-bottom: 20px; }
.icon-64 { margin-bottom: 20px; margin-top: 10px; }
.cell-64 { border-radius: 20px; padding: 18px 35px 10px; position: relative; display: block; -webkit-transition: 0.25s; transition: 0.25s; }
.cell-64:hover { opacity: 1; }
.grid-64 { padding-top: 15px; }
.grid-64 .cell-64:after { content: " "; position: absolute; top: 0; right: -15px; height: 100%; width: 1px; -webkit-transition: 0.25s opacity; transition: 0.25s opacity; }
.fast .cell-64, .fast .icon-64 { -webkit-transition: 0.15s; transition: 0.15s; }
.slow .cell-64, .slow .icon-64 { -webkit-transition: 0.35s; transition: 0.35s; }
.grid-64 .cell-64.last:after { opacity: 0; }
.grid-64:hover .cell-64:after { opacity: 0; }


.grid-65 { padding-top: 20px; }
.grid.grid-65 .cell-65 { position: relative; padding-left: 90px; padding-bottom: 30px; }
.icon-65 { position: absolute; left: 30px; }

h3.text-66 { margin-top: 20px; font-size: 15px; margin-bottom: 0; }
h3.text-66 span { letter-spacing: 0.2em; }
.slide.whiteSlide .box-66 .shadow { box-shadow: none; }

.box-67 { border-radius: 20px; overflow: hidden; display: block; outline: none; margin-bottom: 35px; -webkit-backface-visibility: hidden; }
.box-67:hover { opacity: 0.95; }
.box-67 .thumbnail-67 { font-size: 0; overflow: hidden; }
.box-67 .thumbnail-67 img { border-radius: 20px 20px 0 0; -webkit-backface-visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; }
.box-67:hover .thumbnail-67 img { -webkit-transform: scale(1.0225); transform: scale(1.0225); }
.name-67 { padding: 16px 15px 20px; background: #FFFFFF; }
.category-67 { text-transform: uppercase; letter-spacing: 2.2px; font-size: 11px; font-weight: 600; opacity: 0.7; margin-bottom: 7px; }
.title-67 { font-size: 28px; letter-spacing: -1px; line-height: 1; }
.grid-68 img { margin-top: 20px; margin-bottom: 20px; -webkit-transition: 0.25s; transition: 0.25s; }
.grid-68 img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }



.grid.grid-69 { margin-left: -8px; margin-right: -8px; }
.grid-69 [class*='col-'] { padding: 8px; }
.box-69 { display: block; height: 0; padding-bottom: 100%; position: relative; background-size: cover; }
.box-69:hover { opacity: 1; }
.box-69:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; }
.box-69:hover:after { opacity: 0.92; }
.cell-69 { position: absolute; height: 100%; width: 100%; z-index: 10; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transform: translateY(10px); transform: translateY(10px); }
.box-69:hover .cell-69 { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
.category-69 { text-transform: uppercase; letter-spacing: 2.2px; font-size: 11px; font-weight: 600; opacity: 0.7; margin-bottom: 7px; }
.title-69 { font-size: 28px; letter-spacing: -1px; line-height: 1.21; max-width: 80%; margin: 0 auto; -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-transition: 0.5s; transition: 0.5s; }
.box-69:hover .title-69 { -webkit-transform: translateY(0px); transform: translateY(0px); }
.box-70 { display: block; background-repeat: no-repeat; background-position: right top; background-size: contain; border-radius: 20px; margin: 10px auto; max-width: 400px; }
.box-70:hover { opacity: 1; }
.thumbnail-70 { height: 0; padding-bottom: 100%; }
.info-70 { padding: 10%; }
.category-70 { text-transform: uppercase; letter-spacing: 2.2px; font-size: 11px; font-weight: 600; opacity: 0.7; margin-bottom: 7px; }
.title-70 { font-size: 28px; letter-spacing: -1px; line-height: 1.21; max-width: 80%; margin: 0 auto; }
.box-70 p { margin-top: 16px; }
.box-70 .button { margin-left: 0; margin-right: 0; }
.play-71 { margin-top: 30px; margin-bottom: 40px; }
.icon-71 { margin-bottom: 20px; margin-top: 10px; }
.cell-71 { border-radius: 0px; padding: 18px 35px 10px; position: relative; display: block; -webkit-transition: 0.25s; transition: 0.25s; -webkit-box-shadow: 0 0 1px rgba(41,41,41,0); box-shadow: 0 0 1px rgba(41,41,41,0); }
.cell-71:hover { opacity: 0.8; }
.grid-71 { padding-top: 15px; }
.grid-71 .cell-71:after { content: " "; position: absolute; top: 0; right: -15px; height: 100%; width: 1px; -webkit-transition: 0.25s opacity; transition: 0.25s opacity; }
.fast .cell-71, .fast .icon-71 { -webkit-transition: 0.15s; transition: 0.15s; }
.slow .cell-71, .slow .icon-71 { -webkit-transition: 0.35s; transition: 0.35s; }
.grid-71 .cell-71.last:after { opacity: 0; }
.grid-71:hover .cell-71:after { opacity: 0; }

.box-72 { padding-top: 25px; }
.image-73.shiftImageVertical.shiftImage { margin: -13% 0 -6%; }
.icon-73 { margin-bottom: 20px; margin-top: 10px; }
.cell-73 { border-radius: 20px; padding: 18px 35px 10px; position: relative; display: block; -webkit-transition: 0.25s; transition: 0.25s; }

.cell-73:hover { opacity: 1; }

.grid-73 { padding-top: 15px; }
.grid-73 .cell-73:after { content: " "; position: absolute; top: 0; right: -15px; height: 100%; background: rgba(255,255,255,0.1); width: 1px; -webkit-transition: 0.25s opacity; transition: 0.25s opacity; }
.fast .cell-73, .fast .icon-73 { -webkit-transition: 0.15s; transition: 0.15s; }
.slow .cell-73, .slow .icon-73 { -webkit-transition: 0.35s; transition: 0.35s; }
.grid-73 .cell-73.last:after { opacity: 0; }
.grid-73:hover .cell-73:after { opacity: 0; }

.box-73 p { margin-bottom: 20px; }
.grid.grid-74 { margin-left: -12px; margin-right: -12px; }
.grid.grid-74 > [class*='col-'] { padding-left: 12px; padding-right: 12px; }

.box-74 { border-radius: 10px; overflow: hidden; display: block; outline: none; margin-bottom: 25px; -webkit-backface-visibility: hidden; }
.box-74:hover { opacity: 0.95; }
.box-74 .thumbnail-74 { font-size: 0; line-height: 0; overflow: hidden; }
.box-74 .thumbnail-74 img { border-radius: 10px 10px 0 0; -webkit-backface-visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; }
.box-74:hover .thumbnail-74 img { -webkit-transform: scale(1.0225); transform: scale(1.0225); }
.name-74 { padding: 22px 15px 26px; border-radius: 0 0 10px 0; }
.description-74 { font-size: 22px; margin-top: 12px; opacity: 0.8; }
.title-74 { font-size: 28px; letter-spacing: -1px; line-height: 1; }
.grid-75 { top: 10px; }
.grid-75 li { font-size: 0; line-height: 0; }



.grid-75 a:hover { opacity: 1; filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.8" /><feFuncG type="linear" slope="0.8" /><feFuncB type="linear" slope="0.8" /></feComponentTransfer><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.8426 0.14300000000000002 0.014399999999999996 0 0 0.0426 0.951 0.014399999999999996 0 0 0.0426 0.14300000000000002 0.8144 0 0 0 0 0 1 0" /></filter></svg>#filter'); -webkit-filter: brightness(0.8) saturate(0.8); filter: brightness(0.8) saturate(0.8); }
.button.button-76 { width: 44px; height: 44px; padding: 11px 14px; }
.button.button-76 svg { width: 18px; height: 18px; }

.iphone-76 { margin: -13% 0 -70%; }
.text-76 { font-size: 24px; position: relative; top: -8px; left: 4px; }


.grid.grid-77 { margin-left: -12px; margin-right: -12px; }
.grid.grid-77 > [class*='col-'] { padding-left: 12px; padding-right: 12px; }


.box-77 { overflow: hidden; display: block; outline: none; margin-bottom: 0px; -webkit-backface-visibility: hidden; }
.box-77:hover { opacity: 1; }
.box-77 .thumbnail-77 { font-size: 0; line-height: 0; /*overflow:hidden;*/ position: relative; }
.box-77 .thumbnail-77.video:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/video-icon.svg') no-repeat; background-position: center center; }
.box-77 .thumbnail-77 img { -webkit-backface-visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; }
/*.placeholder {color:#CCC!important;}*/
.buttonClick.parraSECright { display: block!important; }
.greyborder01 { border-bottom: 1px solid; }
.greyborder { border-bottom: 3px solid; }
.greyborder:hover { border-bottom: 3px solid; }
.name-77 { padding: 0px 0px 0px; }
.spofferMinHt { min-height: 70px; }
.name-77 .cell { text-align: left; }
.title-77 { font-size: 22px; line-height: 1.2; text-align: left; margin-top: 15px; }
.description-77 { font-size: 16px; margin-top: 6px; opacity: 0.8; letter-spacing: 0.5px; }
.author-77 { border-top: 0px solid; padding-top: 0px; margin-top: 0px; position: relative; text-align: left; }
.avatar-77 { border-radius: 50%; position: absolute; left: 0; }
.cell-77 { padding-left: 4px!important; }
.text-78 { font-size: 17px; letter-spacing: 0.5px; margin-top: 7px; }
.grid-79 { margin-top: 50px; }
.box-79 { border-radius: 10px; overflow: hidden; display: block; outline: none; position: relative; margin-bottom: 25px; }
.grid-79 li:last-child .box-79 { margin-bottom: 0px; }
.popup-79 { min-height: 44px; }
.box-79:hover { opacity: 1; }
.box-79 svg { -webkit-transition: 0.35s; transition: 0.35s; }
.box-79:hover svg { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
.name-79 { padding: 40px 25px; }
.title-79 { text-transform: uppercase; font-size: 19px; letter-spacing: 3.5px; margin-top: 20px; font-weight: bold; }
.text-79 { font-size: 24px; position: relative; top: 6px; left: 11px; }
.button.button-79 { width: 44px; height: 44px; padding: 11px 14px; }
.button.button-79 svg { width: 18px; height: 18px; }

.name-80 { font-size: 15px; text-transform: uppercase; letter-spacing: 2.7px; font-weight: 600; }
.grid-80 { margin-top: 65px; }
.icon-80 { margin-bottom: 30px; }
.text-80 { max-width: 360px!important; margin: 0 auto; }
.quote-80 { margin-bottom: 35px; }
.grid-81 > [class*='col-'] { margin-bottom: 25px; }
.box-81 { padding: 13% 9%; }
.author-81 { margin-top: 18px; }
.title-81 { font-size: 15px; letter-spacing: 3px; line-height: 1.2; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; }


.sliderBox-83 { position: relative; margin-bottom: 48px; }
.leftControl-83, .rightControl-83 { position: absolute; top: 50%; margin-top: -91px; margin-left: -60px; cursor: pointer; }
.leftControl-83:active, .rightControl-83:active { opacity: 0.5; }
.leftControl-83:hover, .rightControl-83:hover { opacity: 0.5; }
.rightControl-83 { right: 0; margin-right: -60px; }
.leftControl-83 svg, .rightControl-83 svg { width: 30px; }


.grid-84 { margin-top: 50px; }
.grid-84 .button { margin-left: 0; margin-right: 0; }
.note-84 { opacity: 0.6; margin-top: 18px; }
.grid.grid-84 > [class*='col-'] { padding: 37px 25px 30px; position: relative; border-radius: 20px; overflow: hidden; }

.grid.grid-84 > .tint-84:after { display: none; }
.price-84 { font-size: 140px; line-height: 0.825; font-weight: 100; position: relative; }
.currency-84 { position: absolute; font-size: 40px; font-weight: 400; opacity: 0.6; top: 14px; margin-left: -35px; }
.features-84 { margin: 35px 0 45px; letter-spacing: 0.5px; line-height: 1.32; }
.grid-85 .button { margin-left: 0; margin-right: 0; }
.note-85 { opacity: 0.6; margin-top: 18px; height: 28px; }
.grid.grid-85 > [class*='col-'] { padding: 37px 25px 30px; position: relative; border-radius: 20px; overflow: hidden; }

.grid.grid-85 > .tint-85:after { display: none; }
.price-85 { font-size: 64px; line-height: 0.825; font-weight: 100; position: relative; }
.currency-85 { position: absolute; font-size: 40px; font-weight: 400; opacity: 0.6; top: 14px; margin-left: -35px; }
.features-85 { margin: 20px 0 45px; letter-spacing: 0.5px; line-height: 1.32; }



.grid-86 { margin-top: 50px; }
.grid-86 .button { margin-left: 0; margin-right: 0; }
.note-86 { opacity: 0.6; margin-top: 18px; }
.box-86 { padding: 37px 25px 30px; position: relative; border-radius: 20px; margin-bottom: 30px; overflow: hidden; }
.tint-86 { box-shadow: none; }
.grid.grid-86 > .tint-86:after { display: none; }
.price-86 { font-size: 140px; line-height: 0.825; font-weight: 100; position: relative; }
.currency-86 { position: absolute; font-size: 40px; font-weight: 400; opacity: 0.6; top: 14px; margin-left: -35px; }
.features-86 { margin: 35px 0 45px; letter-spacing: 0.5px; line-height: 1.32; }
.button.button-87 { width: 44px; height: 44px; padding: 11px 14px; }
.button.button-87 svg { width: 18px; height: 18px; }
.text-87 { font-size: 24px; position: relative; top: 6px; left: 11px; }
.header-87 { margin-bottom: 50px; }
.dlt_heading { margin-left: 0.99em!important; }



.box-88 { margin-top: 50px; }
.img-88 { margin-bottom: -3%; }
.videoThumbnail-88:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PGNpcmNsZSBmaWxsPSIjRTkxRjY0IiBjbGFzcz0ic3QwIiBjeD0iNTAiIGN5PSI1MCIgcj0iNTAiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBjbGFzcz0ic3QxIiBkPSJNNDEgNjh2LTM2bDI3IDE5LTI3IDE3eiIvPjwvc3ZnPg==); }
.button.button-89 { width: 44px; height: 44px; padding: 11px 14px; }
.button.button-89 svg { width: 18px; height: 18px; }
.text-89 { font-size: 24px; position: relative; top: 6px; left: 11px; }
.grid-89 { margin-top: 75px; }
h1.header-89 { margin-bottom: 30px; }
.box-90 { margin-bottom: 27px; }
.text-91 { margin-top: 30px; }
.button.button-92 { margin-top: 20px; }
.hr-92 { margin-top: 80px; }
.box-92 { margin-top: 50px; }
.button.button-93 { margin-top: 20px; }

.phone-93 { margin-top: 30px; }
.phone-93 strong { display: block; }
.frame-94 { border: 1px solid; padding: 20px; border-radius: 2px; }
.boldhover:hover { font-weight: 600!important; }
.slide.whiteSlide .frame-94 { border: 1px solid; }



.form-96 { margin: 40px 0 25px; }
.form-96 .input-96 { max-width: 45%!important; }
.form-96 select.inputEnq { max-width: 45%; }
form input[type="text"].input-96, form input[type="name"].input-96, form input[type="email"].input-96 { max-width: 300px; }
.form-97 { margin: 35px 0 50px; }
.form-97 select { border-radius: 3px; padding: 13px 32px 14px 20px; border: none; font-size: 18px; outline: none; max-width: 350px; font-weight: 600; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: 0; background-repeat: no-repeat; background-position: center right; background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="37" height="5"><path fill="#303030" d="M18.5 5l-4.5-5h9z"/></svg>'); }
.form-97 select option { text-align: center; }



.slide.whiteSlide form.form-97 select, .slide.whiteSlide form.form-97 input[type="tel"] { border: 1px solid; }
.slide.whiteSlide form.form-97 select { border-radius: 4px 0 0 4px; }
.slide.whiteSlide form.form-97 input[type="tel"] { border-left: none; border-radius: 0 4px 4px 0; box-shadow: none; }
.topper { padding: 0; }



.intro { font-size: 18px; font-weight: 400; color: #ffffff; margin-bottom: 8%; }
.introsection02 { border-left: solid 1px rgba(255, 255, 255, 0.3); padding-left: 40px!important; }
.hiderwide { display: none; }



.h2intro { font-size: 20px; margin-bottom: 6px; margin-top: 24px; letter-spacing: 0px; }
.h2click { font-size: 21px; font-weight: 900; margin-top: 20px; color: #424242; }
.detailprice { font-size: 20px; font-weight: 700; color: #354d5f; margin-bottom: 1%; padding-top: 12px; padding-bottom: 12px; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; letter-spacing: 1px; }
.cantsee { font-size: 13px; background-color: #8bc34a; padding-left: 40px; padding-right: 40px; margin-bottom: 0px; border-radius: 3px; }
.finance-info { font-size: 22px; font-weight: 400; margin-top: 4px; margin-bottom: 5px; color: #333333; }
.finance-info02 { font-size: 18px; font-weight: 400; margin-top: 12px; margin-bottom: 10px; color: #333333; letter-spacing: 1px; }
.finapad { border-left: solid 1px rgba(255, 255, 255, 0.3); padding-left: 40px; }



#spec-icon { position: absolute; height: 19px; width: 19px; margin: 0 auto; left: 8px; top: 10px; }
#spec-icon img { position: absolute; left: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.slide.whiteSlide .button.white:hover > #spec-icon img.top { opacity: 0; }
#location-icon { position: absolute; height: 19px; width: 19px; margin: 0 auto; left: 8px; top: 11px; }
#location-icon img { position: absolute; left: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.slide.whiteSlide .button.white:hover > #location-icon img.top { opacity: 0; }

#finance-icon { position: absolute; height: 19px; width: 19px; margin: 0 auto; left: 8px; }

#finance-icon img { position: absolute; left: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.slide.whiteSlide .button.white:hover > #finance-icon img.top { opacity: 0; }

#enquire-icon { position: absolute; height: 19px; width: 19px; margin: 0 auto; left: 8px; top: 11px; }

#enquire-icon img { position: absolute; left: 0px; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.slide.whiteSlide .button.white:hover > #enquire-icon img.top { opacity: 0; }

#partex-icon { position: absolute; height: 19px; width: 19px; margin: 0 auto; left: 8px; }

#partex-icon img { position: absolute; left: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.slide.whiteSlide .button.white:hover > #partex-icon img.top { opacity: 0; }

#posted-icon { position: absolute; height: 19px; width: 19px; margin: 0 auto; left: 8px; top: 10px; }

#posted-icon img { position: absolute; top: 3px; width: 16px; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.slide.whiteSlide .button.white:hover > #posted-icon img.top { opacity: 0; }

#shortlist-icon { position: absolute; height: 19px; width: 19px; margin: 0 auto; left: 8px; }

#shortlist-icon img { position: absolute; left: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.slide.whiteSlide .button.white:hover > #shortlist-icon img.top { opacity: 0; }

#alt-icon { position: absolute; height: 19px; width: 19px; margin: 0 auto; left: 8px; top: 10px; }

#alt-icon img { position: absolute; left: 0px; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.slide.whiteSlide .button.white:hover > #alt-icon img.top { opacity: 0; }

#Div1 { position: absolute; height: 19px; width: 19px; margin: 0 auto; left: 8px; top: 10px; }

#Div1 img { position: absolute; left: 0px; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.slide.whiteSlide .button.white:hover > #Div1 img.top { opacity: 0; }

.view_icon .ProCount { color: #000; font-weight: 100; position: absolute; bottom: 20px; right: -19px; background-color: #e1e1e1; border-radius: 50%; padding: 3px 6px; text-align: center; line-height: 1.5; font-size: 12px; width: 25px; height: 25px; }

.view_icon .fa { color: #e1e1e1; font-size: 25px; }

.breadCrumb.fromLeft { padding-bottom: 0px; margin-bottom: 0px; }

.breadCrumb { width: 100%!important; margin: 0 auto; }

.breadcrumb-root:before { font-family: 'FontAwesome'; content: "\f015"; color: #868686; }
.breadCrumb.fromLeft .breadcrumb.crumbMenu { text-align: left; }

.breadCrumb.fromLeft .breadcrumb.crumbMenu li { display: inline; padding: 2px 4px; }

.breadCrumb.fromLeft .breadcrumb.crumbMenu span,
.breadCrumb.fromLeft .breadcrumb.crumbMenu span a,
.breadCrumb.fromLeft .breadcrumb.crumbMenu li a { text-decoration: none; font-size: 13px; color: #868686; }

.textRed_ew.active { /*font-weight: bold;*/ }

.breadCrumb.fromLeft .breadcrumb.crumbMenu li a:after { font-family: 'FontAwesome'; content: "\f105"; display: inline-block; padding-left: 17px; font-size: 13px; }


.breadCrumb.fromLeft .breadcrumb.crumbMenu li a.active:after { content: ""; font-size: 0; }

.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; border: solid 2px #e1e1e1; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section { clear: both; padding: 0px; margin: 0px; }
.group { zoom: 1; }
.footerbottom { }
.footerbottom ul { font-size: 0; width: calc(100% - 250px); float: left; }
.footerbottom ul li:last-child { border-right: none; padding-right: 0; }
.footerbottom .wbstBy { display: inline-block; float: right; font-size: 0; }
.footerbottom .wbstBy span { color: #313131; font-size: 13px; font-weight: 600; }
.footerbottom .wbstBy a { letter-spacing: -0.35px; font-size: 14px; color: #313131; font-weight: 600; }
.homebacker.ftrTopstrp { height: 35px; width: 100%!important; }
/*.bottom-nav { border-top: 1px solid rgba(255, 255, 255, 0.28); padding-top: 31px!important; }*/
.footerbottom .border-top { border-top: 1px solid rgba(255, 255, 255, 0.28); padding-top: 30px!important; }
.bottom-nav li { display: inline; margin-left: 10px; color: #313131; font-size: 13px; padding-left: 10px; font-weight: 600; }
.ftrBtmLnks { border-left: 1px solid rgba(255, 255, 255, 0.7); }
.ftrBtmLnks a { color: #313131!important; }
.backtotop { width: 64px; float: right; position: absolute; right: 55px; bottom: 215px; }
.scrollToTop { width: 175px; height: 30px; bottom: 0px; right: 0px; }
.backtotop a { text-decoration: none; border: 0 none; display: block; width: 45px; height: 45px; background: url(../images/back_to_top_btn.png) no-repeat 50% 50%; background-color: rgba(0, 0, 0, 0.21); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.coursech { font-size: 22px; }
.bottomHdr { width: 100%; position: fixed; left: 0; right: 0; top: 52px; background-color: #fff; padding: 20px 0px; z-index: 99999; margin: auto; }
.bottomHdr > div { position: relative; }
.hdrLogo { display: inline-block; vertical-align: middle; float: left; text-align: left; }
.hdrLogo a:focus { outline: none; }
.ddel_wrap { position: relative; width: 320px; float: right; }
/*.srchTtls { color: #a9a9a9; font-size: 18px; margin-bottom: 18px; font-weight: bold; letter-spacing: -0.5px; opacity: 0.8; }*/
.search-block .srchTtls { color: #FFF; }
.hdrSlog { display: inline-block; margin-left: 25px; }
.topslogan { font-family: 'Caboodle', Sans-serif; font-size: 16px; color: #d21e39; font-weight: 700; text-align: left; border-right: solid 0 #e1e1e1; padding-left: 28px; line-height: 14px; margin-top: 27px; padding-right: 10px; border-left: solid 1px #e1e1e1; margin-left: 18px; vertical-align: middle; display: inline-block; }
.rightHdrDD { display: inline-block; float: right; position: relative; }
.hdrRgtLogo { display: inline-block; float: right; }

.theme2 .bottomHdr { margin-top: 82px; }

.theme2 .hdrLogo { margin-top: 18px; }
.theme2 .logotop { max-width: 196px; }
.theme2 .rightHdrDD { margin-top: 15px; margin-right: 26px; }
.theme2 .hdrRgtLogo { display: inline-block; float: right; margin-right: 5px; margin-top: -3px; }


.theme1 .hdrRgtLogo { display: none; }
.theme1 .topslogan { display: none; }
.theme1 .rightHdrDD { margin-right: 0px; }




.lefttab { position: relative; z-index: 2; width: 292px; height: 39px!important; line-height: 2.4!important; background-color: #e8e8e8; font-size: 16px; font-weight: 600; color: #333333; height: 38px; text-decoration: none; text-align: center; cursor: pointer; display: block; float: left; margin-top: -53px; }

.righttab { z-index: 2; width: 292px; height: 39px!important; line-height: 2.4!important; background-color: #e8e8e8; font-size: 16px; font-weight: 600; color: #333333; height: 38px; text-decoration: none; text-align: center; cursor: pointer; display: block; float: left; margin-top: -53px; }
.squarestroke02 { border-radius: 0; }
ol, ul.square, ul.circle, ul.disc { margin-left: 15px!important; }
/*Database Style*/
.ColorWH { color: #ffffff!important; }
.ColorWH p,
.ColorWH span,
.ColorWH div { color: #FFF; }
.ColorBL { color: #000000!important; }
.ColorBL p,
.ColorBL span,
.ColorBL div { color: #000; }
.ColorBL { color: #000000!important; }
.cBold { font-weight: bold!important; }
.bgBL { background-color: rgba(0, 0, 0, 0.7)!important; padding: 5px 8px 3px; }
.bgWH { background-color: rgba(255, 255, 255, 0.7)!important; padding: 5px 8px 3px; }
.brdGray { /*border-bottom: 0px solid #e1e1e1;*/ }
.rowBDR_top > .fix-12-12,
.rowBDR_top > .fix-12-12c { border-top: 1px solid #e1e1e1!important; padding-top: 50px; }

.rowBDR_bottom > .fix-12-12,
.rowBDR_bottom > .fix-12-12c { border-bottom: 1px solid #e1e1e1!important; padding-bottom: 50px; }
/* end*/

/*used car detail*/
.usdDlrhd.usdDtl { border-top: solid 1px #eee; padding-top: 15px; margin-top: 10px; }
.soldoutTag { z-index: 999999; position: absolute; }
.ucarDtlt { display: inline-block; width: 65%; }
.ucarDtlt h1 { margin-bottom: 4px; }
.ucarDtrt { float: right; width: 35%; }
.vdoThumbwrp { background: #e1e1e1; margin-top: 8px; float: left; width: 100%; }
.vdoThumbwrp .videoThumbnail { border: solid 2px #ccc; width: 130px; max-width: 22%; margin-top: 4px; margin-left: 4px; margin-bottom: 4px; float: left; }
.vdoThmbtxt { float: left; width: 76%; padding: 10px; }
.vdoThmbtxt p { margin-bottom: 0px; font-size: 13px; }
.ucarFinOpt { padding: 20px 10px; }
.ucarFinWrp { margin-top: 20px; margin-bottom: 20px; padding: 0px 10px; }
.pp360wrp { height: 80%; margin-top: 60px; }
.mobPhne { display: none; }
.ucarDescLines .finance-section .callLBL { font-size: 14px; font-weight: bold; }


/*Accordian - full specification special offer*/
.accinner .divcall { border-bottom: 4px solid #fff; cursor: pointer; padding: 8px 4px; -webkit-box-shadow: 0 0 0 1px rgba(41,41,41,0.2) inset, inset 0 -100px 0 rgba(41,41,41,0); box-shadow: 0 0 0 1px rgba(41,41,41,0.2) inset, inset 0 -100px 0 rgba(41,41,41,0); }
.accinner .divcall.current { background-color: #dd0000; color: #fff; }
.accinner .divcall.current .plusminus.minusplus, .accinner .divcall.current b { color: #fff; }
.accinner .divcall.current .plusminus.minusplus { line-height: 18px; }
.accinner .divcall b { font-size: 14px; font-weight: 500; text-transform: uppercase; color: #666; }
.accinner .plusminus.minusplus { display: inline-block; font-size: 30px; font-weight: normal; line-height: 18px; text-align: center; text-decoration: none; width: 24px; height: 20px; vertical-align: middle; color: #666; }
.accinner .sidephone { border: 1px solid #e4e4e4; margin-bottom: 6px; margin-top: -4px; padding: 10px; color: #354d5f; }
.page-loaded .scroll .panel,
.page-loaded.mobile .simplifiedMobile .panel,
.page-loaded .bottomHdr,
.page-loaded .headRgtWrp { -webkit-transform: translate3d(0,0,0)!important; transform: translate3d(0,0,0)!important; }
.navtop { position: fixed; width: 100%; top: 0px; left: 0px; right: 0px; margin-top: 0px!important; margin-bottom: 0px!important; opacity: 1!important; z-index: 1000!important; }
.allSct { max-width: 1200px; margin: 0 auto; text-align: right; }
.linktext { display: inline-block; vertical-align: top; }
.menupad { margin-left: 24px!important; }
.liLast.topNavlinks { margin-right: 0!important; }
.topNavlinks .headerPhne { padding-left: 24px; font-size: 17px!important; font-weight: 600; }
.topNavbar { width: 100%!important; float: right; }
.rgtMenu { padding-top: 16px!important; margin-right: 30px; display: none; }
.enter_your_reg { border: none; width: 225px; height: 47px; background: url(../images/reg.png) no-repeat!important; padding: 0 6px 0 24px!important; font-size: 18px; font-weight: 700; color: #333; line-height: 50px; }
.headform { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px; font-size: 18px; font-weight: 500; }
.headform + p { font-size: 15px!important; }
.text-right { text-align: right; }
.print_btn { display: inline-block; float: right; padding: 5px 10px; background-color: #383838; color: #fff; border-radius: 5px; text-transform: uppercase; line-height: 24px; }
.print_btn img { float: left; margin-right: 10px; }
.closeCircle { display: block; text-align: right; }
.faCenter { text-align: center; }
input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
.headRgtWrp { position: fixed; right: 0; top: 66px; display: inline-block; padding-right: 20px; text-align: right; z-index: 99999; }
.headRgtWrp .linkButton { margin-top: 5px; display: inline-block; }
.headRgtWrp select { min-width: 199px; /* position: absolute; */ display: inline-block; margin-right: 0rem; min-height: 44px; max-height: 44px; overflow: hidden; cursor: pointer; text-align: left; white-space: nowrap; outline: none; border: 2px solid; border-radius: 99px; transition: 0.3s all ease-in-out; -webkit-box-shadow: 0px 0px 0px 1px rgba(220, 220, 220, 0.34); -moz-box-shadow: 0px 0px 0px 1px rgba(220, 220, 220, 0.34); box-shadow: 0px 0px 0px 1px rgba(220, 220, 220, 0.34); box-shadow: 0px 0px 0px 1px rgba(220, 220, 220, 0.34); line-height: 29px; font-weight: bold; padding: 5px 25px 6px 10px; letter-spacing: -0.5px; background-position: right -0.3rem center; }
/*.dtlBrdCrmb { position: fixed; top: 0; left: 0; z-index: 9999!important; width: calc(100% - 550px); height: 50px; padding-left: 20px; padding-right: 20px; background-color: #FFF; }*/
.dtlBrdCrmb { max-width: 1200px; margin: auto; min-height: 50px; }
.dtlBrdCrmb::after { clear: both; display: block; content: ""; }
.backBtn { font-weight: bold; color: #959595; font-size: 12px; position: relative; float: right; text-transform: uppercase; letter-spacing: 1px; display: block; padding: 0px 0px 0px 30px; margin-top: 17px; }
.backBtn .fa { position: absolute; left: 5px; top: 2px; }
.backBtn img { left: 9px; position: absolute; top: 9px; z-index: 4; }
.backBtn2 { font-weight: bold; color: #959595; font-size: 12px; position: relative; float: right; text-transform: uppercase; letter-spacing: 1px; display: block; padding: 0px 0px 0px 30px; margin-top: 20px; }
.backBtn2 .fa { position: absolute; left: 5px; top: 2px; }
.backBtn2 img { left: 9px; position: absolute; top: 9px; z-index: 4; }
.dtlBrdCrmb .breadCrumb.fix-12-12.mdlLst { width: auto!important; float: left; margin-bottom: 0px!important; line-height: 46px; padding-bottom: 0px; padding-top: 0px!important; padding-left: 0px; padding-right: 0px; }
.dtlBrdCrmb > a.srchAgn { float: right; font-size: 14px; padding-left: 20px; padding-right: 20px; margin-top: 17px; }
.popupContent { max-width: 800px; margin: auto; }
.popupContent .pad { border-radius: 5px; }

.popupContent .close { position: absolute; z-index: 99; cursor: pointer; top: 10px; right: 10px; width: 30px; height: 30px; }
.popupContent .close .material-icons { font-size: 30px; opacity: 0.6; -webkit-transition: transform .35s ease; -moz-transition: transform .35s ease; transition: transform .35s ease; color: #303030; }
.popupContent .close .material-icons:hover { color: #ef7b7a; transform: rotate(180deg); opacity: 1; }


.popupContent .form-title { margin-bottom: 10px; padding-bottom: 10px; font-size: 20px; font-weight: 600; text-align: center; color: #000000; }
.popupContent .form-txt { margin-bottom: 10px; padding-bottom: 10px; font-size: 16px; color: #212121; font-weight: 600; margin-top: -20px; text-align: center; }
.popupContent .form-ques { margin-bottom: 15px; font-size: 15px; font-weight: 600; opacity: 1.0; margin-top: -6px; text-align: center; }
.popupContent .form-ques + .form-consent.rel-chk-enq { margin-top: -5px; }
.popupContent .form-consent { /*border-radius: 5px;*/ padding: 12px; margin-top: 10px; margin-bottom: 10px; width: 100%; display: inline-block; }
.popupContent .chk { display: inline-block; box-sizing: border-box; float: left; position: relative; }
.popupContent .chk > span { display: inline-block; width: auto; height: 24px; position: relative; float: left; }
.popupContent .form-consent .chk { width: 33%; }

.popupContent .chk input { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: 24px; height: 24px; background-color: #fff; border: 1px solid #9e9e9e; border-radius: 5px; float: left; margin: 0px 3px 0px 0px; cursor: pointer; }
.popupContent .chk input:focus { box-shadow: none; outline: none; }
.tstDrive { padding-bottom: 10px; }
.tstDrive .form.crop { font-size: 14px; font-weight: 700; }
.chk span input:checked + label:before { content: ""; display: block; left: 5px; width: 15px; height: 7px; border-left: 2px solid; border-bottom: 3px solid; position: absolute; transform: rotate(-45deg); top: 7px; }
.popupContent .chk label { margin-left: 5px; color: #3b3b3b; line-height: 22px; display: inline-block; float: left; margin-top: 0px; font-weight: bold; font-size: 14px; }

.enquiry-check .chk { display: inline-block; box-sizing: border-box; float: left; position: relative; }
.enquiry-check .chk > span { display: inline-block; width: auto; height: 24px; position: relative; float: left; }
.enquiry-check .form-consent .chk { width: 33%; }
.enquiry-check .chk label { margin-left: 5px; color: #3b3b3b; line-height: 22px; display: inline-block; float: left; margin-top: 0px; font-weight: bold; font-size: 14px; }
.enquiry-check .chk input { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: 24px; height: 24px; background-color: #fff; border: 1px solid #9e9e9e; border-radius: 5px; float: left; margin: 0px 3px 0px 0px; cursor: pointer; }
.enquiry-check .chk input:focus { box-shadow: none; outline: none; }
.enquiry-check label { margin-top: 2px !important; }

.mdlSlider .sml_stitle { font-size: 16px; display: inline; }
.mdlSlider h1 { display: inline; }
.mdlSlider h1.vehicle_name { font-size: 16px; font-weight: 600; }
.mdlSlider h1 span.from_price { font-size: 30px; font-weight: 400; }
a.dwn_arow { display: block; width: 40px; height: 40px; font-size: 40px; color: #fff; position: absolute; bottom: 20px; left: 0px; right: 0px; margin: auto; text-align: center; z-index: 999; }
.Mdlslider h5 { font-size: 15px; font-weight: 600; letter-spacing: 0px; text-align: center; opacity: .8; padding: 0px 20px; }
.Mdlslider .click-78 { margin: auto; text-align: center; width: 100%; }

.ucvrntSlider .slide .thumbnail-77 img { -webkit-backface-visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; }
.ucvrntSlider .slide:hover .thumbnail-77 img { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0.6; }
.ucvrntSlider .vrntSpecBtn { position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); padding: 12px 20px; color: #fff; font-size: 14px; border-radius: 99px; border: solid 2px; z-index: 9; opacity: 0; white-space: nowrap; }
.ucvrntSlider .slide:hover .vrntSpecBtn { opacity: 1.0; transition: 0.7s; }

.mnfct_logo { width: 145px; margin: 0px 5px; }
.mnfct_logo_big { width: 200px; margin: 0px 10px; }
.sort_dd { float: right; padding: 6px 12px 6px 16px; border: solid 3px; margin-bottom: 10px; margin-top: 18px; }
.heading_carlist .sort_dd { margin-bottom: 5px!important; }
.heading_carlist { padding-bottom: 10px; margin-bottom: 18px; border-bottom: solid 1px #eeeeee; }
.heading_carlist .smallmanu { float: left; }
.heading_carlist .smallmanu img { /*max-width:75px;*/ }
.heading_carlist h1 { display: inline-block; float: left; margin-top: 25px; font-size: 20px; letter-spacing: -0.036em; }
.heading_carlist.heading_usedcar h1 { font-size: 18px; }
.registerint_form { padding: 75px 0px; text-align: center; margin: auto; max-width: 92%; }
.ht_auto { height: auto!important; }
.rowSP_bottom { margin-bottom: 30px!important; }
h1.pagemain_title { font-size: 18px; line-height: 1.1; color: #303030; margin-top: 0px; margin-bottom: 20px; }


.financedetails .finance-info { line-height: 1.05; letter-spacing: -0.02em; margin-left: -0.05em; }
.thumbs_img img { top: 0px; bottom: 0px; margin: auto; position: absolute; }
.sidebar.advSrch_open { top: 0px!important; z-index: 9999999; position: fixed; width: 375px; height: 100%; left: -375px; }
.sidebar.advSrch_open.visible { -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0px; z-index: 9999999; }
.blue_btn { font-size: 14px; margin-top: 0px; margin-bottom: 8px; padding: 8px 24px 9px 24px; color: #FFF; font-weight: normal; letter-spacing: normal; border-radius: 40px; }
/*.blue_btn:after {content:""; display:block; width:9px; height:18px; background-image:url('assets/img/whiteright.png'); background-repeat:no-repeat; position: absolute;    right: 14px;    top: 12px;}*/
.callusbtn { color: #FFF; border-radius: 5px; }
.bannerslide .banner-spn1 { opacity: 1!important; }
.name-77 .title-771 { }



.brdGray.search-block { border-bottom: solid 2px #d5d5d5; }
.dealermore { display: inline-block; margin-top: 14px; width: 320px; }


.usdpaging { text-align: center; }

ul.homenews { display: block; margin-top: 24px; }
.homenews_more { color: #111111; font-weight: 900; font-weight: normal; text-transform: uppercase; font-size: 12px; }
.mnFacture .mnfct_logo .mnHead { font-size: 12px; letter-spacing: normal; font-weight: normal; text-align: center; }
.mnFacture .mnfct_logo .mnHead span { display: block; }
.homenews_title { color: #212121; font-size: 16px; font-weight: 600; margin-bottom: 0px; letter-spacing: normal; }





.image-slider-block .halftp { max-width: 37.5%; margin-top: 129px; padding-top: 20px; padding: 20px; border-left: solid 2px; }
.image-slider-block .halftp.cAlignLeft { border-left: solid 2px; border-right: none; margin-right: auto; }
.image-slider-block .halftp.cAlignRight { border-right: solid 2px; border-left: none; margin-left: auto; }

.bannermed span.line_1 { display: inline-block; clear: both; }
.bannermed span.line_2 { display: inline-block; clear: both; margin-top: 10px; }





/*footer*/
.ftrDiclsr { color: #ffffff; font-size: 13px; line-height: 1.385; /*padding-top: 20px;*/ margin-bottom: 15px; /* margin-top: 10px;*/ /*border-top: 1px solid rgba(255, 255, 255, 0.28);*/ }
.ftrCompdtl { color: #ffffff; font-size: 13px; line-height: 1.385; }
.ftrCopyrgt { color: #CCC; font-size: 13px; line-height: 1.385; float: right; }
.ftrCopyrgt a { color: #FFF; cursor: pointer; }

.ftrbackerBT .grid > .col-2-10 { max-width: 20%; }
.ftrbackerBT h4 { font-size: 14px; text-transform: uppercase; margin-bottom: 10px; position: relative; z-index: 1; display: inline-block; padding-right: 10px; }
.ftrbackerBT p.small { font-size: 13px; line-height: 1.4; text-transform: uppercase; font-weight: 700; text-align: center; }
.ftrbackerBT li { list-style: none; display: inline-block; }

.theme2.ftrEnqry { background: #393939; height: 108px; width: 100%; }
.theme2.ftrEnqry ul.grid { max-width: 1200px; position: relative; height: 0px; }
.theme2.ftrEnqry ul.grid .subsText { padding-left: 1%; }
.theme2.ftrEnqry ul.grid .subsText p { font-size: 14px; opacity: 1.0; color: #ccc; margin-top: 20px; }
.theme2.ftrEnqry ul.grid .subsText span { font-family: 'Caboodle', Sans-serif; font-size: 18px; color: #fff; }
.ftrSignup { }
.ftrSignup p { margin-top: 0px !important; }

/*footer end*/

.OffrSld .ofrTtl { letter-spacing: -0.3px; text-align: center; font-weight: normal; }
.offer_dtl .ofrTtl { font-size: 20px; margin-bottom: -1px; font-weight: bold; }
.offer_dtl .ofrSTtl { padding-top: 0px; font-size: 14px; }
.offer_dtl .ofrPrice { font-size: 32px; font-weight: 400; margin-top: 16px; color: #333333; border-top: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; padding: 12px 0px; margin-bottom: 30px; }
.offer_dtl .ofrFea { font-size: 22px; font-weight: 400; margin-top: 16px; color: #333333; border-top: solid 0px #cccccc; margin-bottom: 14px; }
.offer_dtl .ofrFea.ofrSml { font-size: 18px!important; }
.ofrFea i { color: #b5b5b5; font-size: 16px; }
.test_drive { font-weight: 600!important; float: left; margin-left: 6%!important; margin-top: -13px; font-size: 12px!important; letter-spacing: 1.0px!important; border: solid 2px #fff; }
.testdrfrm .bookingTime { width: 70%!important; }
.testdrfrm .booking-slct { width: 27.5%!important; }
.xdsoft_datetimepicker { z-index: 99999!important; }
/* newcar model list*/
.newcar_blk { }
.newcar_blk .title-77 { font-size: 13px; letter-spacing: 0px; line-height: 1.2; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; margin-top: 0px; }
.newcar_blk p { }
.newcar_blk .title-77 span { color: #111111; }
.newcar_blk .bluetxt { font-size: 11px; margin-top: 8px; text-align: center; }
.newcar_blk .vhprice { color: #272727; font-size: 24px; margin-top: 0px; text-align: center; }
.newcar_blk .finprice { padding-top: 0px; font-size: 18px; }
.newcar_blk .finprice span { color: #212121; }


.newcarMdl_lst.model_list .homebacker { width: 98%!important; margin: auto; }
.newcarMdl_lst .heading_carlist { margin-bottom: 20px; letter-spacing: -0.036em; border-top: solid 2px #e1e1e1; border-bottom: solid 2px #e1e1e1; padding-top: 14px; padding-bottom: 14px; text-align: left; }
.selector { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background: #e50000; padding: 12px 60px; color: #fff; font-size: 14px; border-radius: 99px; border: solid 2px #e1e1e1; z-index: 99999; opacity: 0; }
.newcarMdl_lst .mdlThumb { position: relative; /*padding-top: 20px; padding-bottom: 20px;*/ }
.newcarMdl_lst .selectBtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); padding: 12px 60px; color: #fff; font-size: 14px; border-radius: 99px; border: solid 2px; z-index: 9; opacity: 0; }
.newcarMdl_lst .modelBlk:hover .selectBtn { opacity: 1.0; transition: 0.7s; }
.newcarMdl_lst .modelBlk:hover .thumbnail-77 img { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0.6; }


.offer_lstitm { text-align: center; }




.pop360 { position: absolute; z-index: 900; float: right; right: 78px; top: 12px; background: #e54b32; padding: 8px; border-radius: 3px; }
.pop360 span { color: #ffffff; font-size: 14px; }
.pop360 i { color: #ffffff; font-size: 22px; }
.reserve_me { font-size: 12px; border-radius: 5px; float: right; background: #8BC34A; font-weight: 600; margin-right: 0px; border: solid 2px #d4f0b4; padding-right: 40px; padding-left: 40px; margin-bottom: 6px; }
.enquiry_now { font-size: 12px; border-radius: 5px; background: #c5253d; font-weight: 600; margin-right: 0px; border: solid 2px #f5a9a9; padding-right: 32px; padding-left: 32px; margin-bottom: 0px; float: right; }
.financedetails .finPr { border-top: solid 1px #eeeeee; padding-top: 6px; font-size: 32px; margin-top: 22px; margin-bottom: 0px; }
.financedetails .finPr span { float: right; font-size: 12px; color: #666666; }
.bannerslide .title-77.ttlINcs { }
.clickapnt { padding-bottom: 7px; }
.clickapnt .apptext { float: right; width: 50%; }
.clickapnt .apptext .parainterest { font-size: 16px; padding-left: 0px; padding-right: 0px; font-weight: 600; color: #000000; letter-spacing: -0.4px; float: left; }
a.searchsub { background: #ccc; border-radius: 99px; padding: 12px 20px; font-size: 14px!important; max-width: 256px; display: block!important; border: solid 4px #f1f1f1; text-align: center; line-height: 1.2em!important; margin-top: 10px; }
a.searchsub:hover { opacity: .8; font-weight: normal!important; padding-left: 20px!important; letter-spacing: initial!important; }


.clickapnt .apptext .test_drive { margin-left: 15px; }

.share_icons { display: inline-block; float: right; font-size: 12px; color: #666666; }

.detail_info .finance-info { font-size: 15px; padding: 4px; margin-bottom: 0px; }
.shortlist_used { background-color: #e2ecfa; }
.shortlist_used .shortBtn { background: #ffffff; color: #354d5f; font-size: 11px; padding: 8px 16px; border: solid 2px #e1e1e1; }
.shortlist_used .addList { background: #ffffff; color: #354d5f; font-size: 11px; padding: 8px 16px; border: solid 2px #e1e1e1; }
.shortlist_used .srchbacker { color: #fff; font-size: 11px; padding: 8px 16px; border: solid 2px #fff; }
.usedcar_vdo { background: #e1e1e1; margin-top: 8px; float: left; }
.usedcar_vdo .videoThumbnail { border: solid 2px #ccc; width: 144px; margin-top: 4px; margin-left: 4px; margin-bottom: 4px; float: left; }
.usedcar_vdo .vidio_con { float: left; width: 60%; padding: 10px; }
.vidio_con p { margin-bottom: 0px; font-size: 13px; }

.ttlINcs b { font-weight: 800; }
.delarpin img { max-width: 20px; vertical-align: top; }
.newcar_blk { /*margin-top: 3px;*/ }
.newcar_blk .title-77 { text-align: center; }
.offerhead { width: 64%; float: left; }
.redBtnAro { background-image: url(../images/rgtAro_2.png); background-color: #c5253d; background-repeat: no-repeat; background-position: right center; font-size: 14px; display: inline-block; color: #fff; font-weight: 600; margin-bottom: 8px; margin-top: 14px; padding: 10px 63px 12px 22px; border: none; letter-spacing: 2px; min-width: 125px; }
.enqBtn { border-radius: 40px; width: 35%; float: right; margin-top: 0px; margin-right: 0px!important; }

.altMdlUC .buttonEnq { font-size: 14px; font-weight: 700; padding-top: 16px; padding-bottom: 16px; color: #FFF; background-color: #000; text-align: center; max-width: 200px; display: block; text-transform: uppercase; margin: auto; letter-spacing: 1px; }
/*.Mdlslider .bx-wrapper{max-width: 100%!important;}*/
.ttlmtt { letter-spacing: 1px; border-left: solid 3px; padding-left: 10px; line-height: 1.0; font-size: 18px; }
.socialSec { padding-top: 30px; padding-bottom: 35px; }
.nopadleft { padding-left: 0px!important; }
.menufactureLOGO { text-align: center!important; }
.menufactureLOGO .box-77, .menufactureLOGO .box-77 .thumbnail-77 { overflow: inherit!important; }
/*.menufactureLOGO [class*='col-'] { display: inline-block!important; float: none!important; }*/
.mtThetm .ttltx { letter-spacing: -1px; border-left: solid 3px #2052a0; padding-left: 10px; line-height: 1.0; font-size: 18px; height: auto!important; font-weight: normal!important; }
.mnufacLogoTtl { opacity: 1.0; margin-bottom: 20px; font-size: 16px; }
/*judge service*/
.judgeservice { vertical-align: top; padding-top: 0px!important; margin-top: 5px!important; float: right; display: inline-block!important; height: auto!important; width: auto!important; margin-right: 40px; }
.js_widget_button.js_widget_button_style-1 { box-shadow: none!important; width: 220px!important; }
.js-right-column { display: inline-block!important; width: 167px; }
.js-right-column a { display: inline-block; white-space: initial; }
.js_widget_button .js_widget_button_read { bottom: 18px!important; right: 6px!important; top: auto!important; }
.js_widget_button_style-1.js_widget_button .js_widget_button_rating { display: inline-block!important; }
#js-widget-button a { white-space: pre-wrap; }
.js_widget_button_stars { position: absolute; left: 60px; top: 40px; height: 20px; }
.apptext .test_drive.uppdle { font-weight: 600!important; }
.offrPopDtl .iconpad.button { font-size: 12px!important; }

.popup.popup360 { overflow: hidden!important; }
.popshadow { -webkit-box-shadow: 0 25px 34px rgba(0, 0, 0, 0.09), 0 0px 28px rgba(0, 0, 0, 0.5), 0 0px 1px rgba(0, 0, 0, 0.12); box-shadow: 0 25px 34px rgba(0, 0, 0, 0.09), 0 0px 28px rgba(0, 0, 0, 0.5), 0 0px 1px rgba(0, 0, 0, 0.12); }
.offr-title { max-width: 80%; display: inline-block; }
.popup .wrap.popup_image { padding: 18px 25%!important; }
.popup .wrap.popup_image .pad { padding: 2% 2%; }
.playBtn.mobVdopop { display: none; }



.bk-info-icon { width: 16px; height: 16px; display: inline-block!important; margin: -2px 5px 0 2px; position: relative; }
.bk-info-icon > span { display: none!important; font-size: 14px; line-height: 1.3; text-transform: none; position: absolute; bottom: 30px; left: -50px; background: #fff; width: 200px; padding: 15px; -webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,.3); -moz-box-shadow: 5px 5px 5px 5px rgba(0,0,0,.3); box-shadow: 5px 5px 5px 5px rgba(0,0,0,.3); z-index: 10; }
.bk-info-icon > span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 13px 13px 0; border-color: #fff transparent transparent; position: absolute; top: 100%; left: 29%; margin-left: -14px; }
.bk-info-icon:hover > span { display: block!important; }
.bk-info-icon.big > span { width: 500px!important; }
.bk-info-icon.big > span:before { left: 11%; }



.container.sldVDO { height: auto!important; }
.bottom-nav ul li:first-child { padding: 0px; margin: 0px; }
.Mdlslider .bxSldwrp { padding-left: 35px!important; padding-right: 35px!important; }



.Mdlslider .slider4 .slide .thumbnail-77 img { max-height: 128px; width: auto!important; margin: auto; }
.bx-wrapper .bx-prev { left: -32px!important; }
.bx-wrapper .bx-next { right: -32px!important; }

.upFile { width: 100%; background: #6d6c6c; color: #fff; cursor: pointer; border: 1px solid transparent; padding: 7px 12px; border-radius: 4px; margin-top: 4px; }
.disclaimerbox { background: #f2f2f2; border-radius: 5px; padding: 20px; height: 83px; margin-top: 18px; }
.disclaim01 { margin-top: 0px; width: 56%; float: left; display: block; }
.disclaim02 { float: right; width: 40%; display: block; }
.disclaim02 a { margin-top: 0px!important; margin-bottom: 0px!important; }
.postcode_lookup { padding-top: 14px; }
.postcode_lookup input[type="text"] { color: #505050!important; float: left; font-size: 18px; font-weight: 400; max-width: 64%!important; padding-bottom: 12px; padding-top: 11px; box-shadow: 0 0 0 1px rgba(41, 41, 41, 0.1) inset, 0 0 4px 0 rgba(41, 41, 41, 0.1) inset, 0 -100px 0 #ffffff inset; border: none; margin: 0px; text-transform: uppercase; }

.postcode_lookup .txt_find { margin-top: -3px!important; }
.postcode_lookup .btn_find { color: #fff; border-radius: 4px; padding-top: 12px; font-size: 14px; text-align: center; margin-right: 0px; margin-top: -13px; border: solid 2px #e1e1e1; margin-top: -5px; margin-left: 5px; width: 115px; max-width: 34%!important; margin-bottom: 0px; }
.postcode_lookup select { max-width: 100%!important; font-size: 18px; font-weight: 400; padding: 10px; margin-top: 0px!important; background: /*rgba(76,175,80,.2) url('../images/arrow-down-small.png') no-repeat center right;*/ box-shadow: none!important; border: none; cursor: pointer; }
.chkbx { -webkit-appearance: checkbox; -moz-appearance: checkbox; -ms-appearance: checkbox; -o-appearance: checkbox; appearance: checkbox; }
.ddl_find { position: absolute; left: 10px; top: 72px; width: calc(100% - 20px); }

.maplocation .adp-placemark .adp-text { vertical-align: middle!important; }

.nwCarlist .box-77 .thumbnail-77 { text-align: center; max-height: 224px; min-height: 224px; }
.nwCarlist .box-77 .thumbnail-77 > img { max-height: 224px; /*max-height: 165px;*/ width: auto!important; }
.delrBox .delrcontent .map > iframe { width: 100%; }
.mnSrch { width: 40%; display: inline-block; margin: 0 15px; }
.playBtn { display: none; }
.pop-vd { overflow: hidden; }
.pop-vd .Vdopop-close, .popup .Vdopop-close { right: 5px!important; top: -5px!important; }
.vdobgpop .Vdopop-close { top: -10px; right: 0px; color: #333; fill: #333; height: auto!important; width: auto!important; }
.paydisWrp { border-radius: 5px; padding: 20px; font-size: 15px; background-color: #e6e6e6; }
.payenbWrp { border-radius: 5px; padding: 20px; font-size: 15px; display: none; border: 5px solid #e6e6e6; }
.payplEnb { cursor: no-drop; width: 100%!important; border-radius: 4px; max-width: 360px!important; }
.payplDis { width: 100%!important; border-radius: 4px; margin-bottom: 0px; max-width: 360px!important; }
.paypalBtn { max-width: 360px; margin: auto; }
.payplEnb img { height: 20px; display: inline-block; vertical-align: top; }
.payplDis img { height: 20px; display: inline-block; vertical-align: top; opacity: .5; }
.paypal-secure { text-align: center; font-size: 16px; color: #b5b5b5; padding: 10px 0px; }
.paypal-secure img { height: 32px; display: inline-block; vertical-align: middle; }
.pymtStatus { text-align: center; padding-top: 30px; }
.pymSuccess h1 { color: #3b991f; }
.pymError h1 { color: #e73131; }
.pymtStatus h3 { font-size: 24px; padding: 0px; margin-top: 10px; margin-bottom: 60px; }
.pymtStatus h3 span { font-size: 30px; }
.configPaypal .button { margin-top: 0px!important; }
a.dwnldPdf { display: inline-block; width: 194px; border-radius: 2em; border: solid 3px #bce4f7; font-size: 0.94rem; color: #ffffff; text-transform: uppercase; font-weight: bold; line-height: 50px; margin-bottom: 50px; position: relative; }
.dwnldPdf:after { content: ''; position: absolute; height: 16px; width: 16px; background: url(../images/cd-icon-arrow.png) no-repeat 0 0; pointer-events: none; right: 13px; top: 17px; }
.ftrwdth { width: 100%!important; }

.clickTxt { padding-bottom: 30px; text-align: center; font-size: 17px; }
.clickTxt a { font-weight: bold; }
.mediawallWrp { max-height: 520px; overflow: auto; margin-bottom: 40px; }
.MediaPopup .modal { max-height: 520px; }
.MediaPopup .image-holder { text-align: center; }
.MediaPopup .image-holder img { max-width: 100%; max-height: 300px; margin: auto; float: none; width: auto; }
/* ebay */
.ebay-listwrap { margin: auto; color: #111111; padding: 20px 0px; }
.ebay-thumb img { max-width: 100%; max-height: 250px; margin: auto; float: none; width: auto; }
.ebay-box { border: 1px solid #d4cfcf; border-radius: 4px; margin-bottom: 10px; }
.ebay-heading { padding: 10px; border-top: 1px solid #ccc; }
.ebay-heading .heading { letter-spacing: 0; font-size: 15px; }
.ebay-thumb { /*padding:5px;*/ text-align: center; min-height: 250px; }
.ebay-thumb a { display: block; width: 100%; height: 250px; position: relative; }
.ebay-thumb a img { position: absolute; left: 0; right: 0; margin: auto; top: 0px; bottom: 0px; }
.ebayprice { color: #565151; padding-top: 10px; }
.ebayday { float: right; }
.show-price { float: left; }
.clearboth { clear: both; }
/*Finance*/
.container-fincwrap { margin-top: 1%; }
.container-fincwrap .containe { margin: 0 auto; }
.finc-heading2 { width: 100%; box-sizing: border-box; /*padding-left: .625rem; padding-right: .625rem;*/ font-weight: 600; text-transform: uppercase; }
.finc-subheading { text-align: center; padding-bottom: 15px; font-size: 18px; opacity: 1.0; color: #5d5d5d; }
.finance-table { font-size: 15px; margin-top: 20px; }
.finance-table table { display: block; max-width: none; width: 100%; }
.finance-table tbody { display: block; }
.finance-table tr { width: 100%; box-sizing: border-box; padding: 0px 2%; display: inline-block; border-radius: 99px; margin-bottom: 8px; }
.finance-table tr:nth-child(odd) { background: rgba(1, 95, 226, 0.10); }
.finance-table .finlabel { width: 50%; float: left; margin-bottom: 0px; padding: 8px; font-weight: 600; font-size: 15px; color: #303030; opacity: 0.8; }
.finance-table .fin_val { width: 50%; float: left; margin-bottom: 0px; padding: 8px; font-weight: 600; font-size: 15px; color: #303030; opacity: 0.8; }
.finac-btmtext { padding-top: 15px; text-align: center; font-size: 14px; }
.hdrBrndlogo { position: absolute; right: 2px; top: -77px; padding-left: 14px; border-left: dashed 1px #e1e1e1; max-height: 53px; min-width: 85px; min-height: 53px; text-align: right; }
.hdrBrndlogo img { max-width: 70px; height: auto; max-height: 53px; width: auto; }
.heading_carlist.mdllstHdr { margin-top: 8px; }
.heading_carlist.mdllstHdr h1 { margin-top: 0px; margin-bottom: 0px; }
/* 360 popup */
.popwrp360 { width: 100%; height: 100%; position: relative; overflow: hidden; }
.popwrp360bg { background-color: rgba(58, 67, 77, 0.7); position: absolute; z-index: 10; bottom: 0px; width: 100%; box-sizing: content-box; transition: bottom 0.4s ease-out; }
.popwrp360Icn { float: left; box-sizing: inherit; padding: 10px; width: 20px; height: 20px; background-color: transparent; position: relative; cursor: pointer; }
.pp360icn1 { box-sizing: inherit; width: 18px; height: 18px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.7); }
.pp360icn2 { box-sizing: inherit; width: 18px; height: 1.8px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.7); position: absolute; top: 50%; margin-top: -1.9px; }
.pp360zm { float: left; box-sizing: inherit; }
.ppsldIcn { float: left; box-sizing: inherit; padding: 10px; height: 20px; background-color: transparent; line-height: 20px; color: rgba(255, 255, 255, 0.7); cursor: pointer; }
.ppsldbr { float: left; box-sizing: inherit; padding: 19.5px 5px; background-color: transparent; cursor: pointer; }
.sldbrout { box-sizing: inherit; width: 50px; height: 1px; background-color: rgba(255, 255, 255, 0.7); position: relative; }
.sldbrin { position: absolute; top: -3px; left: -3.5px; box-sizing: inherit; width: 7px; height: 7px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.7); }
.pp360rgt { float: right; box-sizing: inherit; padding: 10px; width: 26.6667px; height: 20px; background-color: transparent; cursor: pointer; }
.pp360tl { float: left; box-sizing: inherit; width: 2px; height: 6px; border-style: solid; border-color: rgba(255, 255, 255, 0.7) transparent; border-width: 7px 0px; }
.pp360tr { float: left; box-sizing: inherit; width: 7.33333px; height: 16px; border-style: solid; border-color: rgba(255, 255, 255, 0.7) transparent; border-width: 2px 0px; }
.pp360bl { float: left; box-sizing: inherit; margin-left: 8px; width: 7.33333px; height: 16px; border-style: solid; border-color: rgba(255, 255, 255, 0.7) transparent; border-width: 2px 0px; }
.pp360br { float: left; box-sizing: inherit; width: 2px; height: 6px; border-style: solid; border-color: rgba(255, 255, 255, 0.7) transparent; border-width: 7px 0px; }
/*element*/
.txt-upper { text-transform: uppercase; }
.ucbarwithbtn { padding-top: 0px; padding-top: 10px; padding-bottom: 10px; /*margin-bottom: -5px;*/ }
.ucbarwithbtn ul.barwithbutton { max-width: 100%!important; }
.ucbarwithbtn ul.barwithbutton > li { max-width: 100%!important; display: table; }
.ucbarwithbtn ul.barwithbutton > li p { font-weight: bold; margin-top: 0px; margin-bottom: 0px; color: #FFF; }
.theme1 .ucbarwithbtn ul > li .Barbtnp1 { display: table-cell; color: #ffffff; margin-bottom: 0px; font-size: 15px; text-align: left; font-weight: bold; max-width: 80%; vertical-align: middle; }
.theme1 .ucbarwithbtn ul > li .Barbtnp2 { display: table-cell; text-align: right; vertical-align: middle; }
.theme1 .ucbarwithbtn ul > li .Barbtnp2 .btnButton { margin-top: 0px; cursor: pointer; margin-bottom: 0px; vertical-align: middle; min-width: 188px; font-size: 14px; display: inline-block; border: solid 3px rgba(255, 255, 255, 0.32); padding: 15px 30px; background-color: #000; text-decoration: none; transition: .3s; line-height: 1.17; letter-spacing: 0.1em; color: #ffffff; border-radius: 0px; text-align: left; }
.theme1 .ucbarwithbtn ul > li .Barbtnp2 .btnLink { font-size: 16px; background-color: transparent!important; font-weight: bold; padding-right: 35px !important; margin-bottom: 0px; border: none; min-width: auto; padding: 12px 22px; margin-top: 0px; }
.theme1 .ucbarwithbtn ul > li .Barbtnp2 .btnLink span { right: 5px!important; top: 12px!important; }
.theme2 .ucbarwithbtn ul > li .Barbtnp1 { color: #ffffff; margin-bottom: 0px; font-size: 20px; text-align: center; }
.theme2 .ucbarwithbtn ul > li .Barbtnp2 { margin-top: 2px; margin-bottom: 20px; text-align: center; }




.theme2 .ucbarwithbtn .barwithbutton .Barbtnp2 .grpl05click { margin-top: 14px; font-size: 16px; border: solid 1px #fff; padding-top: 10px; margin-bottom: 0px; padding-right: 63px; }

.barwithbutton .popupButton { /*margin-right: 0px; font-size: 14px; border-radius: 99px; border: solid 3px rgba(255, 255, 255, 0.32); padding: 10px 48px 10px 48px; cursor: pointer; margin-bottom: 0px; display: inline-block; vertical-align: middle; min-width: 188px; margin-top: 0px; text-align: left;*/ }
.barwithbutton > .col-12-12 { min-height: 52px; }

.grid-sizer.col-4-12 .theme1 .ucbarwithbtn ul.barwithbutton { margin: 0px!important; display: block; }
.grid-sizer.col-4-12 .theme1 .ucbarwithbtn ul > li .Barbtnp1 { max-width: 100%; line-height: 1.2em; display: block; text-align: center; }
.grid-sizer.col-4-12 .theme1 .ucbarwithbtn ul > li .Barbtnp2 { max-width: 100%; text-align: center; margin-top: 15px; width: 100%; display: block; text-align: center; }


.grid-sizer.col-3-12 .theme1 .ucbarwithbtn ul.barwithbutton { margin: 0px!important; display: block; }
.grid-sizer.col-3-12 .theme1 .ucbarwithbtn ul > li .Barbtnp1 { max-width: 100%; line-height: 1.2em; display: block; text-align: center; }
.grid-sizer.col-3-12 .theme1 .ucbarwithbtn ul > li .Barbtnp2 { max-width: 100%; text-align: center; margin-top: 15px; width: 100%; display: block; text-align: center; }


.blueBtnAro .arrwIcon { padding-left: 5px; }




.noBdrBtm { border-bottom: 0px!important; }
.noBdr { border: 0px!important; }
.home-news { font-size: 14px; }
/* element search */

/*usercontrol ucalsolike*/
.alsoLike .flash_TL img, .alsoLike .flash_TR img, .alsoLike .flash_BL img, .alsoLike .flash_BR img { position: absolute; left: 0px; top: 0px; z-index: 99; }
.alsoLike .thumbs_img { max-height: 250px; height: 250px; }
.alsoLike .thumb_content { min-height: 170px; }
.alsoLike .used-cars .thumb_content .srtList { margin-top: 5px!important; }
/*ucdelerships*/
.dlrshpTtl { color: #333333; margin-bottom: 0px; border-bottom: solid 1px #eeeeee; padding-bottom: 12px; padding-top: 0px; font-size: 18px; margin-top: -4px; }
.dlrshpTtl span { font-weight: bold; }
/*ucFinancefeed*/
.finFeed.popup { background: #ffffff!important; }
.finFeed .closebotm { color: white; position: absolute; bottom: 10px; right: 10px; font-size: 35px; font-weight: bold; }
.finFeedCls { position: absolute!important; top: -5px!important; right: -5px!important; cursor: pointer; padding: 14px!important; z-index: 9999!important; }

/*form*/
.popupContent.custmfrmpopup { position: absolute!important; left: 0!important; top: 0!important; z-index: 99; }
.popupContent.regenqpopup { position: fixed!important; left: 0!important; top: 0!important; }
.newpopBTN { border-top: 0px; margin-top: 5px; padding-bottom: 10px; }
/* payment */
.pymtChkbtn { text-align: center; margin-top: 200px; }
/*dnone for btn */
a.popupTrigger.iconpad.button.dnone { display: none!important; }
a.iconpad.button.dnone { display: none!important; }

/*REGISTER ENQ FORM*/
.form-96 select.inputEnq.ipt-Enq { margin-right: 0; height: 52px; }

/*footer backtotop */

.button.actionButton.rightIcn { display: inline-block; /*height: 50px; width: 50px;*/ background: transparent; fill: #fff; color: #fff; border: none; box-shadow: none; border-radius: 50px; padding: 0px; text-align: center; vertical-align: middle; }
.button.actionButton.rightIcn .material-icons { line-height: 40px; font-size: 25px; }
/* emission Chart */
.emissionFuel { width: 92%!important; }
.emissionRte_wrp { width: 33%; padding: 50px 0px; float: left; }
.emissionRts { position: relative; overflow: hidden; }
.emBand { position: relative; z-index: 10; box-sizing: border-box; line-height: normal; box-shadow: none; color: #000; padding: .35714286em .57142857em; font-size: .875rem; height: 1.78571429em; width: 35%; background: #08fb01; text-align: right; margin-bottom: .35714286em; }
.emBand:hover { box-shadow: 0 1px 2px 0 rgba(0,0,0,.2); }
.emBand span { float: left; }
.emBand:after { content: " "; display: block; position: absolute; top: 0; border-top: .92857143em solid transparent; border-bottom: .85714286em solid transparent; left: 100%; border-left: 1em solid #08fb01; }
.emBand.embB { color: #000; background: #60fb09; width: 36%; }
.emBand.embB:after { border-left-color: #60fb09; }
.emBand.embC { color: #000; background: #8ffe01; width: 37%; }
.emBand.embC:after { border-left-color: #8ffe01; }
.emBand.embD { color: #000; background: #c1fe00; width: 38%; }
.emBand.embD:after { border-left-color: #c1fe00; }
.emBand.embE { color: #000; background: #d7ff00; width: 39%; }
.emBand.embE:after { border-left-color: #d7ff00; }
.emBand.embF { color: #000; background: #feff01; width: 40%; }
.emBand.embF:after { border-left-color: #feff01; }
.emBand.embG { color: #000; background: #fcef00; width: 41%; }
.emBand.embG:after { border-left-color: #fcef00; }
.emBand.embH { color: #000; background: #ecbe08; width: 42%; }
.emBand.embH:after { border-left-color: #ecbe08; }
.emBand.embI { color: #FFF; background: #fa9800; width: 43%; }
.emBand.embI:after { border-left-color: #fa9800; }
.emBand.embJ { color: #FFF; background: #f96f00; width: 44%; }
.emBand.embJ:after { border-left-color: #f96f00; }
.emBand.embK { color: #FFF; background: #f84c00; width: 45%; }
.emBand.embK:after { border-left-color: #f84c00; }
.emBand.embL { color: #FFF; background: #ed1b24; width: 46%; }
.emBand.embL:after { border-left-color: #ed1b24; }
.emBand.embM { color: #FFF; background: #ba0100; width: 47%; }
.emBand.embM:after { border-left-color: #ba0100; }
.emRslt { position: absolute; top: 0; line-height: normal; box-sizing: border-box; -webkit-transition: top .5s ease-in-out; transition: top .5s ease-in-out; padding: .35714286em .57142857em; color: #fff; font-size: .875rem; background: #4d4d4f; height: 1.78571429em; text-align: right; right: 0; }
.emRslt:before { content: " "; display: block; position: absolute; top: 0; height: 100%; width: 9999px; background: #f7f7f7; right: 100%; }
.emRslt:after { content: " "; display: block; position: absolute; top: 0; border-top: .92857143em solid transparent; border-bottom: .85714286em solid transparent; border-right: 1em solid #4d4d4f; right: 100%; }
.rslt_B { top: 2.14285714em; }
.rslt_C { top: 4.28571429em; }
.rslt_D { top: 6.42857143em; }
.rslt_E { top: 8.57142857em; }
.rslt_F { top: 10.71428571em; }
.rslt_G { top: 12.85714286em; }
.rslt_H { top: 15em; }
.rslt_I { top: 17.14285714em; }
.rslt_J { top: 19.28571429em; }
.rslt_K { top: 21.42857143em; }
.rslt_L { top: 23.57142857em; }
.rslt_M { top: 25.71428571em; }
/*fuel and tax*/
.fuelndTax { width: 60%; float: right; padding: 50px 0px; }
.anualMilage { margin-bottom: 20px; text-align: left!important; }
.anualMilage input[type="text"] { font-size: 14px; opacity: 1.0; margin-top: 11px; background: #fff; border: solid 1px #cccccc; box-shadow: none; webkit-box-shadow: none; padding: 12px; padding-left: 7px; border-radius: 4px; text-align: left; font-weight: normal; max-width: 150px; margin-left: 0px; }

.fuel-price input[type="text"] { font-size: 14px; opacity: 1.0; margin-top: 11px; background: #fff; border: solid 1px #cccccc; box-shadow: none; webkit-box-shadow: none; padding: 12px; padding-left: 5px; padding-right: 5px; border-radius: 4px; text-align: left; font-weight: normal; max-width: 60px; margin-left: 0px; }

.anualMilage .mlgeBtn { color: #fff; border-radius: 40px; font-size: 15px; display: inline-block; padding: 12px 22px; }
.fuelndTax .mlgeDtl .anualMilage { width: 64%; float: left; }
.fuelndTax .ttlMnthCost { width: 35%; float: left; }
.fuelndTax .ttlMnthCost p { font-weight: bold; font-size: 14px; margin-top: 0px; margin-bottom: 0px; }
.fuelndTax .ttlMnthCost .ttlMntlyAmt { font-size: 50px; font-weight: bold; text-align: left!important; color: #303030!important; }
.emissionFuel h3 { text-align: left!important; color: #303030!important; }

/* used new Button color */
.usedPopDtl .iconpad.button { background-color: #efefef; }
.ppbtn .iconpad.button { background-color: #efefef; }
.iconpad.button.btn-val { background-color: #C5253D; color: #cec5c5; }
/* enquire form*/
.enqur_ptxt { margin-top: 14px; margin-bottom: 8px; border-top: dotted 1px #cacaca; padding-top: 12px; }
.eqr_txtp { color: #212121; font-weight: bold; margin-bottom: 8px; font-size: 12.9px; }
.eq_div { display: inline-block!important; float: left; margin-right: 36px; }
.wd16 { width: 16px; }
.eqr-ptxt { display: block; border-bottom: dotted 1px #cacaca; padding-bottom: 34px; }
.eqr-ptxt > p { margin-bottom: 8px; padding-top: 12px; }
.send_btn { margin-top: 0px!important; margin-bottom: 0px!important; border-radius: 40px; }
.eqr_txtp .chk-box input { vertical-align: top; }
/*used car */
.flex-direction-nav .flex-prev { left: 5px!important; }
.flex-direction-nav .flex-next { right: -8px!important; }

.playVBtn { padding: 15px; position: absolute; bottom: 20px; right: 20px; background: #000; background-repeat: no-repeat; width: 50px; height: 50px; text-align: center; opacity: 0.6; transition: all 0.5s; cursor: pointer; border-radius: 55px; line-height: normal; }
.playVBtn:hover { opacity: 1; }
.playVBtn.play { background-image: url(../images/playIcon.png); }
.playVBtn.pause { background-image: url(../images/pauseIcon.png); }


/* tech detail */
.container-techdtl > ul > li { display: inline-block; width: 50%; /* width:33%;*/ float: left; color: #303030; }
.container-techdtl > ul > li:nth-child(3n):after { content: ""; display: block; clear: both; }
.container-techdtl ul ul { list-style: none; }
.container-techdtl ul .tech-item { padding: 5px 0px; font-size: 15px; opacity: .8; }
.container-techdtl .techGrid > span { text-align: left; color: #303030; font-size: 16px; font-weight: bold; display: block; padding: 10px 10px 10px 0px; box-sizing: border-box; }
.container-techdtl ul li .techTitle { width: 70%; float: left; text-align: left; }
.container-techdtl ul li .techInfo { width: 25%; float: left; padding-right: 10px; text-align: right; font-weight: bold; }
.financedetails .finPr { margin-top: 10px!important; }
.stepFomrs { margin-top: 95px; }
.slides .lp_tablet.lp_landscape #lpChat > .lp_maximized .lp_header { display: block!important; }
.slides .lp_tablet.lp_landscape #lpChat > .lp_maximized .lp_main { margin-top: 60px; }

/* -------------------------------------- 19 july Buy Online Start -------------------------------------- */
.carrental_specpad { border: solid 0px #e1e1e1; border-radius: 6px; padding: 24px 24px 24px 24px; background: #ffffff; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.0); box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.0); }
.cd-breadcrumb.triangle { background-color: transparent; padding: 0; width: 612px; margin: 0 auto!important; }

/* -------------------------------- 

Basic Crumbs Style

-------------------------------- */
.cd-breadcrumb, .cd-multi-steps { width: 90%; max-width: 768px; padding: 0.5em 1em; margin: 1em auto; background-color: #edeff0; border-radius: .25em; }
.cd-breadcrumb:after, .cd-multi-steps:after { content: ""; display: table; clear: both; }
.cd-breadcrumb li, .cd-multi-steps li { display: inline-block; float: left; margin: 0.5em 0; }
.cd-breadcrumb li::after, .cd-multi-steps li::after { /* this is the separator between items */ display: inline-block; content: '\00bb'; margin: 0 .6em; color: #959fa5; }
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after { /* hide separator after the last item */ display: none; }
.cd-breadcrumb li > *, .cd-multi-steps li > * { /* single step */ display: inline-block; font-size: 0.9rem; color: #2c3f4c; }

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before { /* change custom icon using image sprites */ background-position: -20px 0; }
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before { background-position: -40px 0; }
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before { background-position: -60px 0; }
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before { /* change custom icon for the current item */ background-position: 0 -20px; }
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before { background-position: -20px -20px; }
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before { background-position: -40px -20px; }
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before { background-position: -60px -20px; }

.cd-multi-steps.count li { counter-increment: steps; }
.cd-multi-steps.count li > *::before { content: counter(steps) " - "; }

/* -----------------------------slidebuttons.css start----------------------------  */
/* CSS for x03 button selection */

.button-linkx03 { text-decoration: none; }

.btnsx03 { background-image: linear-gradient(100deg, #E91E63 0%, #faa04b 30%, #d2dc69 70%, #8ac44a 100%); z-index: 0; height: 48px; float: none; margin: 0 auto; width: 440px; max-width: 100%; border-radius: 30px; display: block; border: solid 2px #e1e1e1; margin-top: 20px; margin-bottom: 20px; }
.btnsx03 input { display: none; }
.btnsx03 label { display: table; float: left; padding: 0; width: 33.33333333%; height: 100%; margin: 0; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.45); }
.btnsx03 label:first-child { border-left: none; border-radius: 30px 0 0 30px; }
/*.btnsx03 label:last-child {
  border-radius: 0 30px 30px 0;
}*/
.btnsx03 .btnx03 { font-size: 17px; cursor: pointer; width: 100%; display: table-cell; vertical-align: middle; font-weight: 500; color: #FFF; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); box-shadow: inset 0 30px 20px -20px rgba(255, 255, 255, 0.15); transition: color 250ms cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.btnsx03 .btnx03:hover { box-shadow: inset 0 30px 30px -20px rgba(50, 50, 50, 0.02); transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1); }
.btnsx03 .btnx03:after { content: '\2714'; margin-left: -10px; display: inline-block; -webkit-transform: scale(0); transform: scale(0); transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, -webkit-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.btnsx03 .first { border-radius: 30px 0 0 30px; }
.btnsx03 .last { border-radius: 0 30px 30px 0; }

.btnsx03 input:checked + .btnx03 { color: #fff; text-shadow: none; background-image: linear-gradient(to top, rgba(25, 25, 25, 0) 65%, rgba(25, 25, 25, 0.08)); box-shadow: inset 0 10px 50px rgba(25, 25, 25, 0.08); transition: color 500ms cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 150ms; }
.btnsx03 input:checked + .btnx03:after { margin-left: 12px; -webkit-transform: scale(1.25); transform: scale(1.25); transition: margin 500ms, -webkit-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms; transition: transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms, margin 500ms; transition: transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms, margin 500ms, -webkit-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms; }

.button-linkx05 { text-decoration: none; }

.btnsx05 { background-image: linear-gradient(100deg, #E91E63 0%, #faa04b 30%, #d2dc69 70%, #8ac44a 100%); z-index: 0; height: 48px; float: none; margin: 0 auto; width: 640px; max-width: 100%; border-radius: 30px; display: block; border: solid 2px #e1e1e1; margin-top: 20px; margin-bottom: 20px; }
.btnsx05 input { display: none; }
.btnsx05 > label span.flip { display: table; float: left; padding: 0; width: 20%; height: 100%; margin: 0; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.45); }
.btnsx05 > label:first-child span.flip { border-left: none; border-radius: 30px 0 0 30px; }
.btnsx05 > label:last-child span.flip { border-radius: 0 30px 30px 0; }
.btnsx05 > label { margin: 0px!important; height: auto!important; display: inline; }
.btnsx05 .btnx05 { font-size: 17px; cursor: pointer; width: 100%; display: table-cell; vertical-align: middle; font-weight: 500; color: #FFF; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); box-shadow: inset 0 30px 20px -20px rgba(255, 255, 255, 0.15); transition: color 250ms cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.btnsx05 .btnx05:hover { box-shadow: inset 0 30px 30px -20px rgba(50, 50, 50, 0.02); transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1); }
.btnsx05 .btnx05:after { content: '\2714'; margin-left: -10px; display: inline-block; -webkit-transform: scale(0); transform: scale(0); transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, -webkit-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.btnsx05 > label:first-child span.flip > label { border-radius: 30px 0 0 30px; }
.btnsx05 > label:last-child span.flip > label { border-radius: 0 30px 30px 0; }
.btnsx05 input:checked + .btnx05 { color: #fff; text-shadow: none; background-image: linear-gradient(to top, rgba(25, 25, 25, 0) 65%, rgba(25, 25, 25, 0.08)); box-shadow: inset 0 10px 50px rgba(25, 25, 25, 0.08); transition: color 500ms cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 150ms; }
.btnsx05 input:checked + .btnx05:after { margin-left: 12px; -webkit-transform: scale(1.25); transform: scale(1.25); transition: margin 500ms, -webkit-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms; transition: transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms, margin 500ms; transition: transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms, margin 500ms, -webkit-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms; }


/**
 * Tooltip Styles
 */

/* Base styles for the element that has a tooltip */
[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; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: none; }

/* 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: 9999; padding: 16px; width: 260px; background-color: #000; background-color: hsla(0, 0%, 0%, 0.9); color: #fff; content: attr(data-tooltip); font-size: 15px; line-height: 1.2; }
/* Directions */

/* Top (default) */
[data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after, .tooltip-top:before, .tooltip-top:after { bottom: 100%; left: 50%; }
[data-tooltip]:before, .tooltip:before, .tooltip-top:before { margin-left: -6px; margin-bottom: -12px; border-top-color: #000; border-top-color: hsla(0, 0%, 20%, 0.9); }

/* 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); transform: translateY(-12px); }

/* Left */
.tooltip-left:before, .tooltip-left:after { right: 100%; bottom: 50%; left: auto; }
.tooltip-left:before { margin-left: 0; margin-right: -12px; margin-bottom: 0; border-top-color: transparent; border-left-color: #000; border-left-color: hsla(0, 0%, 20%, 0.9); }
.tooltip-left:hover:before, .tooltip-left:hover:after, .tooltip-left:focus:before, .tooltip-left:focus:after { -webkit-transform: translateX(-12px); transform: translateX(-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: hsla(0, 0%, 20%, 0.9); }
.tooltip-bottom:hover:before, .tooltip-bottom:hover:after, .tooltip-bottom:focus:before, .tooltip-bottom:focus:after { -webkit-transform: translateY(12px); transform: translateY(12px); }

/* Right */
.tooltip-right:before, .tooltip-right:after { bottom: 50%; left: 100%; }
.tooltip-right:before { margin-bottom: 0; margin-left: -12px; border-top-color: transparent; border-right-color: #000; border-right-color: hsla(0, 0%, 20%, 0.9); }
.tooltip-right:hover:before, .tooltip-right:hover:after, .tooltip-right:focus:before, .tooltip-right:focus:after { -webkit-transform: translateX(12px); transform: translateX(12px); }

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before, .tooltip-right:before { top: 3px; }

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after { margin-left: 0; margin-bottom: -16px; }
.innerspecpad { display: block; border: solid 1px #e1e1e1; border-radius: 4px; margin: 20px; }
.accessorbox { padding: 20px; border: solid 1px #e1e1e1; border-radius: 5px; background: #f5f5f5; }
.enterholder { width: 60%; position: relative; display: inline-block; }
.postcodebacker { padding: 20px; margin: 20px; background: #f8f8f8; border-radius: 6px; text-align: center; }
.homeWrp .fix-12-12.breadCrumb { max-width: 1360px!important; width: 98%; }
.homeWrp .cd-full-width .fix-12-12 { width: 100%!important; }

.innerspecpad { display: block; border: solid 1px #e1e1e1; border-radius: 4px; margin: 20px; }
.innerspecpad .topTitle { letter-spacing: 0px; font-size: 21px; margin-top: 20px; text-align: center; }
.innerspecpad .inputGroup { background-color: #fff; display: inline-block; margin: 24px 0; position: relative; width: 148px; border: solid 2px #e1e1e1; border-radius: 99px; }
.innerspecpad .inputGroup input[type="radio"]:checked ~ label { color: #FFF!important; }
.innerspecpad .outerYN .inputGroup { width: 210px; }
.innerspecpad .inputGroup input { width: 32px; height: 32px; order: 1; z-index: 2; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; visibility: hidden; }
.innerspecpad .inputGroup label { padding: 12px 30px; width: 100%; display: block; text-align: left; color: #3c454c; cursor: pointer; position: relative; z-index: 2; transition: color 200ms ease-in; overflow: hidden; border-radius: 99px; margin: 0px; }
.innerspecpad .inputGroup label:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1); transform: translate(-50%, -50%) scale3d(1, 1, 1); transition: all 920ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; z-index: -1; }
.innerspecpad .inputGroup input:checked ~ label:before { -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1); transform: translate(-50%, -50%) scale3d(56, 56, 1); opacity: 1; }
.inputGroup input:checked ~ label { color: #fff; }
.innerspecpad .inputGroup label:after { width: 32px; height: 32px; color: #fff; content: ''; padding: 5px 6px 5px 6px; border: 2px solid #d1d7dc; border-radius: 50%; z-index: 2; position: absolute; right: 8px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; transition: all 200ms ease-in; }
.innerspecpad .inputGroup input:checked ~ label:after { background-color: #8ac44a; border-color: #cccccc; content: '\2714'; line-height: 18px; font-size: 17px; }
.innerspecpad .yes-no-main { text-align: center; }


div.panel01, div.panel03b, div.panel_quest { height: auto; /*display: none;*/ }

.panel01 .regbox, .panel03b .milebox { padding: 20px; margin: 20px; background: #f2f2f2; border-radius: 6px; text-align: center; }
.panel01 .regbox p { margin-top: 0px; margin-bottom: 8px; height: auto; padding-left: 40px; padding-right: 40px; }
.panel01 .regbox .flip02 b { text-decoration: underline; }
.panel01 .regbox .inputfix, .panel03b .inputfix, .step2 .panel01 .milebox .inputfix, .step4 .panel03 .enterholder { width: 60%; position: relative; display: inline-block; }
.panel01 .regbox .inputfix input, .panel03b .milebox .inputfix input, .step4 .panel03 .enterholder input { font-size: 14px; opacity: 1.0; margin-top: 11px; background: #ffffff; border: solid 2px #cccccc; box-shadow: none; webkit-box-shadow: none; padding: 18px; border-radius: 4px; text-align: center; background-image: url(../images/gb-reg.png); background-position: 2px 2px; background-repeat: no-repeat; font-weight: 500; }

.panel03b .milebox .inputfix input { background-image: url(../images/miler.png)!important; }
.step4 .panel03 .enterholder input { background-image: url(../images/mappo.png)!important; }
.panel01 .regGo, .panel03b .regGo, .step4 .panel03 .postcodebacker .regGo { width: 15%; position: relative; display: inline-block; }
.panel01 .regGo a.button, .panel03b .regGo a.button, .step4 .panel03 .postcodebacker .regGo a.button { background-color: #005fe2; color: #fff; border-radius: 6px; padding-top: 17px; padding-bottom: 18px; font-size: 16px; margin-bottom: 10px; margin-top: -19px; border: solid 2px #86b3f1; margin-right: 14px; }

.panel02.manualsearch, .panel03c.manualsearch { padding: 18px; margin-bottom: 24px; }
.panel02.manualsearch .search-title, .panel03c.manualsearch .search-title { font-size: 14.9px; line-height: 1.22727273; margin-bottom: 20px; margin-top: 2px; color: #212121; font-weight: bold; text-align: center; }
.panel02.manualsearch ul ul, .panel03c.manualsearch ul ul { height: 46px; margin-top: 4px; }
.panel02.manualsearch ul li p, .panel03c.manualsearch ul li p { margin-bottom: 0px; margin-top: 9px; }
.panel02.manualsearch ul li select, .panel03c.manualsearch ul li select { border-radius: 3px; border: solid 1px #cccccc; }

.panel03 .title-77 { letter-spacing: 0px; font-size: 14px; margin-top: 0px; color: #999; text-align: center; color: #444; font-weight: bold; }
.panel03 .resultTitle img { width: 12px; margin-right: 4px; }
.panel03 .bigTitle { letter-spacing: 0px; font-size: 21px; margin-top: 20px; text-align: center; font-weight: normal; }
.panel03 .inputGroup02 { background-color: #fff; display: inline-block; margin: 24px 0; position: relative; width: 148px; border: solid 2px #e1e1e1; border-radius: 99px; }
.panel03 .inputGroup02 input { width: 32px; height: 32px; order: 1; z-index: 2; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; visibility: hidden; }
.panel03 .inputGroup02 label { padding: 12px 30px; width: 100%; display: block; text-align: left; color: #3c454c; cursor: pointer; position: relative; z-index: 2; transition: color 200ms ease-in; overflow: hidden; border-radius: 99px; margin: 0; }
.panel03 .inputGroup02 label:before { width: 10px; height: 10px; border-radius: 50%; content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1); transform: translate(-50%, -50%) scale3d(1, 1, 1); transition: all 920ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; z-index: -1; }
.panel03 .inputGroup02 label:after { width: 32px; height: 32px; color: #fff; content: '\2714'; padding: 5px 6px 5px 8px; border: 2px solid #d1d7dc; border-radius: 50%; z-index: 2; position: absolute; right: 8px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; transition: all 200ms ease-in; }
.panel03 .inputGroup02 input:checked ~ label { color: #fff; }
.panel03 .inputGroup02 input:checked ~ label:after { background-color: #8ac44a; border-color: #cccccc; }
.panel03 .inputGroup02 input:checked ~ label:before { -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1); transform: translate(-50%, -50%) scale3d(56, 56, 1); opacity: 1; }

.deliveryAdd .title-77, .panel01 .title-77, .panel03b .title-77, .panel_quest .title-77, .step4 .panel03 .title-77 { letter-spacing: 0px; font-size: 21px; margin-top: 4px; text-align: center; border-top: dashed 1px #e1e1e1; padding-top: 20px; }

.panel_quest .title-77 span { padding-left: 40px; padding-right: 40px; }

.panel_quest .title-77 i { margin-right: 5px; font-size: 20px; pointer: cursor; }

.inputGroup03 { background-color: #fff; display: inline-block; margin: 24px 0; position: relative; width: 148px; border: solid 2px #e1e1e1; border-radius: 99px; }
.inputGroup03 input { width: 32px; height: 32px; order: 1; z-index: 2; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; visibility: hidden; }
.inputGroup03 label { padding: 12px 30px; width: 100%; display: block; text-align: left; color: #3c454c; cursor: pointer; position: relative; z-index: 2; transition: color 200ms ease-in; overflow: hidden; border-radius: 99px; margin: 0; }
.inputGroup03 label:before { width: 10px; height: 10px; border-radius: 50%; content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1); transform: translate(-50%, -50%) scale3d(1, 1, 1); transition: all 920ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; z-index: -1; }
.inputGroup03 label:after { width: 32px; height: 32px; color: #fff; content: ''; padding: 5px 6px 5px 8px; border: 2px solid #d1d7dc; border-radius: 50%; z-index: 2; position: absolute; right: 8px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; transition: all 200ms ease-in; }

/*.panel04 .inputGroup03 input:checked ~ label, .panel05 .inputGroup03 input:checked ~ label, .panel06 .inputGroup03 input:checked ~ label, .panel07 .inputGroup03 input:checked ~ label, .panel09 .inputGroup03 input:checked ~ label, .panel10 .inputGroup03 input:checked ~ label, .panel11 .inputGroup03 input:checked ~ label, .panel13 .inputGroup03 input:checked ~ label { color: #fff; }*/
.inputGroup03 input:checked ~ label:after { content: "\2714"; color: #FFF; }
.panel_quest .inputGroup03 input:checked ~ label { color: #fff; }

.btnsx05 label span label { font-size: 17px; cursor: pointer; width: 100%; display: table-cell; vertical-align: middle; font-weight: 500; color: #FFF; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); box-shadow: inset 0 30px 20px -20px rgba(255, 255, 255, 0.15); transition: color 250ms cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22); margin: 0px; }

.btnsx05 input:checked + label { color: #fff!important; text-shadow: none; background-image: linear-gradient(to top, rgba(25, 25, 25, 0) 65%, rgba(25, 25, 25, 0.08)); box-shadow: inset 0 10px 50px rgba(25, 25, 25, 0.08); transition: color 500ms cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 150ms; }

.btnsx05 input:checked + label:after { margin-left: 12px; -webkit-transform: scale(1.25); transform: scale(1.25); transition: margin 500ms, -webkit-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms; transition: transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms, margin 500ms; transition: transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms, margin 500ms, -webkit-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms; }
.btnsx05 input + label:after { content: '\2714'; margin-left: -10px; display: inline-block; -webkit-transform: scale(0); transform: scale(0); transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, -webkit-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22); }


.btnsx05 input { display: none; margin: 0; padding: 0; height: 0; opacity: 0; }
/*.btnsx05 label span label {line-height:43px;}*/

.btnsx03 label span label { font-size: 17px; cursor: pointer; width: 100%; display: table-cell; vertical-align: middle; font-weight: 500; color: #FFF; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); box-shadow: inset 0 30px 20px -20px rgba(255, 255, 255, 0.15); transition: color 250ms cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.btnsx03 input:checked + label { color: #fff!important; text-shadow: none; background-image: linear-gradient(to top, rgba(25, 25, 25, 0) 65%, rgba(25, 25, 25, 0.08)); box-shadow: inset 0 10px 50px rgba(25, 25, 25, 0.08); transition: color 500ms cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 150ms; }

.btnsx03 input + label:after { content: '\2714'; margin-left: -10px; display: inline-block; -webkit-transform: scale(0); transform: scale(0); transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, -webkit-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.btnsx03 input:checked + label:after { margin-left: 12px; -webkit-transform: scale(1.25); transform: scale(1.25); transition: margin 500ms, -webkit-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms; transition: transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms, margin 500ms; transition: transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms, margin 500ms, -webkit-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms; }

.btnsx03 input { display: none; opacity: 0; height: 0; padding: 0; margin: 0; }

.btnsx03 label span label { line-height: 43px; }
.btnsx03 label:first-child span label { border-left: none; border-radius: 30px 0 0 30px; }
.btnsx03 label:last-child span label { border-radius: 0 30px 30px 0; }

.inputGroup03 input:checked ~ label:before { -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1); transform: translate(-50%, -50%) scale3d(56, 56, 1); opacity: 1; }
.inputGroup03 input:checked ~ label:after { background-color: #8ac44a; border-color: #cccccc; }

.panel15 .title-77 { letter-spacing: 0px; font-size: 18px; margin-top: 4px; color: #8ac44a; text-align: center; border-top: dashed 1px #fff; padding-top: 0px; }
.panel15 .title-77 span img { width: 26px; }
.panel15 .proceedBtn { margin-top: 25px; border-top: dashed 1px #fff; padding-top: 0px; text-align: center; }
.panel15 .proceedBtn .lefthold { display: inline-block; margin-right: 15px; }
.panel15 .proceedBtn .righthold { display: inline-block; }
.panel15 .proceedBtn .backbutton { text-transform: uppercase; color: #fff; font-size: 14px; max-width: 140px; background-color: #989898; border: solid 6px #d0cccc; cursor: initial; display: inline-block; padding: 12px 22px; border-radius: 99px; padding-top: 12px; margin-top: 12px; margin-left: 0; margin-right: 0; vertical-align: top; cursor: pointer; }
.panel15 .proceedBtn .continuebutton { background-color: #8BC34A; color: #fff; border-radius: 99px; padding-top: 12px; font-size: 14px; max-width: 240px; border: solid 6px #cae0b2; text-transform: uppercase; }
.panel15 .proceedBtn .continuebutton:hover { -webkit-transition: 0.25s!important; transition: 0.25s!important; opacity: 1; -webkit-box-shadow: inset 0 -100px 0 rgba(41,41,41,0.15), 0 4px 6px 0 rgba(0,0,0,.1), 0 1px 10px 0 rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.1); box-shadow: inset 0 -100px 0 rgba(41,41,41,0.15), 0 4px 6px 0 rgba(0,0,0,.1), 0 1px 10px 0 rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.1); }
.panel15 .proceedBtn .continuebutton:active { transition: -webkit-transform 0.25s, opacity 0.25s, position 0s!important; -webkit-transition: -webkit-transform 0.25s, opacity 0.25s, top 0.25s!important; -webkit-box-shadow: inset 0 -100px 0 rgba(0,0,0,0.2), 0 3px 6px 0 rgba(0,0,0,.1), 0 0px 10px 0 rgba(0,0,0,.1), 0 1px 4px -1px rgba(0,0,0,.1); box-shadow: inset 0 -100px 0 rgba(0,0,0,0.2), 0 3px 6px 0 rgba(0,0,0,.1), 0 0px 10px 0 rgba(0,0,0,.1), 0 1px 4px -1px rgba(0,0,0,.1); top: 1px; }

.innerspecpad .button:hover { -webkit-transition: 0.25s!important; transition: 0.25s!important; opacity: 1; -webkit-box-shadow: inset 0 -100px 0 rgba(41,41,41,0.15), 0 4px 6px 0 rgba(0,0,0,.1), 0 1px 10px 0 rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.1); box-shadow: inset 0 -100px 0 rgba(41,41,41,0.15), 0 4px 6px 0 rgba(0,0,0,.1), 0 1px 10px 0 rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.1); }
.innerspecpad .button:active { transition: -webkit-transform 0.25s, opacity 0.25s, position 0s!important; -webkit-transition: -webkit-transform 0.25s, opacity 0.25s, top 0.25s!important; -webkit-box-shadow: inset 0 -100px 0 rgba(0,0,0,0.2), 0 3px 6px 0 rgba(0,0,0,.1), 0 0px 10px 0 rgba(0,0,0,.1), 0 1px 4px -1px rgba(0,0,0,.1); box-shadow: inset 0 -100px 0 rgba(0,0,0,0.2), 0 3px 6px 0 rgba(0,0,0,.1), 0 0px 10px 0 rgba(0,0,0,.1), 0 1px 4px -1px rgba(0,0,0,.1); top: 1px; }
.pt10 { padding-top: 10px; }
.pt70 { padding-top: 70px!important; }
.bottomTitle .title-77 { letter-spacing: -0.2px; font-weight: 400; font-size: 22px; }
.bottomTitle .dec { margin-top: 14px; height: auto; }
.buyOnlinePop .pad { padding: 6% 8%; }
.buyOnlinePop .formheader { text-align: center; font-size: 28px!important; }
.buyOnlinePop .dec { text-align: center; margin-bottom: 20px; }
.buyOnlinePop .pad.shadow { -webkit-box-shadow: 0 25px 34px rgba(0, 0, 0, 0.09), 0 5px 20px rgba(0, 0, 0, 0.07), 0 0px 1px rgba(0, 0, 0, 0.12); box-shadow: 0 25px 34px rgba(0, 0, 0, 0.09), 0 5px 20px rgba(0, 0, 0, 0.07), 0 0px 1px rgba(0, 0, 0, 0.12); }
.buyOnlinePop .close { top: 0px!important; right: 0px!important; }

.step2 .panel01 .milebox { padding: 20px; margin: 20px; background: #f0f5fd; border-radius: 6px; border: solid 3px #dfebff; text-align: center; }
.step2 .panel01 .milebox .inputfix input { font-size: 14px; opacity: 1.0; margin-top: 11px; background: #ffffff; border: solid 2px #cccccc; box-shadow: none; webkit-box-shadow: none; padding: 18px; border-radius: 4px; text-align: center; font-weight: normal; }
.step3 .accesscontain { padding: 20px; }

.accessorbox { padding: 8px; }
.accessorbox .servbox { background: #fff; border: solid 1px #e1e1e1; border-radius: 4px; margin-top: 5px; padding: 14px; height: 118px; position: relative; }
.accessorbox .servbox:first-child { margin-top: 0px; }
.accessorbox .servbox .accessimg { display: inline-block; position: absolute; left: 14px; }
.accessorbox .servbox .accessimg img { width: 88px; border: solid 2px #e1e1e1; }
.accessorbox .servbox .accesstext { display: inline-block; width: 47%; float: left; position: absolute; left: 122px; top: 18px; }
.accessorbox .servbox .accesstext p { margin-top: 0px; margin-bottom: 2px; margin-left: 0px; font-size: 12.9px; color: #333; text-transform: uppercase; }
.accessorbox .servbox .accesstext p span { color: #666; text-transform: none; }

.priceCheck { float: right; }
.accPrice { display: inline-block; }
.accPrice .servprice { margin-top: -4px; margin-bottom: 2px; margin-left: 8px; font-size: 17.9px; color: #333; text-transform: uppercase; margin-right: 6px; }
.priceCheck .checkTick { display: inline-block; float: right; margin-right: -3px; }

.squaredThree { width: 32px; height: 32px; position: relative; background: #fcfff4; border: solid 2px #e1e1e1; border-radius: 50px; margin-top: -5px; }
.squaredThree input[type=checkbox] { opacity: 0; width: 100%; -webkit-appearance: none!important; -moz-appearance: none!important; -ms-appearance: none!important; -o-appearance: none!important; height: 23px; position: absolute; top: 0px; left: 0px; z-index: 999; cursor: pointer; }
.squaredThree label { width: 20px; height: 20px; cursor: pointer; position: absolute; left: 4px; top: 4px; margin: 0px; }
.squaredThree input:checked + label:after { content: ''; width: 12px; height: 7px; position: absolute; top: 5px; left: 4px; border: 3px solid #005fe2; border-top: none; border-right: none; background: transparent; opacity: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }



.step4 .panel03d .title-77, .step4 .panel03 .title-77 { margin-bottom: 20px; }
.step4 .panel03 .title-77 { font-weight: normal; }
.innerspecpad.step4 .topTitle { letter-spacing: 0px; font-size: 21px; margin-top: 4px; text-align: center; padding-top: 20px; }

.deliveryAdd { padding: 20px; }
.deliveryAdd .accessorbox .servbox { background: #89c54a; border: solid 1px #e1e1e1; border-radius: 4px; margin-top: 4px; padding: 14px; min-height: 66px; height: 100%; position: relative; }
.deliveryAdd .accessorbox .servbox:after { display: block; content: ""; clear: both; }
.deliveryAdd .accessorbox .servbox:first-child { margin-top: 0px; }

.deliveryAdd .accessorbox .servbox .LocTitle { display: inline-block; width: 75%; float: left; /*position: absolute; left: 22px; top: 18px;*/ }
.deliveryAdd .accessorbox .servbox .LocTitle p { margin-top: 0px; margin-bottom: 2px; margin-left: 0px; font-size: 12.9px; color: #fff; text-transform: uppercase; }
.deliveryAdd .accessorbox .servbox .RegNo { float: right; }
.deliveryAdd .accessorbox .servbox .RegNo .regText { display: inline-block; }
.deliveryAdd .accessorbox .servbox .RegNo .servprice { margin-top: -4px; margin-bottom: 2px; margin-left: 8px; font-size: 14px; color: #fff; text-transform: uppercase; margin-right: 6px; }
.deliveryAdd .accessorbox .servbox .RegNo .regRadio { display: inline-block; float: right; margin-right: -3px; }



.locs { position: relative; }
.locs [type="radio"] { cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent; border-color: transparent; }
.locs [type="radio"]:focus { outline: none; }
.locs input { display: block; width: 17px; height: 20px; position: absolute; z-index: 999; }
.locs [type="radio"]:checked + label, .locs [type="radio"]:not(:checked) + label { position: relative; padding-left: 22px; cursor: pointer; color: #666; margin: 0px; display: block; width: 20px; height: 20px; }
.locs [type="radio"]:checked + label:before, .locs [type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 100%; background: #fff; }
.locs [type="radio"]:checked + label:after, .locs [type="radio"]:not(:checked) + label:after { content: ""; width: 12px; height: 12px; border: solid 2px #c5c5c5; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.locs [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }

.hideCode { font-size: 16px; margin-bottom: 30px; text-align: center; }
.hideCode span { content: '\2714'; background-color: #fff; border-color: #cccccc; width: 32px; height: 32px; color: #005ee2; z-index: 99; padding: 4px 5px 4px 7px; border: 2px solid #d1d7dc; border-radius: 50%; right: 8px; top: 8px; margin-right: 6px; font-size: 13px; }

.step5 .summryTtitle { letter-spacing: 0px; font-size: 21px; margin-top: 20px; margin-bottom: 20px; text-align: center; }
.step5 .sumStep .popupTrigger.imgPop { width: 210px; margin: auto; position: relative; }
.step5 .sumStep .sumCheck { content: '\2714'; background-color: #8ac44a; border-color: #cccccc; width: 32px; height: 32px; color: #fff; z-index: 99; padding: 5px 6px 5px 8px; border: 2px solid #d1d7dc; border-radius: 50%; z-index: 2; position: absolute; right: 8px; top: 8px; }
.step5 .sumStep .popupTrigger img { border: solid 2px #ccc; }

.sumStep .LeftTxt { letter-spacing: 0px; font-size: 17px; margin-top: 32px; margin-bottom: 20px; text-align: left; padding-left: 6px; }
.sumStep .LeftTxt .RightText { text-align: right; float: right; color: #333; display: inline-block; width: 70%; }
.sumStep .Addinfo { letter-spacing: 0px; font-size: 14px; margin-top: -20px; margin-bottom: 20px; text-align: left; height: 38px; }
.sumStep .Addinfo span { text-align: right; float: right; color: #999; margin-top: -10px; }
.sumStep .sumPrice { letter-spacing: 0px; font-size: 19px; margin-top: -20px; margin-bottom: 20px; text-align: left; height: 38px; }
.sumStep .sumPrice span { text-align: right; float: right; color: #212121; margin-top: -10px; font-weight: 700; border-left: solid 3px #90d5f5; padding-left: 8px; }
.sumStep .posReal { position: relative; }
.sumStep .posReal .closeone, .sumStep .posReal .closetwo, .sumStep .posReal .closethree { position: absolute; right: -48px; top: 12px; }
.closebtn { position: absolute; right: -48px; top: 12px; }
.sumStep .posReal a img { border: solid 2px #e1e1e1; border-radius: 99px; }
.sumStep .posReal .LeftTxt { letter-spacing: 0px; font-size: 17px; margin-top: 20px; margin-bottom: 20px; text-align: left; border-top: dashed 1px #adadad; padding-top: 12px; padding-left: 6px; }
.sumStep .posReal .sumPriceGreen { letter-spacing: 0px; font-size: 16px; margin-top: -20px; margin-bottom: 20px; text-align: left; height: 38px; }
.sumStep .posReal .sumPriceGreen span { text-align: right; float: right; color: #8ac44a; margin-top: -10px; font-weight: 700; }
.sumStep .posReal .sumPriceGreen span.blck { color: #212121; }
.sumStep .Addinfo.height92 { height: 92px; }
.totalBox { background: #f1f1f1; padding: 20px; border-radius: 6px; margin-bottom: 18px; }
.totalBox .hdrInfo { letter-spacing: 0px; font-size: 17px; margin-top: 0px; margin-bottom: 20px; color: #333; text-align: left; padding-top: 0px; }
.totalBox .hdrInfo span { text-align: right; float: right; color: #333; }
.totalBox .InfoDetail { letter-spacing: 0px; font-size: 14px; margin-top: -20px; margin-bottom: 20px; text-align: left; height: 54px; }
.totalBox .InfoDetail span { text-align: right; float: right; color: #999; margin-top: -10px; }
.totalBox .finalTotal { letter-spacing: 0px; font-size: 21px; margin-top: -20px; margin-bottom: 2px; text-align: left; height: 38px; border-top: dashed 1px #a7a7a7; }
.totalBox .finalTotal span { text-align: right; float: right; color: #333; margin-top: -10px; font-weight: 700; }
.payment { text-align: center; }
.payment .title-77 { letter-spacing: 0px; font-size: 21px; margin-top: 4px; text-align: center; padding-top: 20px; }
.payment .inputGroup03 input:checked ~ label { color: #fff; }
.payment .title-77 i { margin-right: 5px; font-size: 20px; pointer: cursor; }

.fillDetail .table { border-bottom: solid 0px #e1e1e1; }
.fillDetail .title-77 { letter-spacing: 1px; font-size: 14px; margin-top: 28px; font-weight: bold; text-align: center; padding-top: 0px; border: 0px; }
.fillDetail .formForfill { background: #fff; border: solid 1px #d4d4d4; border-radius: 4px; margin-top: 14px; -webkit-box-shadow: 0px 0px 0px 3px rgb(177, 177, 177); -moz-box-shadow: 0px 0px 0px 3px rgb(177, 177, 177); box-shadow: 0px 0px 7px 0px rgb(177, 177, 177); margin-bottom: 36px; }
.fillDetail .formForfill .manualsearch { padding: 18px 14px; text-align: center; }
.fillDetail .formForfill ul.grid { margin-top: 0px; }
.fillDetail .formForfill ul.grid ul { height: 46px; margin-top: 4px; }
.fillDetail .formForfill ul.grid ul:first-child { margin-top: 0px; }
.fillDetail .formForfill ul.grid ul li p { margin-bottom: 0px; margin-top: 22px; }
.fillDetail .formForfill ul.grid .maxer input { font-size: 14px; opacity: 1.0; margin-top: 11px; background: #fff; border: solid 1px #cccccc; box-shadow: none; webkit-box-shadow: none; max-width: 360px; padding: 12px; border-radius: 4px; text-align: center; font-weight: normal; margin-bottom: 0px; }
.fillDetail .formForfill ul.grid .postCode .PostInput { width: 64%; display: inline-block; }
.fillDetail .formForfill ul.grid .postCode .PostBtn { width: 34%; display: inline-block; }
.fillDetail .formForfill ul.grid .postCode .PostBtn a { color: #fff; border-radius: 4px; padding-top: 12px; font-size: 14px; text-align: center; margin-bottom: 0px; margin-right: 0px; margin-top: -13px; border: solid 2px #e1e1e1; }
.fillDetail .formForfill ul.grid .postCode .PostBtn a.button:active { transition: -webkit-transform 0.25s, opacity 0.25s, position 0s!important; -webkit-transition: -webkit-transform 0.25s, opacity 0.25s, top 0.25s!important; -webkit-box-shadow: inset 0 -100px 0 rgba(0,0,0,0.2), 0 3px 6px 0 rgba(0,0,0,.1), 0 0px 10px 0 rgba(0,0,0,.1), 0 1px 4px -1px rgba(0,0,0,.1); box-shadow: inset 0 -100px 0 rgba(0,0,0,0.2), 0 3px 6px 0 rgba(0,0,0,.1), 0 0px 10px 0 rgba(0,0,0,.1), 0 1px 4px -1px rgba(0,0,0,.1); top: 1px; }
.fillDetail .formForfill ul.grid .postCode .PostBtn a.button:hover { -webkit-transition: 0.25s!important; transition: 0.25s!important; opacity: 1; -webkit-box-shadow: inset 0 -100px 0 rgba(41,41,41,0.15), 0 4px 6px 0 rgba(0,0,0,.1), 0 1px 10px 0 rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.1); box-shadow: inset 0 -100px 0 rgba(41,41,41,0.15), 0 4px 6px 0 rgba(0,0,0,.1), 0 1px 10px 0 rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.1); }
.fillDetail .formForfill .manualsearch p.almostDone { margin-top: 14px; margin-bottom: 8px; border-top: dotted 1px #cacaca; padding-top: 12px; text-align: center; }
.fillDetail .formForfill .manualsearch .confirmation, .fillDetail .almostDone2 .confirmation { display: inline-block; margin: 0 10px; }
.fillDetail .formForfill .manualsearch .confirmation span, .fillDetail .almostDone2 .confirmation span { font-size: 14px; font-weight: bold; }
.fillDetail .almostDone2 { padding: 18px; background: #f2f2f2; margin-top: -18px; border-radius: 5px; text-align: center; }
.fillDetail .almostDone2 p { margin-top: -14px; margin-bottom: 8px; padding-top: 12px; text-align: center; }
.fillDetail .panel-cont { text-align: center; }
.fillDetail .panel-cont .title-77 { letter-spacing: 0px; font-size: 18px; margin-top: 18px; color: #8ac44a; text-align: center; border-top: dashed 1px #e1e1e1; padding-top: 16px; }
.fillDetail .panel-cont .title-77 img { width: 26px; }
.fillDetail .panel-cont .BtnHead { margin-top: 25px; border-top: dashed 1px #fff; padding-top: 0px; }
.fillDetail .panel-cont .BtnHead .lefthold { display: inline-block; margin-right: 15px; }
.fillDetail .panel-cont .BtnHead .lefthold .backbutton { text-transform: uppercase; font-size: 14px; max-width: 140px; background-color: #989898; border: solid 6px #d0cccc; color: #fff; cursor: initial; display: inline-block; padding: 12px 22px; border-radius: 99px; padding-top: 12px; margin-top: 12px; margin-left: 0; margin-right: 0; vertical-align: top; }
.fillDetail .panel-cont .BtnHead .righthold { display: inline-block; }
.fillDetail .panel-cont .BtnHead .righthold .continuebutton { background-color: #8BC34A; color: #fff; border-radius: 99px; padding-top: 12px; font-size: 14px; max-width: 280px; border: solid 6px #cae0b2; text-transform: uppercase; font-weight: 900; }
.fillDetail .panel-cont .BtnHead .righthold .continuebutton:hover { -webkit-transition: 0.25s!important; transition: 0.25s!important; opacity: 1; -webkit-box-shadow: inset 0 -100px 0 rgba(41,41,41,0.15), 0 4px 6px 0 rgba(0,0,0,.1), 0 1px 10px 0 rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.1); box-shadow: inset 0 -100px 0 rgba(41,41,41,0.15), 0 4px 6px 0 rgba(0,0,0,.1), 0 1px 10px 0 rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.1); }
.fillDetail .panel-cont .BtnHead .righthold .continuebutton:active { transition: -webkit-transform 0.25s, opacity 0.25s, position 0s!important; -webkit-transition: -webkit-transform 0.25s, opacity 0.25s, top 0.25s!important; -webkit-box-shadow: inset 0 -100px 0 rgba(0,0,0,0.2), 0 3px 6px 0 rgba(0,0,0,.1), 0 0px 10px 0 rgba(0,0,0,.1), 0 1px 4px -1px rgba(0,0,0,.1); box-shadow: inset 0 -100px 0 rgba(0,0,0,0.2), 0 3px 6px 0 rgba(0,0,0,.1), 0 0px 10px 0 rgba(0,0,0,.1), 0 1px 4px -1px rgba(0,0,0,.1); top: 1px; }
.finance .title-77 { border-top: dashed 1px #e1e1e1; padding-top: 16px; }

.thanqPop { background: #fff; padding: 36px; margin-top: 36px; border-radius: 5px; border: solid 0px #e1e1e1; -webkit-box-shadow: 0 25px 34px rgba(0, 0, 0, 0.09), 0 0px 28px rgba(0, 0, 0, 0.5), 0 0px 1px rgba(0, 0, 0, 0.12); box-shadow: 0 25px 34px rgba(0, 0, 0, 0.09), 0 0px 28px rgba(0, 0, 0, 0.5), 0 0px 0px rgba(0, 0, 0, 0.12); text-align: center; }
.thanqPop i { color: #005fe2; font-size: 78px; margin-top: -9px; margin-bottom: 9px; }
.thanqPop .tnkqTitle { margin-top: 0px; margin-bottom: 2px; height: auto; color: #005fe2; font-size: 26px; }
.thanqPop .thnkqDec { margin-top: 10px; margin-bottom: 18px; height: auto; color: #333333; font-size: 15px; }
.thanqPop a img { width: 120px; }
.mt38 { margin-top: 38px!important; }
.wd92 { width: 92%!important; }
.mb20 { margin-bottom: 20px!important; }
.mb25 { margin-bottom: 25px!important; }
/* -------------------------------------- 19 july Buy Online End -------------------------------------- */
.homebacker { width: 98%!important; }
.val_postcode .postcode_lookup select { border: solid 1px #cccccc; border-radius: 4px; width: 100%; position: static!important; margin-bottom: 15px; padding-right: 30px; margin-top: 10px!important; }
.val_title { content: '\2714'; background-color: #005fe2; border-color: #cccccc; width: 32px; height: 32px; color: #fff; z-index: 99; padding: 5px 6px 5px 8px; border: 2px solid #d1d7dc; border-radius: 50%; z-index: 2; position: absolute; right: 8px; top: 8px; }



/*----------------- 3 Aug -----------------*/
.panel02.manualsearch input.usdcar_mileage { font-weight: normal; font-size: 14px; }
.panel_quest > .title-77 { padding-left: 40px; padding-right: 40px; }

.summary_edit { text-transform: uppercase; font-size: 12px; max-width: 140px; background-color: #989898; border: solid 2px #d0cccc; color: #fff; cursor: initial; display: inline-block; padding: 5px 15px; border-radius: 99px; padding-top: 5px; margin-left: -5px; margin-right: 0; vertical-align: top; position: absolute; bottom: 10px; left: 10px; cursor: pointer; }



.buyOnline_btn { font-size: 12px; border-radius: 5px; font-weight: 600; margin-right: 0px; border: solid 2px #ccccce; padding-right: 32px; padding-left: 32px; margin-bottom: 0px; float: right; }


.disclaim01 { margin-top: 4px!important; }
.config_full.fortyeight { width: 100%!important; clear: both; }
.config_full.fortyeight .finOptn_head { width: 100%!important; }
.config_full.fortyeight .finOptn_wrp { width: 100%!important; }
.config_full.fortyeight .frmInpt { width: 48%; float: left; }
.configbuyonline .button { background-color: #8BC34A; color: #fff; border-radius: 4px; padding-top: 12px; font-size: 15px; max-width: 92%; margin-bottom: 12px; text-align: center; }
.boTitle { padding-left: 10px; border-left: 4px solid #ccc; font-size: 20px; text-align: left; line-height: 1em; margin-bottom: 25px; }
.buyonline_frm ul li { display: block; padding-left: 50px; margin-bottom: 15px; height: 40px; padding-top: 15px; font-size: 18px; text-align: left; position: relative; }
.buyonline_frm ul li:before { content: ""; display: block; width: 30px; height: 30px; background-image: url(../images/check_icn.png); background-repeat: no-repeat; background-size: 100%; border-radius: 50%; background-color: #41ad48; position: absolute; left: 8px; top: 9px; }
.buyonline_frm { padding: 22px 36px 4px 26px; }
.buyonline_frm .disclaim02 { width: 100%; }
.buyonline_frm .disclaim02 a { background-color: #41ad48; }
.buyonline_frm .disclaim02 img { max-height: 20px; display: inline; margin-bottom: -5px; margin-right: 7px; }
.buyonline_wrp { padding: 0px 20px; background: #fff; border: solid 0px #2052a0; border-radius: 4px; margin-top: 108px; float: right; width: 48%; margin-bottom: 28px; margin-right: 4px; -webkit-box-shadow: 0px -1px 12px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px -1px 12px -2px rgba(0,0,0,0.75); box-shadow: 0px -1px 12px -2px rgba(0,0,0,0.75); padding-bottom: 40px; padding-top: 20px; }
.buyonline_frm ul { margin-bottom: 20px; }



/* -------------------------------------- Rental Start on 26 Oct 2018 -------------------------------------- */
#calendar,
#calendar2,
#calendar3 { border: 1px solid #dfdfdf; font-size: 14px; color: #404040; }
div.sel_area { position: relative; float: left; }
div.dhx_space { float: left; width: 40px; height: 50px; }
div.dhx_space2 { float: left; width: 46px; height: 50px; }
div.live_content label { position: absolute; top: 0; left: 0; font-size: 12px; color: #666; font-weight: 500; }
.dhx_inp_calendar { background-image: url(images/icon_calendar.png); background-repeat: no-repeat; background-position: right 6px; }
input.dhx_inp { font-size: 14px; line-height: normal; padding: 4px 0; color: #404040; border-width: 0 0 1px 0; border-style: solid; border-color: #dfdfdf; margin-bottom: 1px; width: 240px; margin-top: 20px; }
input.dhx_inp:focus { border-bottom: 2px solid #ef7b7a; margin-bottom: 0; }
h4, .h4 { font-size: 15px; margin-bottom: 4px; font-weight: 600; }
.hire_result { border-radius: 4px; border: solid 1px #e1e1e1; height: auto; margin-bottom: 14px; position: relative; padding-bottom: 20px; }
.hire_result:hover { border: solid 1px #005fe2; }
.hire_result02 { border-radius: 4px; border: solid 1px #e1e1e1; /*height: 330px;*/ margin-bottom: 14px; position: relative; }
.hire_img { float: left; width: 31%; padding: 30px 0px 20px 32px; }
.hire_img02 { float: left; width: 37%; padding: 12px 0px 15px 28px; }
.hire_info { float: left; padding: 34px 0px 0px 0px; width: 40%; margin-left: 0px; }
.hire_info02 { float: left; padding: 36px 0px 0px 0px; width: 50%; margin-left: 0px; }
.hire_price { position: absolute; right: 28px; top: 20px; padding-left: 128px; border-left: dashed 0px #d2d2d2; }
.hire_pricemain { font-size: 34px; }
.hire_priceperday { font-size: 12px; text-align: right; font-weight: 600; margin-top: -6px; color: #afafaf; margin-right: 2px; }
.hire_pricetotal { margin-top: 10px; text-align: right; color: #4caf4f; font-size: 14px; font-weight: 400; }
.hire_booknow { position: absolute; bottom: 36px; right: 24px; }
.hire_booknow a { background: #005fe2; color: #fff; padding: 12px 80px 14px 80px; border: solid 2px #9dc2f4; border-radius: 40px; font-size: 14px; }
.hire_info_p01 { font-size: 14px; line-height: 1.385; margin-bottom: 34px; opacity: 1.0; color: #989898; font-weight: 600; }
.hire_info_p02 { font-size: 13px; line-height: 1.385; margin-bottom: 38px; opacity: 1.0; color: #484848; font-weight: 400; }
.hire_info_p03 { font-size: 14px; line-height: 1.385; margin-bottom: 10px; opacity: 1.0; color: #383838; font-weight: 400; }
.backbutton { border: solid 4px #fff; font-size: 14px; }
.cd-breadcrumb, .cd-multi-steps { margin-top: 0px; }
.cntr { position: absolute; right: 190px; top: 32px; }
.btn-radio { cursor: pointer; display: block; -webkit-user-select: none; user-select: none; text-align: left; }
.btn-radio:not(:first-child) { margin-left: 0px; margin-top: 10px; }
.btn-radio svg { fill: none!important; vertical-align: middle; }
.btn-radio svg circle { stroke-width: 2; stroke: #C8CCD4; }
.btn-radio svg path { stroke: #008FFF; }
.btn-radio svg path.inner { stroke-width: 4; stroke-dasharray: 19; stroke-dashoffset: 19; }
.btn-radio svg path.outer { stroke-width: 2; stroke-dasharray: 57; stroke-dashoffset: 57; }
.btn-radio input { display: none; }
.btn-radio input:checked + svg path { transition: all 0.4s ease; }
.btn-radio input:checked + svg path.inner { stroke-dashoffset: 38; transition-delay: 0.3s; }
.btn-radio input:checked + svg path.outer { stroke-dashoffset: 0; }
.btn-radio span { display: inline-block; vertical-align: middle; font-size: 14px; }


.finance-info { margin-bottom: 4px; font-size: 21px; }

.frame-94 { padding: 22px 22px 22px 14px; height: 66px; margin-top: -10px; margin-bottom: 12px; background-color: #efefef; border: solid 0px #666666; }

.parainterest { font-size: 18px; padding-left: 0px; padding-right: 0px; font-weight: 600; color: #000000; letter-spacing: -0.4px; float: left; }

.apptext { float: right; width: 50%; }

.finapad { border-left: solid 1px rgba(255, 255, 255, 0.3); padding-left: 20px!important; padding-top: 0%; }

.wrap:not(.noSpaces), .spaceWrap { padding: calc(3.56% + 24px) calc(8% + 15px); }

.cantsee { font-size: 13px; padding-left: 38px; padding-right: 38px; margin-bottom: 0px; }


.detailresp { font-weight: 600!important; float: left; margin-left: 6%!important; margin-top: -13px; font-size: 12px!important; letter-spacing: 1.0px!important; border: solid 2px #fff; }

.ofrDTL .addbox { padding-top: 3px; height: auto!important; padding-bottom: 13px; }

.shortlistleft { float: left; margin-left: 5%; }



.fullwidth { width: 92%; }
.textWrap { /*padding-top:50px; padding-bottom:50px;*/ }
/*.textWrap h1 { font-size: 20px; }
.textWrap h3 { font-size: 18px; font-weight: 600; }*/

.smallmanutopsmll { display: inline-block; width: 20px; }
.button.actionButton svg { width: 22px; height: 22px; fill: #666666!important; }
.button svg { width: 22px; height: 22px; fill: #fff!important; }


.button.actionButton:hover { background: rgba(0,0,0,0.16); -webkit-box-shadow: none; box-shadow: none; }
.panel svg { fill: #666666; }

/*TRIANGLE OFFER BUBBLE STYLES*/
.triangle-right.left { margin-left: 40px; }

.triangle-right { position: relative; padding: 8px 10px 10px 15px; margin: 1em 0 3em; color: #fff; font-size: 16px; background: #075698; background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698)); background: -moz-linear-gradient(#2e88c4, #075698); background: -o-linear-gradient(#2e88c4, #075698); background: linear-gradient(#2e88c4, #075698); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 4px; }

.triangle-right.left:after { top: 6px; left: -40px; bottom: auto; border-width: 13px 28px 0 0; border-color: transparent #247bb8; padding-left: 12px; }

.triangle-right:after { content: ""; position: absolute; bottom: -20px; left: 50px; border-width: 20px 0 0 20px; border-style: solid; border-color: #075698 transparent; display: block; width: 0; }

.checkcontainer ul { list-style: none; height: 100%; width: 100%; margin: 0; padding: 0; }


.checkcontainer ul li { color: #333333; display: block; position: relative; float: left; width: 100%; }

.checkcontainer ul li input[type=radio] { position: absolute; visibility: hidden; }

.checkcontainer ul li label { display: block; position: relative; font-weight: 600; font-size: 14px; padding: 0px 0px 0px 26px; margin: 11px auto; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; line-height: 18px; }

.checkcontainer ul li:hover label { color: #212121; }

.checkcontainer ul li .check { display: block; position: absolute; border: 3px solid #AAAAAA; border-radius: 100%; height: 18px; width: 18px; top: 10px; left: 0px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; }

.checkcontainer ul li:hover .check { border: 5px solid #e1e1e1; }

.checkcontainer ul li .check::before { display: block; position: absolute; content: ''; border-radius: 100%; height: 10px; width: 10px; top: -1px; left: -1px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; }

input[type=radio]:checked ~ .check { border: 5px solid #e1e1e1; }



input[type=radio]:checked ~ .check { border: 5px solid #e1e1e1; }


.button.actionButton svg { width: 22px; height: 22px; fill: #666666!important; }
.button svg { width: 22px; height: 22px; fill: #fff!important; }


.panel svg { fill: #666666; }

.cd-breadcrumb.triangle li > * { position: relative; padding: 0.9em .8em 1em 2.5em; }


/*-------------Rentel.master-------------*/

.carrental-hdr .title-77 { letter-spacing: 0px; font-size: 18px; margin-top: 6px; text-align: center; }
.carrental-hdr .name-77 { padding: 0px 0px 0px; background: #FFFFFF; }
.carrental-hdr .sub-heading { margin-top: 8px; margin-bottom: 24px; height: auto; text-align: center; }
ol.cd-multi-steps.carrental { margin-left: auto!important; }

/*------------Step1 CSS----------- */
.live_content:after { clear: both; display: block; content: ""; }
.live_content .sel_area input { font-weight: normal; background-image: url(../images/icon_calendar.png); background-repeat: no-repeat; background-position: right bottom 6px; }
.live_content .sel_area input:focus { border-bottom: 2px solid #005fe2; margin-bottom: 0; }
.live_content .txtlabel { margin: 0px; }
.live_content .selectlabel { margin-top: 0px; }
.live_content input[type=text] { font-size: 14px; line-height: normal; color: #404040; border-width: 0 0 1px 0; border-style: solid; border-color: #dfdfdf; margin-bottom: 1px; width: 240px!important; padding: 4px 0; margin-top: 20px; margin-left: 0px; margin-right: 0px; max-width: 240px!important; }
.live_content input[type=radio] { font-size: 14px; line-height: normal; color: #404040; border-width: 0 0 1px 0; border-style: solid; border-color: #dfdfdf; margin-bottom: 1px; width: 240px!important; margin-top: 30px; }
.blueheading { margin-top: 14px!important; margin-bottom: 8px; height: auto; letter-spacing: 0px; font-size: 18px; margin-top: 0px; text-align: center; }
.manualsearch { padding-top: 18px; margin-top: 8px; min-height: 80px; }
.live_content { width: 100%; position: relative; display: block; }
.live_content .sel_area select { border-radius: 49px; border: solid 2px #cccccc; width: 240px; margin-left: 0px; margin-top: 20px; -webkit-box-shadow: 0px 0px 0px 0px rgb(177, 177, 177); -moz-box-shadow: 0px 0px 0px 0px rgb(177, 177, 177); box-shadow: 0px 0px 0px 0px rgb(177, 177, 177); }
.manualsearch-bg { padding: 18px; margin-top: 22px; height: 80px; background: #f1f1f1; border-radius: 5px; }
.live_content .sel_area.age { width: 228px; }
.live_content .sel_area.age label { text-align: left; font-size: 14px; margin-left: 8px; margin-top: 5px!important; }
.live_content .sel_area.age label span { font-size: 11px; }
.sel_area select.setwide02 { border-radius: 49px; border: solid 2px #cccccc; width: 240px; margin-left: 0px; margin-top: 2px; -webkit-box-shadow: 0px 0px 0px 0px rgb(177, 177, 177); -moz-box-shadow: 0px 0px 0px 0px rgb(177, 177, 177); box-shadow: 0px 0px 0px 0px rgb(177, 177, 177); }
.step-footer { text-align: center; margin-top: 8px; border-top: dashed 0px #cccccc; padding-top: 2px; }
.righthold { display: inline-block; }
.continuebutton { background: #005fe2; color: #fff; padding: 12px 80px 14px 80px; border: solid 2px #9dc2f4; border-radius: 40px; font-size: 14px; }
.continuebutton:hover { -webkit-transition: 0.25s!important; transition: 0.25s!important; opacity: 1; -webkit-box-shadow: inset 0 -100px 0 rgba(41,41,41,0.15), 0 4px 6px 0 rgba(0,0,0,.1), 0 1px 10px 0 rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.1); box-shadow: inset 0 -100px 0 rgba(41,41,41,0.15), 0 4px 6px 0 rgba(0,0,0,.1), 0 1px 10px 0 rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.1); }

/*------------Step2 CSS----------- */
.vehicles-book p.available { margin-top: 14px; margin-bottom: 18px; height: auto; letter-spacing: 0px; font-size: 16px; margin-top: 0px; color: #383838; text-align: left; background: #f1f1f1; padding: 9px 6px 9px 12px; border-radius: 99px; width: 60%; }
.vehicles-book p.available i { color: #4CAF50; font-size: 18px; padding-right: 4px; }
.filtermob { position: absolute; top: -22px; right: 0px; }
.filtermob select { border-radius: 49px; border: solid 2px #cccccc; width: 240px; margin-left: 0px; margin-top: 20px; -webkit-box-shadow: 0px 0px 0px 0px rgb(177, 177, 177); -moz-box-shadow: 0px 0px 0px 0px rgb(177, 177, 177); box-shadow: 0px 0px 0px 0px rgb(177, 177, 177); }
.vehicles-step.hire_result .hire_info_p01 { margin-bottom: 15px; }
.vehicles-step.hire_result .hire_info_p02 { margin-bottom: 15px; }
.vehicles-step.hire_result .hire_info_p02 span { padding-right: 10px; }
.vehicles-step.hire_result .hire_info_p02 span img { width: 12px; margin-right: 2px; }
.vehicles-step.hire_result .hire_info_p03 { margin-bottom: 15px; }
.vehicles-step.hire_result .hire_info_p03 i { color: #4CAF50; font-size: 16px; margin-right: 5px; }
.hire_result .cntr .btn-radio input { display: none!important; }
.hire_result .cntr label.btn-radio { margin: 0px; }
.hire_result .cntr label.btn-radio:not(:first-child) { margin-left: 0px; margin-top: 10px; }


/*------------Step3 CSS----------- */
.green-check { position: absolute; right: 28px; top: 46px; border-left: solid 1px #e1e1e1; padding-left: 34px; }
.green-check i { color: #4CAF50; font-size: 30px; }
.blue-check { position: absolute; right: 28px; top: 46px; border-left: solid 1px #e1e1e1; padding-left: 34px; }
.blue-check i { color: #005fe2; font-size: 30px; }
.servbox { background: #f3f3f3; border: solid 1px #e1e1e1; border-radius: 4px; margin-bottom: 12px; padding: 14px; height: 92px; position: relative; margin-left: 12px; margin-right: 12px; }
.accesstext { display: inline-block; width: 62%; float: left; position: absolute; left: 22px; top: 18px; }
.accesstext p { margin-top: 0px; margin-bottom: 2px; margin-left: 0px; font-size: 12.9px; color: #333; text-transform: uppercase; }
.accesstext p i { margin-right: 3px; font-size: 16px; }
.accesstext p span { color: #666; text-transform: none; }
.accessprice { float: right; }
.accessprice .price-tag { display: inline-block; }
.accessprice .price-tag .servprice { margin-top: 8px; margin-bottom: 2px; margin-left: 8px; font-size: 17.9px; color: #333; text-transform: uppercase; margin-right: 8px; line-height: 11px; }
.accessprice .price-tag .servprice span { font-size: 10px; }
.accessprice .check-tag { display: inline-block; float: right; margin-right: -2px; }
.lefthold { display: inline-block; }
.footer-title-77 { letter-spacing: 0px; font-size: 17px; margin-top: 4px; color: #8ac44a; text-align: center; border-top: dashed 1px #fff; padding-top: 0px; }
.footer-title-77 span img { width: 26px; }
.backbutton { background: #005fe2; color: #fff; padding: 12px 80px 14px 80px; border: solid 2px #9dc2f4; border-radius: 40px; font-size: 14px; }
.backbutton:hover { -webkit-transition: 0.25s!important; transition: 0.25s!important; opacity: 1; -webkit-box-shadow: inset 0 -100px 0 rgba(41,41,41,0.15), 0 4px 6px 0 rgba(0,0,0,.1), 0 1px 10px 0 rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.1); box-shadow: inset 0 -100px 0 rgba(41,41,41,0.15), 0 4px 6px 0 rgba(0,0,0,.1), 0 1px 10px 0 rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.1); }
/*------------Step4 CSS----------- */
.smr-part { padding: 20px; }
.smr-part a.booked-car { width: 100%; text-align: center; display: inline-block; }
.smr-part a.booked-car img { max-width: 100%; margin: auto; }
.frmAdrs input, .frmAdrs select { font-size: 14px!important; font-weight: normal!important; }
.model { position: relative; }
.model .model-title { margin-bottom: 20px; padding-left: 6px; text-align: left; margin-top: -14px; font-size: 17px; }
.model .title-77 { letter-spacing: 0px; margin-bottom: 20px; text-align: left; padding-left: 6px; }
.model .title-77.model-title1 span { text-align: right; float: right; color: #333; }
.model .title-77.model-title2 { font-size: 14px; margin-top: -20px; height: 38px; }
.model .title-77.model-title2 span { text-align: right; float: right; color: #999; margin-top: -10px; }
.model .title-77.model-title3 { font-size: 19px; margin-top: -36px; text-align: right; height: 38px; }
.model .title-77.model-title3 span.total { text-align: right; color: #212121; margin-top: -10px; font-weight: 400; padding-left: 8px; font-size: 16px; }
.model .title-77.model-title3 span:last-child { text-align: right; color: #212121; margin-top: -10px; font-weight: 700; padding-left: 8px; }
.posReal .title-77.posTitle1 { font-size: 17px; margin-top: 20px; margin-bottom: 20px; border-top: dashed 1px #adadad; padding-top: 12px; padding-left: 6px; text-align: left; }
.posReal .title-77.posTitle1 .closebtn { right: -35px; }
.posReal .title-77.posTitle1 span { text-align: right; float: right; color: #333; }
.posReal .title-77.posTitle2 { font-size: 14px; margin-top: -20px; height: 38px; }
.posReal .title-77.posTitle2 span { text-align: right; float: right; color: #999; margin-top: -10px; }
.posReal .title-77.posTitle3 { font-size: 16px; margin-top: -20px; margin-bottom: 20px; text-align: left; height: 38px; }
.posReal .title-77.posTitle3 span span { text-align: right; float: right; color: #8ac44a!important; margin-top: -10px; font-weight: 700; }

.posReal .title-77.posTitle4 { font-size: 16px; margin-top: -15px; }
.posReal .title-77.posTitle4 span { text-align: right; float: right; color: #999; margin-top: -10px; }

.payment { background: #f1f1f1; padding: 20px; border-radius: 6px; margin-bottom: 18px; }

.payment .title-77 { letter-spacing: 0px; margin-bottom: 20px; padding-top: 0; }
.payment .payment-title1 { font-size: 17px; margin-top: 0px!important; color: #333!important; text-align: left; padding-top: 0px; }
.payment .payment-title1 span { text-align: right; float: right; color: #333; }
.payment .payment-title2 { font-size: 14px; text-align: left; height: 35px; margin-bottom: 0px; margin-top: -6px; }
.payment .payment-title2 span { text-align: right; float: right; color: #999; margin-top: -10px; }
.payment .payment-title3 { font-size: 21px; text-align: left; height: 38px; border-top: dashed 1px #a7a7a7; margin-bottom: 0px; }
.payment .payment-title3 span { text-align: right; float: right; color: #333; font-weight: 700; padding-top: 10px; }
.payment .payment-title3 b { text-align: left; float: left; font-weight: 700; padding-top: 10px; }

.proceed .proceed-title .title-77 { letter-spacing: 1px; font-size: 14px; margin-top: 28px; font-weight: bold; text-align: center; }
.proceed .pro-box { background: #fff; border: solid 1px #d4d4d4; border-radius: 4px; margin-top: 14px; -webkit-box-shadow: 0px 0px 0px 3px rgb(177, 177, 177); -moz-box-shadow: 0px 0px 0px 3px rgb(177, 177, 177); box-shadow: 0px 0px 7px 0px rgb(177, 177, 177); margin-bottom: 36px; }
.proceed .pro-box ul ul.grid { margin-top: 0px; }
.proceed .pro-box ul ul { margin-top: 4px; height: 46px; }
.proceed .pro-box ul li.maxer input { font-size: 14px; opacity: 1.0; margin-top: 11px; background: #fff; border: solid 1px #cccccc; box-shadow: none; webkit-box-shadow: none; max-width: 360px; padding: 12px; border-radius: 4px; text-align: center; }
.proceed .pro-box ul li p { margin-bottom: 0px; margin-top: 22px; }
.proceed .pro-box p.mail-text { margin-top: 14px; margin-bottom: 8px; border-top: dotted 1px #cacaca; padding-top: 12px; text-align: center; }
.proceed .mail-check { text-align: center; }
.proceed .mail-check > div { display: inline-block; }
.proceed .mail-check div span:first-child { font-size: 14px; font-weight: bold; }
.proceed .indicate-box { padding: 18px; background: #f2f2f2; margin-top: -18px; border-radius: 5px; }
.proceed .indicate-box p { margin-top: -14px; margin-bottom: 8px; padding-top: 12px; text-align: center; }
.proceed .bluedoc { padding: 16px 20px 16px 20px; border-radius: 6px; margin-bottom: 18px; margin-top: 15px; }
.proceed .bluedoc .title-77 { letter-spacing: 0px; font-size: 15px; margin-top: 0px; margin-bottom: 1px; color: #fff; text-align: left; padding-top: 0px; }
.proceed .bluedoc .title-77 .terms { text-align: right; float: right; color: #fff; text-decoration: underline; font-size: 14px; }
.proceed .bluedoc .title-77 .terms a { color: #fff!important; }
.proceed .comfirm { margin-top: 8px; border-top: dashed 1px #fff; padding-top: 0px; }
.proceed .comfirm .righthold { width: 100%; display: inline-block; text-align: center; }


/*------------Responsive steps----------- */

/*-----------------------------*/

.wideradio { min-width: 210px; }

#js-widget-button { height: 80px!important; }
#testing { display: none!important; }

.logotop { max-width: 150px; display: inline-block; margin-top: 12px; }
.logotop:hover { opacity: 1; }
.button { /*border-radius: 40px;*/ }

.cd-hero.homeSLider ul.cd-hero-slider li:before { display: inline-block!important; width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; background: transparent; z-index: 999; }
.cd-hero.homeSLider:hover ul.cd-hero-slider li:before { transition: 0.35s; }


/*.imgHover { position: absolute; left: 0px; right: 0; bottom: 0px; max-width: 100%; max-height: 362px; opacity: 1; margin: auto 0px auto auto; }*/
.imgHover { position: absolute; left: 0px; right: 0; bottom: 0px; max-width: 100%; max-height: 362px; opacity: 1; margin: auto auto auto auto; top: 0px; }

.sldr_logo { position: absolute; top: 0; left: 0; display: inline-block; width: 80px; padding: 10px; z-index: 99; display: none !important; }
.cd-hero.homeSLider:hover ul.cd-hero-slider li .imgHover, .cd-hero.homeSLider:hover ul.cd-hero-slider li .sldr_logo { opacity: 0.1; }

.promobox-74 { transition: 0.15s; }
.promobox-74:hover { box-shadow: 0 0 3px rgba(0, 0, 0, 0.06), 0 5px 6px rgba(0, 0, 0, 0.13); opacity: 0.95; transition: 0.15s; }
.promobox-74 .promoTtl { font-size: 18px; margin-bottom: 12px; text-align: center; font-weight: 600; }

.promobox-74 .promoDesc { text-align: center; font-size: 15px; margin-top: 12px; opacity: 0.8; }
.promobox-74 .thumbnail-74 a { opacity: 1!important; display: block; overflow: hidden; width: 100%; }
.promobox-74 .thumbnail-74 img { transition: .5s; }
.promobox-74:hover .thumbnail-74 img { -webkit-transform: scale(1.0225); transform: scale(1.0225); transition: .5s; }

.sliderFilter { position: absolute; /*right: 10px;*/ right: 0px; z-index: 99; top: 30px; }
.sliderFilter .dropdown-el { top: 10px; margin-right: 1px; right: 105px; }
.sliderFilter .smallmanu { padding-left: 14px; border-left: dashed 1px rgba(225, 225, 225, 0.4); }
.sliderFilter .smallmanu img { max-width: 62px; }
.sliderFilter .detailCD { top: -24px; right: 0px; }
.sliderFilter .hdrBrndlogo { right: 4px; top: -20px; }


.top.small.navtop > .sections { display: table; width: 100%; }
.srchHdr { display: inline-block; margin-top: 0px; position: relative; }

.srchHdr input[type="text"] { height: 40px; width: 100%; max-width: 100%; font-size: 14px; line-height: 1.2em; border: none; border-bottom: 1px solid #e4e4e4; font-weight: normal; color: #303030; }
.srchHdr label { font-size: 12px; font-weight: bold; margin: 0px; position: absolute; left: 23px; top: 18px; }
.srchHdr label i { margin-right: 10px; color: #CCC; }
.srchHdr .micIcn { float: left; width: 32px; position: absolute; left: 4px; top: 9px; height: 32px; border-radius: 50%; text-align: center; }
.srchHdr .micIcn button { background-color: transparent; border: none; font-size: 14px; color: #fff; }
.srchHdr .micIcn button:focus { border: none; outline: none; }
.srchHdr .srchIcn { visibility: hidden; position: absolute; top: 7px; left: 10px; color: #fff; font-size: 14px; }
.srchHdr .srchIcn i { color: #FFF; font-size: 14px; }
.fix-12-12c { max-width: 100%!important; margin-left: 0px!important; margin-right: 0px!important; width: 100%!important; }
.homeWrp { /*padding: calc(0% + 77px) calc(0% + 20px);*/ padding-top: 0px; }
.homeWrp.theme1 { /*padding-top: 47px;*/ }
.prevSrch { padding: 20px; }
.prevSrch ul { padding: 0px; margin: 0px; }
.prevSrch ul li { display: block; font-size: 14px; padding: 5px 10px; }
.srchTtl { font-size: 16px; }

.ftrwdth li.col-2-12 { max-width: 20%; padding-left: 10px; padding-right: 10px; }
.ftrMenus h3 { font-size: 17px; color: #FFF; margin-bottom: 15px!important; margin-top: 0; }
.ftrMenus li p { font-size: 15px; opacity: .8; }
.padinnit.navtop { padding-left: 0px; padding-right: 0px; }

.menufactureLOGO { margin-top: 80px; }
/*.menufactureLOGO {margin-left: -2px; margin-right: -2px;}*/
.menufactureLOGO li { width: 100%; }
.menufactureLOGO li img { border: 0px!important; }
.menufactureLOGO li img:hover { border: 0px; }
.menufactureLOGO .logoset { padding: 48px!important; border: solid 1px #e1e1e1; margin: 0px -1px -1px -1px; background: #fff; /*width: calc(100%/6); max-width: calc(100%/6);*/ height: 200px; box-sizing: border-box; float: none; display: inline-block; }
.twoBrands .logoset { padding: 5px !important; height: 225px; max-width: 225px; }
/*.menufactureLOGO .logoset { padding: 25px!important; border: solid 1px #e1e1e1; margin: 0px -3px 0px -3px; background: #fff; width: 200px; height: 200px; }*/



.mdlLst.model_list .col-3-12 { padding: 2px!important; }
.mdlLst.model_list .col-3-12 .modelBlk { display: block; width: 100%; padding: 5px; opacity: 1; transition: .3s; }
.mdlLst.model_list .col-3-12 .modelBlk:hover { opacity: .8; trasition: .3s; }
.mdlLst.model_list .col-3-12 .thumbnail-77 { min-height: 125px; margin-top: 10px; text-align: center; }

.ftrSocial { margin: auto; padding: 0px; margin-bottom: 25px; }
.ftrSocial li { display: inline-block; }
.ftrSocial li a { width: 30px; height: 30px; border: 1px solid #555; border-radius: 50px; font-size: 15px; text-align: center; line-height: 29px; display: inline-block; vertical-align: middle; margin: auto 8px; -webkit-transition: transform .35s ease; -moz-transition: transform .35s ease; transition: transform .35s ease; }
.ftrSocial li a:hover { color: #ef7b7a; border-color: #ef7b7a; }

/*.ftrFacebook { background-color: #4171ad; }
.ftrTwitter { background-color: #00baf0; }
.ftrLinkedin { background-color: #0088b4; }
.ftrYoutube { background-color: #df202e; }*/
.baseFtr; { border-top: solid 1px rgba(255, 255, 255, 0.25); margin-top: 48px; }
.baseFtr ul { background: none; padding-top: 32px; height: auto; }
.baseFtr li { padding-bottom: 30px; list-style: none; }
.baseFtr p { font-size: 13px; color: #fff; opacity: 0.5; display: inline-block; margin-right: 15px; }
.baseFtr ul li p a { color: #d21e39; }

.baseFtrLnks { border-top: solid 1px rgba(255, 255, 255, 0.25); margin-top: 0px; }
.baseFtrLnks ul { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; padding-top: 32px; max-width: 1200px; position: relative; height: 32px; }
.baseFtrLnks p { font-size: 13px; color: #fff; opacity: 1.0; }
.ftrSubscribe p { font-size: 13px; color: #333; margin-top: 15px !important; margin-bottom: 30px !important; font-weight: 500; line-height: 1.5; text-align: center; }

.ftrSubscribe p, /*for max width*/
.subsForm { max-width: 350px; margin: auto; }

.subsForm { position: relative; }
.subsForm input[type="text"] { display: inline-block; border-radius: 3px; padding: 10px 20px; font-size: 13px; text-align: center; width: 100%; margin: 0px; font-weight: 500; max-width: 100%; }
.subsForm input[type="submit"],
.subsForm input[type="button"] { border-radius: 3px; display: inline-block; background-color: #ef7b7a; padding: 10px 20px; color: #fff; font-size: 13px; text-transform: uppercase; border: none; width: 100%; letter-spacing: 1.5px; max-width: 100%; cursor: pointer; font-family: 'Caboodle', Sans-serif; }
.subsForm input[type="submit"]:focus,
.subsForm input[type="button"]:focus { outline: none; box-shadow: none; border: none; }
.subsForm input[type="text"]::-webkit-input-placeholder { color: #333; }
.subsForm input[type="text"]:-ms-input-placeholder { color: #333; }
.subsForm input[type="text"]::placeholder { color: #333; }




.subsForm .emailInput input[type="text"] { padding: 10px 100px 10px 20px; }
.subsForm .emailInput { position: relative; }


.navToggle { display: inline-block; cursor: pointer; width: 18px; height: 13px; font-size: 16px; color: #a4a4a4; text-align: center; line-height: 5px; position: relative; top: -3px; left: 0px; }
.mainMenu .dropdown-menu .navToggle { top: -1px; }

.navSub { opacity: 0; transition: .5s; visibility: hidden; }

.navSub ul li a { padding: 10px 10px; text-align: left; display: block; font-size: 11px; font-weight: 400; line-height: 18px; text-transform: uppercase; color: #b0b0b0; letter-spacing: 1px; }
.navSub ul li a:hover { color: #FFF; }
.mnfct_logo > a { position: relative; padding: 15px; }
.mdlLst .heading_carlist { font-size: 18px; border-top: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; padding: 5px 0px 4px; text-align: left; }
.mainMenu .dropdown-menu .navSub { background-color: #212121; padding: 15px; width: 280px; }
.mainMenu .dropdown-menu:hover .navSub { opacity: 1; transition: .5s; visibility: visible; }

.mainMenu .dropdown-menu .navSub li { display: block!important; }
.navSub ul li:last-child a { border-bottom: 0px; }
.navSub .cbp-hrsub-inner { position: relative; }


/*header filter*/

.dropdown-el input { display: none; }

.dropdown-el { min-width: 100%; position: absolute; display: inline-block; margin-right: 0px; min-height: 44px; max-height: 44px; overflow: hidden; cursor: pointer; text-align: left; white-space: nowrap; outline: none; background-color: #fff; transition: 0.3s all ease-in-out; right: 5px; top: -3px; z-index: 9; }

.dropdown-el label,
.dropdown-el a { border-top: none!important; display: block; cursor: pointer; position: relative; transition: 0.1s color ease-in-out; margin-top: 1px; margin-bottom: 0px; font-size: 14px!important; letter-spacing: -0.5px; padding: 10px; padding-left: 20px; padding-right: 20px; text-transform: uppercase; }

.dropdown-el label:nth-child(2) { /*margin-top: 0rem; font-size: 17px;*/ }

.dropdown-el label:nth-child(2):hover { background: none!important; }


.dropdown-el input:checked + label:nth-child(2) { margin-top: 0; position: relative; }
.dropdown-el::after { content: "\f107"; font-family: FontAwesome; position: absolute; right: 16px; top: 10px; font-size: 18px; transition: .3s all ease-in-out; }
.dropdown-el.expanded { border: 2px solid #ef7b7a; background: #fff; border-radius: 4px; padding: 0; -webkit-box-shadow: 0px 0px 0px 4px rgba(245,245,245,0.55); -moz-box-shadow: 0px 0px 0px 4px rgba(245,245,245,0.55); box-shadow: 0px 0px 0px 4px rgba(245,245,245,0.55); max-height: 600px; font-size: 18px; padding: 5px; padding-top: 1px; }
.dropdown-el.expanded label:hover,
.sortByDiv .dropdown-el.expanded a:hover { transition: 0.01s; }
.dropdown-el.expanded input:checked + label { }
.dropdown-el.expanded::after { }

.sortByDiv { display: inline-block; min-width: 250px; position: relative; vertical-align: middle; min-height: 44px; margin-top: 5px; }
.sortByDiv .dropdown-el { min-width: 250px; margin-top: 0px; margin-right: 0px; box-shadow: none; }
.sortByDiv .dropdown-el a, .sortByDiv .dropdown-el label { font-size: 14px!important; }
.sortByDiv .dropdown-el label:nth-child(1) { font-weight: bold; }
.sortByDiv .dropdown-el label:nth-child(1):hover { background: none!important; color: #444!important; }




.prntBtn { color: #303030; font-size: 10px; display: inline-block; float: right; position: relative; padding: 10px 22px 8px 22px; }


.prntBtn #posted-icon { position: absolute; height: 19px; width: 19px; margin: 0 auto; left: -3px; top: 5px; }
.ucarDesc .title-77 { margin-top: 0px; }
.ofrDTL .dropdown-el { min-width: 320px; position: absolute; display: inline-block; min-height: 44px; max-height: 44px; overflow: hidden; cursor: pointer; text-align: left; white-space: nowrap; color: #444; outline: none; border: 2px solid #cccccc; border-radius: 3rem; background-color: #fff; transition: 0.3s all ease-in-out; right: 15px; top: 3px; z-index: 99; }
.ofrDTL .dropdown-el.expanded { border: 2px solid #cccccc; background: #fff; border-radius: 1.2rem; padding: 0; -webkit-box-shadow: 0px 0px 0px 4px rgba(245,245,245,0.55); -moz-box-shadow: 0px 0px 0px 4px rgba(245,245,245,0.55); box-shadow: 0px 0px 0px 4px rgba(245,245,245,0.55); max-height: 600px; font-size: 18px; /* overflow-y: scroll; */ padding: 18px; padding-top: 14px; }
.headWidth { max-width: 260px; }





/*-----------------------------------cd_Modal_Action---------------------------------------------------*/
.modal-active .navtop { z-index: 99!important; }
.detailCD { position: absolute; right: 10px; top: 3px; z-index: 99; }
.newcarMdl_lst .detailCD { top: -75px; right: 100px; }
.ucPromoBlock .promobox-74 .promoDesc { }
.bgDark { width: 0%; height: 0%; position: fixed; z-index: 100; display: block; top: 50%; border-radius: 50%; left: 50%; transition: .5s; opacity: 0; }
.bgDark.openBg { width: 150%; height: 150%; position: fixed; z-index: 100; display: block; top: -25%; border-radius: 50%; left: -25%; transition: .5s; opacity: 0.92; z-index: 9999; }
/*-----------------------------------------------------------------------*/





.clear, .clearBoth, .clearfix { clear: both; }
.pn { padding: 0px!important; }
.pln { padding-left: 0px!important; }
.prn { padding-right: 0px!important; }
.ptn { padding-top: 0px!important; }
.pbn { padding-bottom: 0px!important; }
.mn { margin: 0px!important; }
.mln { margin-left: 0px!important; }
.mrn { margin-right: 0px!important; }
.mtn { margin-top: 0px!important; }
.mbn { margin-bottom: 0px!important; }
.bgWhite { background-color: #fff!important; }
.modelDetail { /*top: -109px; margin-bottom: -109px;*/ }
.image-slider-block { position: relative; }
.image-slider-block .cd-hero-slider { height: 480px; max-height: 480px; padding: 0px; }

.image-slider-block .halftp p.left.mdlOTR { font-size: 12px; opacity: 1.0; color: #f2f2f2; margin-bottom: 10px; font-weight: normal; letter-spacing: -0.05px; border-top: dashed 1px #cccccc4d; font-style: italic; padding-top: 12px !important; margin-top: 12px !important; }

/*------------Special Offer-------------*/


.offrDtlTabs .tabs li:first-child { border-radius: 0px 0px 0 0!important; margin-left: 3px!important; }
.offrDtlTabs .tabs li:last-child { border-radius: 0 0 0px 0px!important; }
.offrDtlTabs ul.tabs li { border: 1px solid #ccc!important; border-bottom-width: 0!important; background: rgba(1, 95, 226, 0.16)!important; color: #303030!important; display: inline-block; padding: 10px 48px!important; cursor: pointer; min-width: initial; margin-bottom: -1px!important; font-size: 15px; letter-spacing: 0px; margin-left: 2px!important; float: left; }
.offrDtlTabs .resp-tab-content { padding: 22px 32px!important; }
.offrDtlTabs .resp-tab-content .fix-12-12 { margin: 0!important; padding: 0px!important; }


.sidebar.advSrch_open p.form { font-size: 16px; border: none; margin-bottom: 5px; margin-top: 0px; opacity: 0.8; }



/*------------adPopup-------------*/
.adPopup { z-index: 999!important; display: none!important; }
.adPopup.open { display: table!important; }

.adPopup .popupContent .pad { border-radius: 0px; min-height: 350px; background: #000000 url(../images/adPopupNissan.jpg) no-repeat; background-position: right bottom; background-size: cover; padding-bottom: 65px!important; border: none!important; }
.adPopup .popupContent p { margin-top: 0px; padding-bottom: 0px; }
.adPopup .popupContent .form-title { text-align: left; color: #fff; font-size: 35px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; }
.adPopup .popupContent .form-subTitle { margin-bottom: 25px; color: #fff; font-weight: bold; padding-top: 0px; padding-left: 0px; }
.adPopup .popupContent .form-txt { text-align: left; }
.adPopup .popupContent .form-txt > span { display: none; }
.adPopup .popupContent .form-txt span a { display: inline-block; font-size: 15px; line-height: 1.2em; margin-bottom: 10px; position: relative; /*margin-left: 20px;*/ color: #fff; border-bottom: 1px solid #ccc; }
.adPopup .popupContent .form-ques { position: absolute; bottom: 20px; width: 100%; left: 0px; right: 0px; color: #fff; padding: 0px; text-align: center; }
.adPopup .popupContent .form-ques a { color: #000; }
.adPopup .adPopupCls { position: absolute; top: 5px; right: 10px; font-size: 15px; color: #fff; cursor: pointer; vertical-align: middle; /*background: #fff; border-radius: 50px;*/ padding: 3px 1px; z-index: 99; border-bottom: 1px solid #fff; }
.adPopup .adPopupCls span { float: left; margin-right: 3px; font-weight: bold; color: #fff; font-size: 12px; }
.adPopup .adPopupCls:hover span, .adPopup .adPopupCls:hover .fa { color: #fff; }
.adPopup .adPopupCls .fa { color: #fff; font-size: 12px; float: right; margin-top: 1px; }
.adPopupLogo { position: absolute; bottom: 15px; right: 15px; max-width: 90px; text-align: right; }
.adPopupLogo img { max-height: 80px; }
.adPopup .popupContent .form-txt { margin-top: 0px; padding-bottom: 0px; }
.adPopup .popupContent .form-txt > div { color: #fff; font-weight: normal; margin-bottom: 15px; font-size: 18px; }
.adPopup .offer1 { font-size: 25px; margin-bottom: 10px; }
.adPopup .offer5 { background-color: #fff; border: 2px solid #9e0a24; border-radius: 20px; display: inline-block; padding: 10px 15px; color: #333333!important; width: 180px; }
.adPopup .offer5 span { font-size: 25px; display: inline-block; color: #9e0a24!important; font-weight: bold; }
.adPopup .popupContent .form-ques a { display: inline-block; margin: 0px 10px; background-color: #fff; padding: 5px 25px; border-radius: 99px; opacity: 1; }
.adPopup .popupContent .form-ques a:hover { background-color: #000; color: #fff; opacity: 1; }


/*------------ad slider Popup-------------*/

.adPopup .cd-hero.homeSLider:hover ul.cd-hero-slider li::before { display: none!important; }
.adPopup .cd-hero { max-width: 800px; margin: auto; }
.adPopup .popupContent.toyota .pad { background: #9e0a24 url(../images/adPopupToyota.jpg) no-repeat; background-position: right bottom; background-size: cover; }
.adPopup .cd-slider-nav { left: 35px; right: initial; }

.slide .vdoBGtx .srcFam { color: #fff; }

.ftrEnqry { height: 88px; top: 0px; width: 100%; z-index: 99999; }
.ftrEnqry .grid.fixedSpaces { background: none; padding-top: 34px; }
.ftrEnqry .left p { font-weight: bold; }
.ftrEnqry .popupButton { margin-top: -10px; display: inline-block; font-size: 14px; border-radius: 99px; border: solid 3px rgba(255, 255, 255, 0.4); padding: 10px 48px 10px 48px; cursor: pointer; }


/*------------OfferDetail-------------*/
.OfferDetail .fix-12-12 { max-width: 1240px !important; }
.OfferDetail #configure-icon img { position: absolute; left: 7px; top: 10px; }
.OfferDetail .test_drive { margin-left: 2% !important; }
.OfferDetail .clickapnt .apptext { width: 70% !important; }
/*.OfferDetail .ucarDesc p:not(.hero) + p, .ucarDesc .p:not(.hero) + p { margin-top: -20px; }*/


.OfferDetail .tabs li:first-child { border-radius: 0px 0px 0 0; }
.OfferDetail .tabs li:last-child { border-radius: 0 0 0px 0px; }
.OfferDetail ul.tabs { margin: 0px; padding: 0px; list-style: none; border-radius: 0px; border: 0px solid #fff; color: #fff; max-width: 100%; }
.OfferDetail ul.tabs li { border: 1px solid #ccc !important; border-bottom-width: 0 !important; /*background: #015fe22b !important;*/ display: inline-block; padding: 10px 14px; cursor: pointer; margin-bottom: 0px; font-size: 15px; letter-spacing: 0px; min-width: 15%; margin-right: 2px; float: left; }
.OfferDetail ul.tabs li.resp-tab-active { border-bottom: 1px solid #FFF !important; }
.OfferDetail .tabbedinfo ul.tabs { text-align: center; }
.OfferDetail .tab-content .wrap.top { padding: 0px; }
.OfferDetail .tab-content { border-top: 1px solid #ccc; }
.OfferDetail .addbox { position: relative; height: 45px; margin-top: 0px; border-bottom: solid 2px #e1e1e1; }
.OfferDetail .finance-section { border-top: dashed 1px #e1e1e1; border-bottom: dashed 1px #e1e1e1; position: relative; padding: 15px 0px 8px; margin-bottom: 15px; margin-top: 59px; }
.OfferDetail .ofr-fs-line1 { font-size: 14px; opacity: 0.9; margin-bottom: 20px; }
.OfferDetail .ofr-fs-line2 { font-size: 28px; opacity: 1.0; letter-spacing: -0.35px; }
.OfferDetail .ofr-fs-line2 > span { font-size: 25px; font-weight: bold; }
.OfferDetail .ucarDesc .fs-offr-line { font-size: 22px; opacity: 1.0; margin-bottom: 10px; padding-top: 0px; font-weight: bold; letter-spacing: -0.5px; }
.OfferDetail .offrDtlTabs { padding-top: 18px; padding-bottom: 18px; background: #fff; margin-top: 1px; }


.ShortList .closeCircle { position: absolute; z-index: 99; right: 0px; top: -25px; }
.ShortList .fix-12-12 { max-width: 1360px !important; width: 100% !important; padding-left: 20px; padding-right: 20px; }


/*////////////////////////////////////////////////////////*/
/*/////////////////// ucNewCarSpec CSS ///////////////////*/

.ucNewCarSpec .accordion dl, .ucNewCarSpec .accordion-list { border: 1px solid #eff8ff; }
.ucNewCarSpec .accordion dl:after, .ucNewCarSpec .accordion-list:after { content: ""; display: block; height: 0.4em; width: 100%; }
.ucNewCarSpec .accordion dd, .ucNewCarSpec .accordion__panel { font-size: 0.8em; line-height: 1.5em; margin-left: 12px; margin-right: 12px; }
.ucNewCarSpec .accordion p { padding: 8px; margin: 0; }
.ucNewCarSpec .accordion { position: relative; border-bottom: solid 6px #2196f3; }
.ucNewCarSpec .accordionTitle, .ucNewCarSpec .accordion__Heading { text-align: left; font-weight: 700; padding: 0.9em; display: block; text-decoration: none; color: #fff; -webkit-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; border-bottom: 1px solid #2196F3; }
.ucNewCarSpec .accordionTitle:before, .ucNewCarSpec .accordion__Heading:before { content: "+"; font-size: 1.5em; line-height: 0.77em; float: left; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; margin-right: 10px; }
.ucNewCarSpec .accordionTitleActive:before, .ucNewCarSpec .accordionTitle.is-expanded:before { -webkit-transform: rotate(-225deg); transform: rotate(-225deg); }
.ucNewCarSpec .accordionItem { height: auto; overflow: hidden; max-height: 50em; -webkit-transition: max-height 1s; transition: max-height 1s; }



.ucNewCarSpec .accordionItem.is-collapsed { max-height: 0; }
.no-js .ucNewCarSpec .accordionItem.is-collapsed { max-height: auto; }
.animateIn { -webkit-animation: accordionIn 0.45s normal ease-in-out both 1; animation: accordionIn 0.45s normal ease-in-out both 1; }
.animateOut { -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1; animation: accordionOut 0.45s alternate ease-in-out both 1; }

.theme1.prmBlcsSlider .cd-hero-slider li { min-height: 300px!important; }
.theme1.prmBlcsSlider .imgHover { max-height: 296px; margin: auto auto!important; top: 0px; }

/*@media only screen and (min-width: 1280px) {
 .theme1 .cd-hero-slider { height: 60%; max-height: 296px; }
}*/


@-webkit-keyframes accordionIn {
    0% { opacity: 0; -webkit-transform: scale(0.9) rotateX(-60deg); transform: scale(0.9) rotateX(-60deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes accordionIn {
    0% { opacity: 0; -webkit-transform: scale(0.9) rotateX(-60deg); transform: scale(0.9) rotateX(-60deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@-webkit-keyframes accordionOut {
    0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
    100% { opacity: 0; -webkit-transform: scale(0.9) rotateX(-60deg); transform: scale(0.9) rotateX(-60deg); }
}

@keyframes accordionOut {
    0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
    100% { opacity: 0; -webkit-transform: scale(0.9) rotateX(-60deg); transform: scale(0.9) rotateX(-60deg); }
}





.popspec { background-color: rgba(255, 255, 255, 0.9)!important; color: inherit!important; }
.ucNewCarSpec { padding: calc(3.56% + 24px) calc(8% + 15px); }
.ucSpecHead { position: relative; text-align: center; }
.ucSpec-logo { display: inline-block; float: left; width: 120px; height: 120px; position: absolute; left: 0; top: 0; text-align: left; }
.ucSpecHeading { margin: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 115px; }
.ucNewCarSpec ucSpecHeading a { display: inline-block; width: 100%; text-align: center; }
.ucSpecImg a { display: inline-block; width: 100%; height: 100%; text-align: center; }
.ucSpecHeading a { cursor: initial; max-width: 800px; }
.ucSpecHead .close.bigClose { right: 0 !important; top: 0px !important; }
.ucNewCarSpec ul.accordion .inner { padding-left: 1em; padding-right: 1em; overflow: hidden; display: none; text-align: left; font-size: 14px; }
.ucNewCarSpec ul.accordion .inner.show { /*display: block;*/ }
.ucNewCarSpec ul.accordion li a.toggle { width: 100%; display: block; padding: .75em; transition: background 0.5s ease-in-out; text-align: left; font-weight: 700; border-bottom: solid 1px #fff; }
.ucNewCarSpec ul.accordion li a.toggle:before { content: "+"; font-size: 1.5em; line-height: 0.77em; float: left; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; margin-right: 10px; }
.ucNewCarSpec ul.accordion li a.toggle.minus:before { content: "-"; font-size: 32px; margin-top: -4px; }
.ucNewCarSpec ul.accordion li a.toggle.show:before { -webkit-transform: rotate(-225deg); transform: rotate(-225deg); }


.ucNewCarSpec .h2-txt { font-size: 16px; line-height: 32px; margin-bottom: 30px!important; text-transform: uppercase; }
.ucNewCarSpec .h2head-txt { font-size: 16px; font-weight: 700 !important; }
.ucNewCarSpec .h2head-text { font-size: 20px; border-top: solid 1px #e1e1e1; padding-top: 12px; margin-bottom: 30px!important; }
.ucNewCarSpec .p-txt { padding: 24px; margin-bottom: -5px; text-align: center; }
.ucNewCarSpec .popup_spc { color: #4e4e4e; }
.ucNewCarSpec .list-innertxt li { line-height: 2; font-size: 18px; }
.ucNewCarSpec ul { list-style: none; }
.ucNewCarSpec .accordion.pop_accordion { background-color: #fff!important; border-bottom: solid 6px #f3f3f3; }
.ucNewCarSpec ul.accordion li a.toggle { padding: 1.4em!important; }
.ucNewCarSpec .mxw100 { max-width: 100%!important; }
.ucNewCarSpec .no-data { font-weight: bold; }
.ucNewCarSpec .toggle-txt { float: right; opacity: 0.5; font-size: 14px; }
.ucNewCarSpec .list-txt { padding-top: 8px; max-width: 100%!important; }
.ucNewCarSpec .text_h2head { font-size: 20px; margin-bottom: 8px; font-weight: bold; text-transform: none; letter-spacing: 0px; }



/*/////////////////// ucNewCarSpec CSS END ///////////////////*/
/*////////////////////////////////////////////////////////////*/

.list_content.ucUsedCarSpec li span { display: inline-block; margin-right: 25px; }
.ucNews .pgAlt li { display: inline-block !important; }
.ucNews .pgAlt li a:last-child { margin-right: 0px !important; }
.CareerDatail .jobcontent ul { padding-left: 20px; }
.CareerDatail .jobcontent ul li { padding-bottom: 15px; }
.brandLogo { margin-bottom: 4px; position: relative; height: 68px; }
.brandLogoPos { position: absolute; left: 0; top: 10px; }
.NewsDetail p + h2, .NewsDetail p + .h2 { margin-top: 0px; }
.NewsDetail .fixedul ul { padding: 15px!important; }


.thmbPrc .srtList { margin-top: 10px!important; }

.flash_TL img { position: absolute; left: 0px; top: 0px; z-index: 99; }
.flash_TR img { position: absolute; right: 0px; top: 0px; z-index: 99; }
.flash_BL img { position: absolute; left: 0px; bottom: 0px; z-index: 99; }
.flash_BR img { position: absolute; right: 0px; bottom: 0px; z-index: 99; }

/*___________________  USEDCARLIST START ____________________*/
ul.fin_wrp { padding: 0px; margin: -10px 0px 0px 0px; border-left: 1px solid #ccc; display: block; }
.fin_wrp li { padding-left: 0px!important; padding-right: 0px!important; }
.fin_div { display: inline-block; float: left; padding: 10px; box-sizing: border-box; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; width: 33.33%; text-align: center; min-height: 80px; color: #155991; font-size: 22px; font-weight: bold; margin-bottom: 0px; }
.fin_div p { display: block; text-align: center; color: #000; font-size: 14px; }
.fin_full { width: 100%!important; }
.finwrap_head { border: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px; font-size: 18px; font-weight: 500; padding-top: 10px; padding-left: 10px; }

/*//////////___________________ UCUSEDCARLIST START___________________//////////*/

.usedcar_blk { background-color: #fff; padding: 16px; padding-top: 32px; padding-bottom: 5px; }
.usedcars_lst { float: left; display: block; width: 25%; list-style: none; }
.usedcars_blk .equalElement { min-height: 172px; border-top: 1px solid #e6e6e6; }
.usedcars_blk { background: #fff; margin-bottom: 20px; position: relative; }
.usedcars_blk .alsPra.micro { font-size: 14px; opacity: .6; min-height: 32px; padding-top: 0px; }
.usedcars_blk .thumbs_img { max-height: 250px; height: 250px; }
.usedcars_blk .thmbPrc { min-height: 75px; }
.usedcars_blk .usdCarLtn { letter-spacing: -0.35px; color: #303030; }
.usedcars_blk .usedcar_blk .title-77 { letter-spacing: 0; margin-top: 0px; }
.usedcars_blk .usedcar_blk .thmbPrc p { text-align: center; }
.usedcars_blk .usedcar_blk .thmbPrc .srtList { font-size: 22px!important; }
.usedcars_blk .usedcar_blk .thmbPrc .srtList > span { display: inline-block; }
.usedcars_blk .usedcar_blk .thmbPrc .th_postCode { font-size: 13px; opacity: 0.8; letter-spacing: -0.35px; color: #303030; margin-bottom: 0px; border-top: dashed 1px #e1e1e1; padding-top: 14px; }
.usedcars_blk .usedcar_blk .thmbPrc .th_postCode span { font-weight: bold; }
.usedcars_blk .usedcar_blk .srtList span.srtListspn { color: #272727; font-size: 12px; }
.usedcars_blk .usedcar_blk .srtList span.cashLeft i { font-style: normal; }
.usedcars_blk .usedcar_blk .srtList span.srtListclr { font-weight: bold; color: #909090; }
.usedcars_blk .usedcar_blk .th_prcRgt p span { display: inline-block; }
.usedcars_blk .usedcar_blk .seeDetail a { font-size: 13px; opacity: 0.8; letter-spacing: -0.35px; color: #303030; margin-bottom: 0px; border-top: dashed 1px #e1e1e1; padding-top: 14px; display: block; text-align: center; }
.usedcars_blk .usedcar_blk .srtListpra { padding-bottom: 30px!important; }
.usedcars_blk .usedcar_blk .title-77 a { color: #303030; }
.usedcars_blk .usedcar_blk .thumb_content { min-height: 125px; }
.usedcars_blk .usedcar_blk .thumb_content .srtListpra { padding-bottom: 0px!important; }

.prceTip { background-color: #2d3737; border-radius: 6px; color: #fff; width: 115px; padding: 6px 7px; position: absolute; top: -45px; right: 0px; }
.prceTip:after { border-color: #222a2a transparent transparent; border-style: solid; border-width: 6px 0 0 8px; content: ""; bottom: -10px; height: 10px; width: 10px; position: absolute; }


.tags-container { display: block; position: relative; min-height: 30px; }
.tags-container:after { content: ""; display: block; clear: both; }
.tags-container .flash { text-align: left; border-radius: 99px; padding: 6px 14px 6px 14px; color: #fff; font-weight: bold; font-size: 10px; /*margin-bottom: 12px;*/ display: inline-block; margin-right: 3px; }
.tags-container .tagbrandnew { text-align: left; border-radius: 99px; background: #c8edf4; padding: 6px 14px 6px 14px; color: #015d6e; font-weight: bold; font-size: 10px; margin-bottom: 12px; display: inline-block; }
.tags-container .tagnearly { text-align: left; border-radius: 99px; background: #3ecbdd; max-width: 94px; padding: 6px 12px 6px 14px; color: #fff; font-weight: bold; font-size: 10px; margin-bottom: 12px; display: inline-block; }
.tags-container .tagused { text-align: left; border-radius: 99px; background: #4ebf63; max-width: 44px; padding: 6px 40px 6px 14px; color: #fff; font-weight: bold; font-size: 10px; margin-bottom: 12px; display: inline-block; }
.tags-container .tagreserved { text-align: left; border-radius: 99px; background: #303030; max-width: 94px; padding: 6px 12px 6px 14px; color: #fff; font-weight: bold; font-size: 10px; margin-bottom: 12px; display: inline-block; }


.ucUsedCarList.theme2 .newOfferstrip01 { display: none !important; }


/*  ucUsedCarList theme1 */
.ucUsedCarList.theme1 .flash_TL { display: block; }
.ucUsedCarList.theme1 .usedcars_blk { border: solid 1px #e1e1e1; box-shadow: 0px 0px 7px -4px rgba(0, 0, 0, 0.55); }
.ucUsedCarList.theme1 .box-77:hover .thumbnail-77 img { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0.6; }
.ucUsedCarList.theme1 .heartadd { display: none; }
.ucUsedCarList.theme1 .usedcars_blk .alsPra.micro { margin-top: 0px !important; line-height: .9em; min-height: 25px; margin-bottom: 5px !important; padding-top: 0px; }
.ucUsedCarList.theme1 .usedcar_blk .thmbPrc .srtList { margin-top: 0px!important; }
.ucUsedCarList.theme1 .usedcars_blk .srtList .wasRight > .srtListclr { font-size: 16px; }
.ucUsedCarList.theme1 .usedcars_blk .usedcar_blk .th_prcLft { min-height: 28px; }
.ucUsedCarList.theme1 .usedcars_blk .usedcar_blk .th_prcRgt { min-height: 20px; }
.ucUsedCarList.theme1 .usedcars_blk .th_prcRgt.center.saveDiv > p { margin-top: 0px; margin-bottom: 0px; }
.ucUsedCarList.theme1 .usedcars_blk .th_prcRgt p span.prceVal { position: relative; font-size: 23px; line-height: 1.22727273; }
.ucUsedCarList.theme1 .usedcars_blk .usdCarLtn { font-size: 13px; opacity: 0.8; margin-bottom: 0px; border-top: dashed 1px #e1e1e1; padding-top: 5px; margin-top: 5px; }
.ucUsedCarList.theme1 .usedcar_blk .title-77 { font-size: 16px; margin-bottom: 5px; }
.theme1 .prceTip { font-size: 12px!important; }
.theme1 .prceTip:after { left: 30px; }

.ucUsedCarList.theme1 .usedcars_blk .usedcar_blk .srtList span.srtListspn { font-size: 12px; color: #909090; font-weight: bold; }

.ucUsedCarList.theme1 .newOfferstrip01 { display: inline-block; position: absolute; height: 30px; width: 100%; opacity: 0.94; top: -1px; left: 0px; z-index: 9; padding-top: 0px !important; text-align: center !important; }
.ucUsedCarList.theme1 .newOfferleft { font-weight: bold; color: #fff; opacity: 1.0; font-size: 15px; text-align: center; padding: 5px 0px; margin: 0; }
.ucUsedCarList.theme1 .newOfferright { font-weight: bold; color: #fff; opacity: 1.0; font-size: 14px; margin-top: -3px; letter-spacing: -0.75px; }
.ucUsedCarList.theme1 .usedcars_blk .usedcar_blk .thumb_content { min-height: initial; }
.ucUsedCarList.theme1 .usedcars_blk .equalElement { min-height: 165px; }

/* ucUsedCarList theme2 */
.ucUsedCarList.theme2 .flash_TL { display: none; }
.ucUsedCarList.theme2 .usedcars_blk { border: solid 0px #f1f1f1; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.45); }
.ucUsedCarList.theme2 .box-77:hover .thumbnail-77 img { -webkit-transform: scale(1.0); transform: scale(1.0); transition: 0.6s; opacity: 0.6; }
.ucUsedCarList.theme2 .usedcars_blk .heartadd { display: block; position: absolute; right: 9px; top: 9px; z-index: 99; opacity: 1.0!important; }
.ucUsedCarList.theme2 .usedcars_blk .heartadd img { width: 38px; }
.ucUsedCarList.theme2 .usedcars_blk .alsPra.micro { letter-spacing: 0px; line-height: 1.2; color: #565656; margin-top: 10px; margin-bottom: 10px!important; text-align: left !important; }
.ucUsedCarList.theme2 .usedcars_blk .srtList > span { width: 47%; float: left; }
.ucUsedCarList.theme2 .usedcars_blk .srtList .wasRight { float: right; }
.ucUsedCarList.theme2 .usedcars_blk .srtList .wasRight > span { display: block; }
.ucUsedCarList.theme2 .usedcars_blk .srtList .wasRight > .srtListspn { font-size: 12px; letter-spacing: -0.75px; line-height: 1.2; text-align: left; margin-top: 14px!important; margin-bottom: 0px; opacity: 0.4; font-weight: bold; }
.ucUsedCarList.theme2 .usedcars_blk .srtList .wasRight > .srtListclr { font-size: 24px; letter-spacing: -0.75px; line-height: 1.2; text-align: left; margin-top: -5px!important; margin-bottom: 18px; opacity: 0.4; display: block; }
.ucUsedCarList.theme2 .usedcars_blk .usedcar_blk .th_prcLft { min-height: 74px; }
.ucUsedCarList.theme2 .usedcars_blk .usedcar_blk .th_prcRgt { min-height: 46px; }
.ucUsedCarList.theme2 .usedcars_blk .th_prcRgt.center.saveDiv > p { background: #ffffff; opacity: 1; padding: 10px; margin-top: -2px!important; margin-bottom: 20px; border-top: solid; border-bottom: solid; font-size: 15px; font-weight: bold; }
.ucUsedCarList.theme2 .usedcars_blk .th_prcRgt.center.saveDiv > p .prceVal { font-size: inherit; line-height: inherit; }
.ucUsedCarList.theme2 .usedcars_blk .usdCarLtn { font-size: 14px; opacity: 1.8; margin-bottom: 6px; margin-top: -2px!important; padding: 0; border: none; display: inline-block; width: 100%; }
.ucUsedCarList.theme2 .usedcar_blk .title-77 { font-size: 18px; line-height: 1.2; width: 80%; text-align: left !important; font-weight: bold; margin-bottom: 0px; }
.ucUsedCarList.theme2 .usedcar_blk .thmbPrc .srtList { margin-top: 0px!important; }
.ucUsedCarList.theme2 .usedcar_blk .thmbPrc .srtList .cashLeft i { font-size: 28px!important; letter-spacing: -0.75px; line-height: 1.2; text-align: left!important; margin-top: -5px!important; margin-bottom: 18px!important; opacity: 1.0; font-weight: bold; display: block; }
.ucUsedCarList.theme2 .usedcar_blk .thmbPrc .srtList .cashLeft span { display: block; text-align: left !important; letter-spacing: -0.75px; line-height: 1.2; font-family: 'Caboodle', Sans-serif; margin-top: 14px!important; margin-bottom: 0px; opacity: 1.0; font-weight: bold; min-height: 14px; }
.ucUsedCarList.theme2 .usedcar_blk .thmbPrc .srtList:after { clear: both; display: block; content: ""; }
.theme2 .prceTip { font-size: 11px!important; }
.theme2 .prceTip:after { left: 50px; }














/*//////////___________________ UCOFFERLIST ___________________//////////*/

.offerHdng.heading_carlist { margin-bottom: 20px; letter-spacing: -0.036em; border-top: solid 2px #e1e1e1; border-bottom: solid 2px #e1e1e1; padding-top: 14px; padding-bottom: 14px; text-align: center; }
.offerHdng .detailCD { top: -75px; right: 100px; }
.offerHdng.heading_carlist .smallmanu, .offerHdng.heading_carlist h1 { float: none; }
.offer_list { padding-top: 8px; }
.offer_list .off_dis span { color: #212121; }
.offer_list .blueBtnAro, .newcar_blk .blueBtnAro { display: inline-block; width: 100%; margin-bottom: 0px; }
.offer_list .listcontainer { background: #fff; box-shadow: 0px 0px 7px -4px #0000008c; margin-bottom: 20px; position: relative; text-align: center; }
.offer_list .listcontainer:hover { border: solid 6px; }
.offer_list .listcontainer .title-77 { margin-top: 0; }
.offer_list .listcontainer .ofrContentBox { background: #fff; }
.offer_list .mtminus255 { margin-bottom: 0px; }
.offer_list .mtminus255 .offrLstBtn { font-weight: bold; }
.offer_list .offer_lstitm { text-align: left; }
.offer_list .off_price { color: #272727; font-size: 22px; margin-top: 0px; text-align: center; margin-bottom: 30px; }
.offer_list .off_save { font-size: 20px; opacity: 1.0; margin-bottom: 5px; padding-top: 0px; font-weight: bold; letter-spacing: -0.5px; text-align: center; }
.ucOfferList .fix-12-12 { max-width: 1200px !important; width: 100% !important; }
.ucOfferList .title-77 { letter-spacing: 0px; line-height: 1.2; text-transform: uppercase; text-align: center; }
.ucOfferList .pill.controller { font-size: 0; border: 0px solid; display: inline-block; border-radius: 6px; box-shadow: 0px 0px 10px 0px #0003; margin-bottom: 20px; margin-top: 6px; }
.ucOfferList .pill.controller li { padding: 10px 38px; display: inline-block; border: 0px solid #fff; font-size: initial; -webkit-transiton: 0.5s; transiton: 0.5s; font-size: 14px; }
.ucOfferList .pill.controller li:first-child { border-radius: 4px 0 0 4px; }
.ucOfferList .pill.controller li:last-child { border-radius: 0 4px 4px 0; }
.ucOfferList .pill.controller li.selected { font-weight: bold; }

/* ucOfferList theme1 */
.ucOfferList.theme1 .offer_list .box-77:hover .thumbnail-77 img { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0.6; }
.ucOfferList.theme1 .offer_list .listcontainer { border: solid 6px rgba(0,0,0,0); }
.ucOfferList.theme1 .offer_list .listcontainer .ofrContentBox { padding: 16px 10px; }
.ucOfferList.theme1 .offer_list .listcontainer .title-77 { font-size: 13px!important; min-height: 32px; font-weight: normal; margin-bottom: 5px; }
.ucOfferList.theme1 .offer_list .offer_lstitm .title-77 span { color: #111111; }
.ucOfferList.theme1 .offer_list .mtminus255 { font-size: 13px; opacity: 0.8; letter-spacing: -0.35px; color: #303030; border-top: dashed 1px #e1e1e1; padding-top: 14px; }
.ucOfferList.theme1 .offer_list .off_was { font-size: 21px; margin-top: 0; }
.ucOfferList.theme1 .offer_list .off_dis { padding-top: 0px; font-size: 18px; }



/* ucOfferList theme2 */
.ucOfferList.theme2 .offer_list .box-77:hover .thumbnail-77 img { opacity: 0.6; transition: 0.6s; -webkit-transform: scale(1); transform: scale(1); }
.ucOfferList.theme2 .offer_list .listcontainer { border: solid 1px #e1e1e1; }
.ucOfferList.theme2 .offer_list .listcontainer:hover { border: solid 6px; margin: -5px; margin-bottom: 15px; }
.ucOfferList.theme2 .offer_list .listcontainer:hover .ofrContentBox { padding-top: 17px; }
.ucOfferList.theme2 .offer_list .listcontainer:hover .ofrContentBox { padding-bottom: 0px; }
.ucOfferList.theme2 .offer_list .listcontainer .ofrContentBox { padding: 16px 16px 0px; margin-bottom: 20px; }
.ucOfferList.theme2 .offer_list .listcontainer .title-77 { font-weight: bold; font-size: 16px !important; margin-bottom: 4px; min-height: auto; }
.ucOfferList.theme2 .offer_list .offer_lstitm .title-77 span { color: #999; }
.ucOfferList.theme2 .offer_list .mtminus255 { font-size: 16px; opacity: 1; letter-spacing: -0.35px; font-weight: bold; color: #ffffff; width: 100%; padding: 0; margin-top: 0px; border: none; }
.ucOfferList.theme2 .offer_list .mtminus255 .offrLstBtn { color: #fff; display: inline-block; width: 100%; padding: 14px 0px; }
.ucOfferList.theme2 .offer_list .mtminus255 .offrLstBtn:hover { opacity: 1; }
.ucOfferList.theme2 .offer_list .offer_lstitm { margin-bottom: 24px; }
.ucOfferList.theme2 .offer_list .off_save,
.ucOfferList.theme2 .offer_list .off_was,
.ucOfferList.theme2 .offer_list .off_dis { font-size: 20px; padding-top: 0px; font-weight: bold; letter-spacing: -0.5px; text-align: center; margin-bottom: 4px; }

/*Offer Detail*/
.finance-section-offer { border-top: dashed 1px #e1e1e1; border-bottom: dashed 1px #e1e1e1; position: relative; margin-bottom: 15px; margin-top: 25px; }
.fsOfr1 { font-size: 28px; opacity: 1.0; padding-top: 2px; margin-top: 10px; margin-bottom: 5px; }
.fsOfr2 { font-size: 14px; opacity: 0.9; margin-bottom: 20px; }
.prcWasSml { font-size: 12px; color: #999; }
.prcWas { font-size: 16px; color: #999; }
.prcSaveSml { font-size: 12px; font-weight: bold; }
.prcSave { font-size: 16px; font-weight: bold; }
.viewsTtl { font-size: 14px; opacity: 1.0; font-weight: bold; margin-top: 10px; margin-bottom: 10px; }
.pulser { -webkit-animation: pulse 1.35s infinite; }
.pulser:hover { -webkit-animation: none; }

.themeOffer1 .shortlistleft { float: left; margin-left: 3%; }
.themeOffer1 .shortlistleft a { background: #e1e1e1; color: #303030; font-size: 10px!important; padding: 8px 20px!important; border: solid 2px #fff; margin-bottom: 0px; border-radius: 40px; font-weight: bold; }
.themeOffer1 .shortlistleft a i { font-size: 7px; }
.themeOffer1 .shortlistleft img { display: none; }
.themeOffer1 .finContact { display: none; }



.themeOffer2 .shortlistleft { display: inline-block; float: right; }
.themeOffer2 .shortlistleft a { font-size: 0px; background-color: transparent; padding: 0px; margin: 0px; }
.themeOffer2 .shortlistleft a i { font-size: 0px; }
.themeOffer2 .shortlistleft img { width: 44px; height: 44px; }
.themeOffer2 .fsOfr1 { font-weight: bold; }
.themeOffer2 .prntBtn { float: left; }
.themeOffer2 .addbox { position: absolute; top: 5px; width: 100%; background: transparent!important; border: none; padding: 10px; }
.themeOffer2 .finContact { display: none; }



.themeLeasing .shortlistleft { display: inline-block; float: right; }
.themeLeasing .shortlistleft a { font-size: 0px; background-color: transparent; padding: 0px; margin: 0px; }
.themeLeasing .shortlistleft a i { font-size: 0px; }
.themeLeasing .shortlistleft img { width: 44px; height: 44px; }
.themeLeasing .fsOfr1 { font-weight: bold; }
.themeLeasing .prntBtn { float: left; }
.themeLeasing .addbox { position: absolute; top: 5px; width: 100%; background: transparent!important; border: none; padding: 10px; }
.themeLeasing .headWidth { max-width: 100%; }
.themeLeasing .ucarDesc p.headWidth { font-size: 16px; opacity: 0.6; font-weight: bold; }
.themeLeasing .finance-section-offer { display: none; }
.themeLeasing .ofrDTL .offerDD { padding-top: 30px; padding-bottom: 30px; }
.themeLeasing .ofrDTL .dropdown-el { position: relative; top: auto; }
.themeLeasing .ofrDTL .offrLines { position: relative; border-radius: .4em; padding: 14px 20px 14px 28px; margin-right: 48px; color: #FFF; }
.themeLeasing .ofrDTL .offrLines:after { content: ''; position: absolute; left: 0; top: 18%; width: 0; height: 0; border: 20px solid transparent; border-left: 0; border-top: 0; margin-top: -10px; margin-left: -20px; }
.themeLeasing .ofrDTL .offrLines .fs-offr-line { color: #FFF; }
.themeLeasing .finance-section.finContact { display: block; border: none; text-align: center; font-weight: bold; position: relative; padding: 7px 20px 12px 28px; margin-right: 48px; margin-top: 10px; }
.finance-section.finContact .leaseteam { font-size: 14px; font-weight: bold; color: #838383; }
.finance-section.finContact .leaseteam .clsGtagPhn { font-family: 'Caboodle', Sans-serif; color: #000; font-size: 24px; }

.ucOfferList.theme2 .themeLeasing.offer_list .offer_lstitm { margin-bottom: 0px; }
.productDetail .mealWishlist.fvrtAdded { display: inline-block; /*margin-top: 15px;*/ }
.proDescLines .mealWishlist.fvrtAdded { line-height: 52px; }
.finance-section .addBasket { margin-right: 20px; }
/* leasing listing*/

.ucOfferList .themeLeasing.offer_list .listcontainer .title-77 { font-size: 12px!important; letter-spacing: 0px; line-height: 1.2; text-transform: none; text-align: center; margin-bottom: 10px; }
.ucOfferList .themeLeasing.offer_list .listcontainer .off_price { font-size: 16px; opacity: 1.0; margin-top: 8px; font-family: 'Caboodle', Sans-serif; text-align: center; min-height: 40px; line-height: 1em; margin-bottom: 10px; }
.ucOfferList .themeLeasing.offer_list .listcontainer .off_save { font-size: 16px; margin-top: 8px; font-family: 'Caboodle', Sans-serif; text-align: center; margin-top: 0px; padding-right: 2px; margin-bottom: 8px; color: #898989; }
.ucOfferList .themeLeasing.offer_list .listcontainer .off_was { background: #ffffff; opacity: 1; font-family: 'Caboodle', Sans-serif; font-size: 20px; line-height: .9em; }
.ucOfferList .themeLeasing.offer_list .listcontainer .off_dis { background: #ffffff; opacity: 1; font-family: 'Caboodle', Sans-serif; font-size: 20px; line-height: .9em; }
.ucOfferList .themeLeasing.offer_list .listcontainer .mtminus255 a { opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999; }
.ucOfferList .themeLeasing.offer_list .listcontainer .mtminus255 a:hover { opacity: 0; }





/*--- Offer Model List ---*/
.OfferModelList { border: solid 1px #e4e4e4; margin-bottom: 36px; position: relative; text-align: center; }
.OfferModelList .equalElement { padding: 16px; color: #fff!important; text-align: center; }
.OfferModelList .title-77 { font-size: 22px; opacity: 1.0; margin-top: 8px; font-family: 'Caboodle', Sans-serif; margin-bottom: 10px; text-align: center; }
.OfferModelList .offer_lstitm .title-77 span { font-size: 22px; opacity: 1.0; margin-top: 8px; font-family: 'Caboodle', Sans-serif; color: #fff; }
.OfferModelList .offer_lstitm p { text-align: center; color: #FFF; opacity: 0.8; margin-bottom: 30px; }
.OfferModelList .topSubTtl { font-size: 12px; letter-spacing: 0px; line-height: 1.2; text-transform: none; font-family: 'Caboodle', Sans-serif; opacity: 0.5; }
.OfferModelList .mtminus255.off_term_rel { font-size: 13px; opacity: 1.0; letter-spacing: -0.35px; color: #303030; margin-bottom: 0px; border-top: dashed 1px #bdbdbd; padding-top: 14px; }
.OfferModelList .mtminus255.off_term_rel a { color: #fff!important; font-weight: bold; text-align: center; display: block; }
.OfferModelList .offer_lstitm { text-align: center!important; }

.OfferModelList .aiOffrsTitle { min-height: 55px; }
.OfferModelList .offer_lstitm .aiOffrs { min-height: 85px; }
.OfferModelList .aiSbTitle { min-height: 15px; }

/*//////////___________________ UCDEALERSHIPS ___________________//////////*/
.dealer_lst .dealer_filter { display: none; }
.dealer_lst .cllLBL { display: none; }
.dealer_lst .heading_carlist { margin-bottom: 20px; letter-spacing: -0.036em; border-top: solid 2px #e1e1e1; border-bottom: solid 2px #e1e1e1; padding-top: 14px; padding-bottom: 14px; text-align: left; }
.DLRbox.delaers_wrap { max-width: 100%; margin: auto; }
.DLRbox .title-77.dlrDtl { font-weight: normal; }
.DLRbox { margin-top: 0; }
.DLRbox .EQLcont { margin-bottom: 14px; }
.DLRbox .EQLcont24 { margin-bottom: 5px; }
.DLRbox .contPara .fa-phone { color: #b5b5b5; font-size: 20px; }
.DLRbox .contPara02 { margin-top: 4px; height: auto; }
.DLRbox .DLR_detl { text-align: left; }
.DLRbox .grpDeail { font-size: 14px; color: #ef7b7a; text-transform: uppercase; }
.DLRbox .grpDeail02 { color: #212121; font-size: 14px; text-transform: uppercase; }

.delaers_wrap .dealerBtn { max-width: 200px!important; border-radius: 40px; text-align: center; border: 2px solid; font-size: 14px; }
.delaers_wrap .grpName { line-height: 1.2!important; color: #303030!important; border-left: 0px!important; padding-left: 0px!important; letter-spacing: normal; margin-bottom: 0px; }

/* ucdealerships theme1 */
.dealer_lst.theme1 .delaers_wrap .title-77.grpName { font-weight: 400; height: 23px; font-size: 16px!important; text-align: left; margin-top: 15px; }
.dealer_lst.theme1 .DLRbox .contPara { margin-bottom: 2px; font-size: 21px; }
.dealer_lst.theme1 .delaers_wrap .dealerBtn { width: 100%!important; margin-top: 20px; padding-bottom: 12px; padding-top: 12px; }
.dealer_lst.theme1 .mdllstHdr h1 { text-transform: uppercase; }

/* ucdealerships theme2 */
.dealer_lst.theme2 .heading_carlist.mdllstHdr h1 { float: none; width: 100%; text-align: center !important; }
.dealer_lst.theme2 .heading_carlist.mdllstHdr h1 span { font-weight: bold; }
.dealer_lst.theme2 .dealer_filter { display: block; position: relative; width: 100%; padding: 9px 0px; }
.dealer_lst.theme2 .dlrFltrDD { display: inline-block; float: left; }
.dealer_lst.theme2 .dlrEntrPSCD { display: inline-block; float: right; }
.dealer_lst.theme2 .dlrFltrDD .dropdown02 { display: inline-block; position: relative; z-index: 9; margin: 0; }
.dealer_lst.theme2 .dlrFltrDD .dd-button { display: inline-block; border: 1px solid #d2d2d2; border-radius: 4px; padding: 10px 30px 10px 20px; background-color: #ffffff; cursor: pointer; white-space: nowrap; font-size: 14px; }
.dealer_lst.theme2 .dlrFltrDD .dd-button:hover { border: 1px solid; }
.dealer_lst.theme2 .dlrFltrDD .dd-button:after { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid black; }
.dealer_lst.theme2 .dlrFltrDD .dd-input { display: none; }
.dealer_lst.theme2 .dlrFltrDD .dd-input + .dd-menu { display: none; }
.dealer_lst.theme2 .dlrFltrDD .dd-input:checked + .dd-menu { display: block; }
.dealer_lst.theme2 .dlrFltrDD .dd-menu { position: absolute; top: 100%; border: 1px solid #ccc; border-radius: 4px; padding: 0; margin: 2px 0 0 0; box-shadow: 0 0 6px 0 rgba(0,0,0,0.1); background-color: #ffffff; list-style-type: none; font-size: 14px; }
.dealer_lst.theme2 .dlrFltrDD .dd-menu li { padding: 10px 20px; cursor: pointer; white-space: nowrap; }
.dealer_lst.theme2 .dlrFltrDD .dd-menu li:hover { background-color: #f6f6f6; }
.dealer_lst.theme2 .dlrEntrPSCD .dlrPSCDimg { right: 15px; position: absolute; top: 15px; border-radius: 150px; padding: 0px; opacity: 1; width: 36px; height: 36px; }
.dealer_lst.theme2 .dlrEntrPSCD .dlrPSCDimg img { width: 28px; position: absolute; left: 4px; top: 5px; z-index: 99; }
.dealer_lst.theme2 .dlrEntrPSCD .coderoll { display: inline-block; padding: 11px 64px 11px 18px; border-radius: 99px; border: solid 2px #fff; background: #fff; font-size: 14px; color: #393939; font-weight: bold; max-width: 195px; }
.dealer_lst.theme2 .dlrEntrPSCD .coderoll:hover { border: solid 2px!important; transition: 1s; }
.dealer_lst.theme2 .dlrEntrPSCD .coderoll a { font-size: 14px; color: #393939; font-weight: bold; letter-spacing: -.5px; }
.dealer_lst.theme2 .grid > .col-6-12 { max-width: 33.33333%; }
.dealer_lst.theme2 .dlrListCntnr { background: #fff; border: solid 4px #e1e1e1; margin-bottom: 36px; position: relative; text-align: center; }
.dealer_lst.theme2 .dlrListCntnr a.box-77 { display: inline-block; height: 80px; border-bottom: solid 8px; width: 100%; text-align: center; }
.dealer_lst.theme2 .dlrListCntnr .equalContent { padding: 16px; padding-bottom: 0px; margin-bottom: 20px; }
.dealer_lst.theme2 .delaers_wrap .title-77.grpName { font-size: 20px !important; text-transform: uppercase; font-weight: normal; text-align: center; margin-top: 0px; height: auto; min-height: 50px; }
.dealer_lst.theme2 .DLRbox .contPara { font-size: 24px; margin-top: 10px; text-align: center !important; margin-bottom: 8px; }
.dealer_lst.theme2 .cllLBL { display: inline-block; font-weight: bold; font-size: 12px; margin-right: 5px; }
.dealer_lst.theme2 .themefont_cont { font-size: 15px; line-height: 1.385; margin-bottom: 0px; opacity: 0.8; text-align: center !important; padding-bottom: 0px !important; min-height: 130px; }
.dealer_lst.theme2 .delaers_wrap .dealerBtn { font-weight: bold; background-color: transparent; border-color: transparent; padding: 14px 0px 0px!important; width: auto !important; display: inline-block; margin: 0px !important; }
.dealer_lst.theme2 .themefont_cont .bdrSpan { display: inline-block; width: 100%; border-top: dashed 1px #bdbdbd; margin-top: 28px; }

/*//////////___________________ TOP SEARCHBAR  ___________________//////////*/
.topBar { position: fixed; top: 0; right: 0; width: 340px; max-width: 90%; height: 100%; color: #fff; z-index: 999992; background: #fff; -webkit-transition: visibility 0s, -webkit-transform 0.5s; transition: visibility 0s, -webkit-transform 0.5s; transition: transform 0.5s, visibility 0s; transition: transform 0.5s, visibility 0s, -webkit-transform 0.5s; -webkit-transform: translateX(100%); transform: translateX(100%); overflow-y: auto; -webkit-overflow-scrolling: touch; min-height: 324px; top: 0; width: 100%; max-width: 100%; height: auto; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.topBar.visible { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; }
.topBar .topBarClose { position: absolute; top: 0; right: 0; cursor: pointer; padding: 14px; font-size: 0; opacity: 0.5; z-index: 101; -webkit-transition: 0.25s; transition: 0.25s; }
.topBar .topBarClose svg { width: 30px; height: 30px; fill: #b3b3b3; }
.topBar .topSidebarContent { padding-top: 54px!important; }
.topBar .topSidebarContent .equalElement { margin-bottom: 2px; }
.topBar .topSidebarContent .title-77 { max-width: 70%!important; margin: auto; font-weight: bold; letter-spacing: -0.95px; line-height: 1.0; font-size: 32px; margin-top: 36px!important; text-align: center!important; color: #212121; text-transform: uppercase; }
.topBar .topSidebarContent .subtitle-77 { max-width: 70%!important; margin: auto; font-weight: bold; letter-spacing: -0.25px; line-height: 1.0; font-size: 28px; margin-top: 4px!important; text-align: center!important; color: #959595; margin-bottom: 54px; }
.topBar .topSidebarContent .barStep { background-color: #fff; position: absolute; width: 100%; top: 55px; left: 0px; right: 0; }
.topBar .topSidebarContent .bar_yes-carry .title-77 { letter-spacing: 0px; font-size: 28px; text-align: center!important; }
.topBar .topSidebarContent .bar_yes-carry .subtitle-77 { letter-spacing: -0.35px; line-height: 1.0; font-size: 25px; text-align: center!important; color: #a7a7a7; margin-bottom: 32px; }
.topBar .topSidebarContent .bar_yes-carry .subtitle-77 b { color: #212121; }
.topBar .topSidebarContent .bar_yes-carry02 .title-77 { letter-spacing: 0px; font-size: 28px; margin-top: 36px!important; }
.topBar .topSidebarContent .bar_yes-carry02 .subtitle-77 { letter-spacing: -0.65px; font-size: 25px; text-align: center!important; color: #a7a7a7; margin-bottom: 32px; }
.topBar .topSidebarContent .bar_no-carry .title-77 { letter-spacing: 0px; font-size: 28px; text-transform: none; }
.topBar .topSidebarContent .bar_no-carry .subtitle-77 { letter-spacing: 0px; line-height: 1.0; font-size: 18px; margin-top: 2px!important; text-align: center!important; color: #a7a7a7; margin-top: 25px !important; }
.topBar a { display: inline-block; color: #909090; fill: #fff; line-height: 1.8; }
.topBar .topSidebarContent .yesNoBtn { margin-bottom: 50px; }
.topBar .topSidebarContent .barStep.bar_no-carry { padding-bottom: 50px; }
.yesbutton { padding: 7px 92px!important; background: #fff; border: solid 3px #d2d2d2; border-radius: 99px; margin: 4px; -webkit-box-shadow: 0px 0px 0px 6px rgba(245,245,245,1); -moz-box-shadow: 0px 0px 0px 6px rgba(245,245,245,1); box-shadow: 0px 0px 0px 6px rgba(245,245,245,1); color: #212121!important; font-size: 16px; font-weight: bold; }
.yesbutton:hover { padding: 7px 92px!important; color: #fff!important; border: solid 3px; opacity: 1.0!important; }
.nobutton { padding: 7px 92px!important; background: #fff; border: solid 3px #d2d2d2; border-radius: 99px; margin: 4px; -webkit-box-shadow: 0px 0px 0px 6px rgba(245,245,245,1); -moz-box-shadow: 0px 0px 0px 6px rgba(245,245,245,1); box-shadow: 0px 0px 0px 6px rgba(245,245,245,1); margin-right: 16px; color: #212121!important; font-size: 16px; font-weight: bold; }
.nobutton:hover { padding: 7px 92px!important; background: #333333; color: #fff!important; }

.topBarDD { position: relative; display: inline-block; width: 100%; text-align: center; margin-top: 20px; }
.topBarDD span.dropdown-el { position: relative; }
.topBarDD span.dropdown-el label:nth-child(2):hover { background: none !important; }

.barStepCheck label { display: inline-block; position: relative; padding-left: 35px; cursor: pointer; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #303030; margin: 0px; margin-right: 20px; }

/* Hide the browser's default checkbox */
.barStepCheck label input { position: absolute; opacity: 0; cursor: pointer; height: 25px; width: 100%; right: 0; z-index: 99; margin: 0; top: -3px; }

/* Create a custom checkbox */
.checkmark { position: absolute; top: -3px; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 5px; }

/* On mouse-over, add a grey background color */
.barStepCheck label:hover input ~ .checkmark { background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.barStepCheck label input:checked ~ .checkmark { background-color: #2196F3; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }

/* Show the checkmark when checked */
.barStepCheck label input:checked ~ .checkmark:after { display: block; }

/* Style the checkmark/indicator */
.barStepCheck label .checkmark:after { left: 9px; top: 3px; width: 8px; height: 15px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);; transform: rotate(45deg); }
/*//////////___________________ DEALER DETAILS  ___________________//////////*/
.DealerDetail .fnt_detl p { font-size: 16px; line-height: 1.385; }

.dlrPra { font-size: 16px; }
.DealerDetail i.fa-home { font-size: 16px; font-family: fontawesome; }
.DealerDetail .faclr { display: inline-block; padding-top: 10px; padding-bottom: 10px; font-size: 14px; text-transform: uppercase; }
.dealerdetails_wrap.DLR_detl .dlrDtl.title-77 { letter-spacing: -1px; padding-left: 10px; line-height: 1.0; font-size: 18px; font-weight: normal; }
.dealerdetails_wrap.DLR_detl .dlrDtl.title-77 .title-77 { font-size: 18px; font-weight: normal; text-transform: uppercase; }
.dealerdetails_wrap .dlrPra .lato { text-transform: uppercase; }
.dealerdetails_wrap .opn-times { margin-top: 60px; margin-bottom: 30px; }

/* dealer details v2 theme2 */
.DealerDetail.theme2 .dlrDtl.title-77 { font-family: 'Caboodle', Sans-serif; }
.DealerDetail.theme2 .delrBnr { position: relative; height: auto; /*margin-bottom: 24px;*/ margin-bottom: 37px; }
.DealerDetail.theme2 .dealerBannr { margin-top: 0px; /* background: rgba(0, 0, 0, 0) url(../images/dealership.jpg) no-repeat scroll top center / cover;*/ border-bottom: solid 0px #e1e1e1; height: 100%; position: absolute; top: 0px; width: 100%; }
.DealerDetail.theme2 .dealerBox { position: absolute; background: #fff; padding: 24px; left: 24px; top: 10%; max-width: 440px; width: 100%; }
.DealerDetail.theme2 .dealerBox .equalElement { padding: 4px; padding-bottom: 0px; }
.DealerDetail.theme2 .dealerBoxTitle { color: #212121; font-family: 'Caboodle', Sans-serif; font-size: 24px; }
.DealerDetail.theme2 .dealerBoxSTitle { margin-bottom: 10px; font-size: 16px; }
.DealerDetail.theme2 .dealerBoxTel { font-size: 24px; opacity: 1.0; margin-top: 0px; font-weight: bold; line-height: 1.1; }
.DealerDetail.theme2 .dealerBoxTel a { color: #212121; }
.DealerDetail.theme2 .dealerBoxTel span { font-weight: bold; font-size: 14px; }
.DealerDetail.theme2 .dealerBoxTel strong { display: block; }
.DealerDetail.theme2 .dealerBoxBtn { font-size: 14px; opacity: 1.0; letter-spacing: -0.35px; color: #303030; margin-bottom: 0px; border-top: dashed 1px #bdbdbd; padding-top: 23px; display: block; }
.DealerDetail.theme2 .dealerBook { display: inline-block; font-weight: bold; border-radius: 99px; padding: 10px 40px; border: solid 2px; }
.DealerDetail.theme2 .dealerContact { border-radius: 99px; padding: 12px 40px; color: #fff; font-weight: bold; margin-left: 6px; }
.DealerDetail.theme2 .mobmap { width: 90%; margin-top: 32px; border: solid 0px #dedede; }
.DealerDetail.theme2 .serviceTime { margin-top: 20px; margin-bottom: 20px; }
.DealerDetail.theme2 .timingTbl p b { float: right; }
.DealerDetail.theme2 .timeLbl span { font-family: 'Caboodle', Sans-serif; color: #212121; text-transform: uppercase; }
.DealerDetail.theme2 .timingTbl .timeCls b { color: #666666; }
.DealerDetail.theme2 .mobmap.map-inline .popup { display: block!important; position: initial; background: transparent; opacity: 1; }
.DealerDetail.theme2 .mobmap.map-inline .popup .wrap.spaces { padding: 0px; }
.bigClose.close { display: block; cursor: pointer; top: 20px!important; right: 3%!important; height: 50px!important; width: 50px!important; border-radius: 50%; background: rgba(0, 0, 0, 0.4) url(../images/cd-icon-close.png) no-repeat center center; text-indent: 100%; white-space: nowrap; }
.bigClose.close img { position: absolute; width: 50px; height: 50px; opacity: 0; left: 0px; top: 0px; }
.DealerDetail.theme2 .mobmap.map-inline .popup .pad.shadow { display: block; opacity: 1; visibility: visible; box-shadow: none; transform: none; padding: 0px; }
.DealerDetail.theme2 .mobmap.map-inline .popup .fix-8-12.maparea { display: block; opacity: 1; visibility: visible; height: 435px; }
.DealerDetail.theme2 .mobmap.map-inline .popup .container { height: auto; }
.DealerDetail.theme2 .mobmap.map-inline .popup .mapDtls { position: relative; }
.DealerDetail.theme2 .mobmap.map-inline .popup .mapAddr { display: none; }
.DealerDetail.theme2 .mobmap.map-inline .popup .mapPostCode { position: absolute; z-index: 99; width: 60%; right: 15px; top: 15px; max-width: 100%; background-color: #fff; border-radius: 50px; -webkit-box-shadow: 0px 0px 16px -7px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 16px -7px rgba(0,0,0,0.75); box-shadow: 0px 0px 16px -7px rgba(0,0,0,0.75); padding-top: 3px; padding-bottom: 3px; }
.DealerDetail.theme2 .mobmap.map-inline .popup .mapPostCode p { padding: 0px; margin: 0px; }
.DealerDetail.theme2 .mobmap.map-inline .popup .mapPostCode input { margin: 0px!important; width: 100%; border: 0px; box-shadow: none; max-width: initial; }
.DealerDetail.theme2 .mobmap.map-inline .popup .mapPostCode .gobutton { position: absolute; right: 10px; top: 4px; margin: 0px; background: none; color: #3f89f3; font-weight: bold; }
.DealerDetail.theme2 .mobmap.map-inline .popup .mapPostCode input::-webkit-input-placeholder { color: #3f89f3; }
.DealerDetail.theme2 .mobmap.map-inline .popup .mapPostCode input:-ms-input-placeholder { color: #3f89f3; }
.DealerDetail.theme2 .mobmap.map-inline .popup .mapPostCode input::placeholder { color: #3f89f3; }
.DealerDetail.theme2 .faclr { padding-top: 0px; padding-bottom: 0px; }
/*.DealerDetail.theme2 .salesTime { margin-bottom: 30px; }*/
.DealerDetail.theme2 .salesTime { margin-bottom: 20px; }
.DealerDetail.theme2 .timingTbl p b.timeCls { color: #666666; }
.DealerDetail.theme2 .delrBnr .flexslider { margin-bottom: 0px; }





/*//////////___________________ UCNEWS  ___________________//////////*/
.nwsttl7 { letter-spacing: -1px; line-height: 1.0; font-size: 18px; margin-top: 0px; text-transform: uppercase; }
.nwsttl { letter-spacing: -1px; line-height: 1.0; font-size: 14px; margin-top: 0px; margin-bottom: 6px; color: #999; }
.nwsshare { float: right; font-size: 12px; color: #666666; }
.newsDlnk { font-weight: 600; margin-top: 0px; background: #ef7b7a; padding-top: 10px; margin-bottom: 8px; padding-right: 63px; }
.nwsaro { position: absolute; right: 14px; top: 12px; }


/* ucnews theme1 */
.newsListBox .title-77.mobtop { text-align: center; font-size: 12px; letter-spacing: 0px; line-height: 1.2em!important; text-transform: none; font-weight: bold; opacity: 0.5; margin-bottom: 0px; color: #303030; opacity: 0.5; }
.newsListBox p.left.nws16 { font-size: 15px; line-height: 1.385; margin-bottom: 20px; opacity: 0.8; height: 140px; overflow: hidden; }
.ucNews.theme2 .title-77.nwsttl7 { min-height: 75px; line-height: 1.1!important; }
.newsListBox .thumbnail-77 { height: 237px; overflow: hidden; }
.newsListBox .newsContentDiv a p.left { height: 85px; overflow: hidden; }
.ucNews .ttltx { font-size: 20px; line-height: 1.05; font-weight: 300; margin-bottom: 20px; letter-spacing: -0.036em; border-top: solid 2px #e1e1e1; border-bottom: solid 2px #e1e1e1; padding-top: 14px; padding-bottom: 14px; text-align: center; border-left: 0px; }

.newsListBox .thumbnail-77 img { -webkit-backface-visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; position: absolute; top: 0px; left: 0px; bottom: 0px; height: 100%; width: auto; margin: auto; max-width: initial; min-width: 100%; }

/* ucnews theme2 */
.ucNews.theme2 .thumbnail-77:hover img { opacity: 0.6; transition: 0.6s; }
.ucNews.theme2 .newsListBox { max-width: 33.33333%; float: left; padding-left: 10px; padding-right: 10px; margin-bottom: 0px !important; }
.ucNews.theme2 .newsListBox:nth-child(5) { clear: both; }
.ucNews.theme2 .addgrid [class*='col-'] { width: 100%!important; max-width: 100%!important; padding: 0px; }
.ucNews.theme2 .newsListBox .addgrid { background: #f3f3f3; border: solid 1px #e4e4e4; margin-bottom: 36px; position: relative; text-align: center; }
.ucNews.theme2 .nwsshare { display: none; }
.ucNews.theme2 .newsContentDiv { padding: 16px !important; padding-bottom: 0px!important; text-align: center; margin-bottom: 20px; }
.ucNews.theme2 .newsContentDiv a { display: inline-block; }
.ucNews.theme2 .newsContentDiv a p.left { font-size: 15px; line-height: 1.385; margin-bottom: 20px; opacity: 0.8; }
.ucNews.theme2 .newsContentDiv .title-77 { text-align: center; margin: 0px !important; line-height: 0; }
.ucNews.theme2 .newsContentDiv .name-77 { margin-bottom: 10px; }
.ucNews.theme2 .nwsttl { text-align: center; font-size: 12px; letter-spacing: 0px; line-height: 1.2; text-transform: none; font-weight: bold; opacity: 0.5; margin-bottom: 0px; color: #303030; }
.ucNews.theme2 .title-77.nwsttl7 { font-size: 22px; opacity: 1.0; margin-top: 8px !important; line-height: 1.385; font-family: 'Caboodle', Sans-serif; letter-spacing: normal; }
.ucNews.theme2 .newsContentDiv > p { margin-top: 0px; font-size: 13px; opacity: 1.0; letter-spacing: -0.35px; color: #303030; margin-bottom: 0px; border-top: dashed 1px #bdbdbd; padding-top: 14px; text-align: center !important; }
.ucNews.theme2 .newsContentDiv > p .blueBtnAro { margin: auto; background: transparent; font-weight: bold; padding: 0px; font-size: 13px; letter-spacing: -0.35px; }

/*//////////___________________ Default Page ucAIPromoBlock ___________________//////////*/

.searchSectopm { padding: 0px !important; margin: 0px; list-style: none; }
.searchSectopm li { max-width: 100%!important; }
.searchSectopm .equalElement { background: transparent; }
.searchSectopm .tableWD { padding-top: 0px; }
.searchSectopm .searchbacker { padding: 5px 14px 5px 14px !important; position: relative; }
.searchSectopm .parraGF { margin-bottom: 11px; margin-top: 5px; margin-bottom: 5px; font-size: 14px; color: #fff!important; }
.searchSectopm .parraGF .fa { color: #b2b2b2; font-size: 11px; position: relative; top: -3px; left: 0; padding-right: 5px; }
.searchSectopm .parraGF .fs700 { font-weight: bold; }
.prmBlcsSear { width: 300px; display: inline-block; float: left; background-color: #fff; border: 2px solid #fff; }
.prmBlcsSear #contact-form select { border: 1px solid rgba(255,255,255,0.43); background: #fff; border-radius: 3px; padding: 9px 26px 10px 20px; font-size: 15px; color: #404040; outline: none; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: 0.4%; margin-bottom: 12px; margin-top: 3px; background-repeat: no-repeat; background-position: center right 5%; background-image: url(../images/arrow-down-small.png); background-size: 12px; box-shadow: 0px 0px 2px 2px rgba(97, 97, 97, 0.25); height: 41px; }
.prmBlcsSear .searchSectopm [class*='col-'] { padding: 0px !important; }
.prmBlcsSear .searchSectopm .form.parraGF { padding-top: 0px; font-weight: bold; margin-bottom: 18px; }
.prmBlcsSear .searchSectopm .searchbacker span.vecAvbl { display: block; text-align: left; width: 100%; color: #969696!important; font-weight: bold; font-size: 13px; margin-top: 10px; }
.prmBlcsSear .alfa-button { width: 100%!important; max-width: 100%!important; border-radius: 40px; text-align: center; font-weight: bold; border: solid 3px; margin-top: 5px; font-size: 16px; }
.prmBlcsSear .alfa-button .inrTx.tp09 { display: none; }
.prmBlcsSear p.right.advan_srch a { font-weight: 400; }
.prmBlcsSear .srchBtns a.advan_srch { width: 110px; padding: 1px 5px 5px 0px; text-align: left!important; font-weight: 400; }

.srchBtns p.advan_srch { /*width: 130px;*/ padding: 2px 0px 5px 5px; }
.srchBtns a.advan_srch { width: 150px; color: #fff; padding: 5px; }
.saerchBTNB { width: 100%; max-width: 18.111%; font-weight: 800; border-radius: 0px; border: solid 1px; border-radius: 40px; }
.saerchBTNB.fullWD { max-width: 100%; border-radius: 4px; color: #fff!important; }
.searchSectopm .advan_srch { font-size: 11px !important; padding-right: 4px; margin-bottom: 0px; color: #ffffff; margin-top: 0px; }
p.right.advan_srch a { color: #fff; }
.latestnews .table,
.ImgsBlcs .table,
.prmBlcs .table { border-bottom: solid 0px #e1e1e1; }
.ImgsBlcs .title-77,
.prmBlcs .title-77 { font-weight: 600; /*letter-spacing: -1px;*/ }
.ImgsBlcs .parraSEC,
.prmBlcs .parraSEC { margin-bottom: 0px; }
.prmBlcs .promoContent .parraSEC { font-size: 14px; margin-top: 15px; text-align: center; }


.promoWrap { background-size: cover; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; overflow: hidden; }

.promoContent { position: absolute; left: 10%; top: 10%; height: 80%; width: 80%; padding: 25px 25px; transition: 0.7s; z-index: 999; background-color: rgba(255,255,255,.69); text-align: center; opacity: 0; }
.promoContent table { margin: auto; }
.promoContent a { display: inline-block; }
.promoContent p { text-align: center; margin: auto; }

.e_aiblock:hover .promoContent { opacity: 1; }

.col-hh-1 .e_aiblock .promoContent { /*display: table-cell; height: 200px; vertical-align: middle;*/ }
.col-hh-2 .e_aiblock .promoContent { /*display: table-cell; height: 440px; vertical-align: middle;*/ }


.grid_3_3_3_3 .promoContent { padding: 18px 18px; }
.prmBlcs a { bottom: 0px; opacity: 0; transition: .3s; }
.prmBlcs .cd-hero-slider a { opacity: 1; transition: unset; bottom: unset; }
.prmBlcs:hover .promoContent { transition: 0.35s; }
.prmBlcs:hover a { opacity: 1; transition: .3s; }

.prmBlcs .title-77.firstShow { margin-top: 0px; text-align: left; font-size: 15px !important; color: #000; transition: 0.7s; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: table; vertical-align: middle; width: 100%; height: 100%; font-family: 'HKGrotesk', sans-serif!important; letter-spacing: normal; font-weight: 500; }
.prmBlcs .title-77.firstShow > span { display: table-cell; vertical-align: middle; height: 100%; width: 100%; padding: 10%; text-align: center; }
.prmBlcs .title-77.firstShow > span span { display: block; text-align: center; font-size: 35px; text-transform: uppercase; text-shadow: 2px 2px 1px rgba(255, 255, 255, 1); line-height: 1; margin-top: -3px; margin-bottom: 20px; }
.prmBlcs .title-77.firstShow > span a { display: inline-block; text-align: center; opacity: 1; text-transform: uppercase; border-bottom: 1px solid; font-weight: 600; letter-spacing: 0.06em; }
.prmBlcs:hover .title-77.firstShow { opacity: 0; }

.promoContent .title-77 { letter-spacing: initial!important; font-size: 18px; font-weight: bold; text-transform: uppercase; margin-top: 0px; text-align: center; }
.promoContent .rollarrow { width: 24px; right: 20px; top: 14px; opacity: 0.01; position: absolute; }
.prmBlcs:hover .rollarrow { transition: 0.7s; opacity: 0.9; z-index: 9999; cursor: pointer; right: 14px; fill: #ccc; }

.promoContent .parraSEC { display: -webkit-box; /*-webkit-line-clamp: 2;*/ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.col-hh-1 .eleBlock .promoContent .parraSEC { -webkit-line-clamp: 2; }
.col-hh-2 .eleBlock .promoContent .parraSEC { -webkit-line-clamp: 10; }
.promoContent .blueBtn { text-align: center; text-transform: uppercase; border-bottom: 1px solid; font-weight: 600; letter-spacing: 0.06em; font-size: 13px; padding: 10px 0px; text-decoration: none; line-height: 1; margin: 10px auto; /*background-image: url(../images/right-arrow.png); background-repeat: no-repeat; background-position: left center; background-size: auto 10px;*/ }
.prmBlcs:hover .blueBtn { /*transition: 0.7s; opacity: 0.9; z-index: 9999; cursor: pointer; bottom: 25px; left: 45px;*/ }
.promoContent .blueBtnAro { /*position: absolute; bottom: 0px; left: 20px;*/ }
.prmBlcs:hover .blueBtnAro { transition: 0.7s; opacity: 0.9; cursor: pointer; /*z-index: 9999; bottom: 8px;*/ }
.promoContent .BxLink { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.prmBlcs .parraSEC { margin-bottom: 0px; height: auto; }

.prmBlcs { width: 100%; display: inline-block; margin: 0px; float: left; position: relative; }


.promoHeading { font-size: 25px; text-align: left; color: #000; opacity: 1.0; font-weight: bold; position: relative; transition: 0.7s; line-height: 1em; }
.offrTopBDR { margin-top: 16px; opacity: 1.0; text-align: left; font-size: 22px; position: absolute; left: 25px; bottom: 3px; padding-top: 10px; margin-bottom: 20px; max-width: calc(100% - 50px); }
.seeOffr { display: none; float: right; border: 2px solid #d21e39; padding: 7px; border-radius: 50px; color: #d21e39; font-weight: bold; line-height: 1em; min-width: 130px; font-size: 13px; margin-top: 25px; position: relative; }
.offrListTop { border-top: dashed 1px #fff; padding: 5px 0px 0; margin-top: 5px; }
.offrListTop > div { margin-bottom: 3px; }
.promoHeading span { display: inline-block; line-height: 1em; }
.prmBlcsSlider .cd-hero.homeSLider .blueButton02 { border: 1px solid transparent; }
.prmBlcsSlider .cd-hero.homeSLider:hover .blueButton02 { border: 1px solid rgba(255, 255, 255, 0.5); }
.prmBlcsSlider .cd-hero-slider .offerSlider .cd-full-width { padding: 25px !important; }
.prmBlcsSlider .cd-hero.homeSLider:hover .promoSlider .bannerDesText { transition: 0.7s; opacity: 0.9; z-index: 9999; cursor: pointer; bottom: 32px; }
.prmBlcsSlider .cd-hero.homeSLider:hover .promoHeading { color: #fff; }
/*.prmBlcsSlider ul.cd-hero-slider li.offerSlider:after { display: inline-block!important; width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; background: rgb(189,216,240); background: -moz-linear-gradient(left, rgb(189,216,240) 0%, rgb(57,138,219) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgb(189,216,240)), color-stop(100%, rgb(57,138,219))); background: -webkit-linear-gradient(left, rgb(189,216,240) 0%, rgb(57,138,219) 100%); background: -o-linear-gradient(left, rgb(189,216,240) 0%, rgb(57,138,219) 100%); background: -ms-linear-gradient(left, rgb(189,216,240) 0%, rgb(57,138,219) 100%); background: linear-gradient(to right, rgb(189,216,240) 0%, rgb(57,138,219) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdd8f0', endColorstr='#398adb', GradientType=1 ); }*/
.prmBlcsSlider .cd-hero.homeSLider .offrTopBDR > div { color: #fff; font-family: 'Caboodle', Sans-serif; opacity: 1.0; text-align: left; font-size: 19px; width: 100%; }
.prmBlcsSlider .cd-hero.homeSLider .offrTopBDR > div > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: inline-block; line-height: 1.2em; }
.prmBlcsSlider .offerSlider .bannerDesText { color: #fff; font-size: 15px; position: absolute; bottom: 0px; left: 20px; text-align: left; opacity: 0; }
.prmBlcsSlider .cd-hero.homeSLider:hover .offerSlider .bannerDesText { transition: 0.7s; opacity: 0.9; z-index: 9999; cursor: pointer; bottom: 36px; }
.prmBlcsSlider .cd-hero.homeSLider:hover .offrTopBDR > div { color: #fff!important; }
.srchCheck { display: inline-block; margin: 0px 8px; vertical-align: top; width: auto; }
.srchCheck label { display: block; font-size: 12px; text-align: center; margin-top: 5px; margin-bottom: 0px; font-weight: normal; word-break: break-all; }
.srchCheck .checkWrp input { -webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important; opacity: 0; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; cursor: pointer; margin: 0; }
.srchCheck .checkWrp span.tick { display: block; position: absolute; width: 20px; height: 20px; top: -18px; left: 0px; margin: 0px auto; right: 0; cursor: pointer; }
.srchCheck .checkWrp span.tick:before { content: ""; position: absolute; cursor: pointer; border-radius: 50%; width: 20px; height: 20px; transition: 0.4s; top: 0px; left: 0px; }
.srchCheck .checkWrp span.tick:after { content: ""; display: block; position: absolute; top: 6px; left: 4px; width: 12px; height: 6px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(-45deg); transition: 0.4s; }
.cartype { margin-top: 8px; margin-bottom: 6px; }
.checkWrp { position: relative; margin: auto; line-height: 1em; }
.checkWrp span { display: inline-block; }


/* PromoBlockSlider */
.nLayout .prmBlcs.prmBlcsSlider { width: 100%; }
.prmBlcs.prmBlcsSlider { width: 600px; overflow: hidden; }
.prmBl cs ul.cd-hero-slider { height: 362px!important; }
.prmBlcsSlider .promoSlider p,
.prmBlcsSlider .promoSlider h2 { display: block!important; float: none!important; margin-bottom: -3px!important; text-align: left!important; padding: 0px; }
.prmBlcsSlider .promoSlider h2 { margin-top: 10px!important; }
.prmBlcsSlider .promoSlider h2.bannermed span { display: block!important; font-size: 24px; }
.prmBlcsSlider .promoSlider .bannerOffr1 { margin-bottom: 0px; }
.prmBlcsSlider .promoSlider .bannerOffr1 .sml_stitle,
.prmBlcsSlider .promoSlider .bannerOffr2 { line-height: 1.0; margin-bottom: 0px; opacity: 1.0; color: #ccc; font-weight: normal; letter-spacing: -1.5px; text-align: left; padding-top: 1px; font-family: 'Caboodle', Sans-serif; padding-left: 0px; }
.prmBlcsSlider .promoSlider .cd-full-width { padding: 32px !important; }
.prmBlcsSlider .promoSlider .bannerOffr3 { color: #ccc; font-size: 23px; letter-spacing: -1.5px; padding-left: 18px; font-weight: bold; text-align: left; margin-top: 2px; }
.prmBlcsSlider .promoSlider .bannerDesText { color: #fff; font-size: 15px; position: absolute; bottom: 0px; left: 0px; text-align: left; opacity: 0; padding: 0px 32px; }
.prmBlcsSlider .bannerDesText { color: #fff; font-size: 15px; position: absolute; bottom: 0px; left: 20px; text-align: left; opacity: 0; }
.cd-hero.homeSLider:hover .bannerDesText { transition: 0.7s; opacity: 0.9; z-index: 9999; cursor: pointer; bottom: 36px; }

.homeWrp .prmBlcsSear .searchSectopm .form.parraGF .srchTtls { display: none; }
.prmBlcsSear .searchSectopm .cartype { display: none; }
.prmBlcsSear .homeSLider .cd-full-width { padding-top: 0px!important; }

.promoSlider .bannerOffr1 { display: block; font-family: 'Dementor', sans-serif; padding: 0px 0px; text-align: center; font-size: 100px; color: #fff; font-weight: normal; margin-top: 0px; margin-bottom: 0px; line-height: 1em; text-transform: none; }
.promoSlider .bannerOffr1 span { position: relative; }
.promoSlider .bannerOffr1 span:after { background: url(https://www.imagicalcreations.com/images/underline.svg) no-repeat; background-size: 50% 3px; content: ""; position: absolute; bottom: 0px; left: 0; display: block; width: 100%; height: 3px; }






/* ucAIPromoBlock theme1 */
.theme1 .cd-slider-nav a:before { border: none; }
.theme1 .prmBlcsSear, .theme1.prmBlcsSear { height: 300px; }
.theme1 .prmBlcsSear .carsrchWrp, .theme1.prmBlcsSear .carsrchWrp { padding: 24px; background: #f8f8f8; height: 100%; }
.theme1 .prmBlcs { /*height: 230px;*/ }
.bxLayout .prmBlcs { height: 300px; }
.theme1 .saerchBTNB { padding-bottom: 10px; padding-top: 10px; }
.theme1 .prmBlcsSear .searchSectopm .form.parraGF, .theme1.prmBlcsSear .searchSectopm .form.parraGF { margin-top: 0px; font-size: 18px !important; color: #a9a9a9!important; letter-spacing: -0.5px; }
.theme1.prmBlcsSlider .promoSlider .bannerOffr1 .sml_stitle { font-size: 26px; }
.theme1.prmBlcsSlider .promoSlider .bannerOffr2 { font-size: 25px; margin-top: 5px; }
.theme1 .cd-hero-slider .rollarrow { width: 24px; position: absolute; right: 20px; top: 14px; opacity: 0.01; }
.theme1 .cd-hero-slider:hover .rollarrow { transition: 0.7s; opacity: 0.9; z-index: 9999; cursor: pointer; right: 14px; }
.theme1.prmBlcsSlider .promoSlider .cd-full-width { padding: 0px !important; padding-top: 14px !important; }
.theme1.prmBlcsSlider .bannerOffr2 span.bgWH { padding: 0; }
.theme1.prmBlcsSlider .promoSlider .bannerDesText { position: initial; opacity: 1; padding-left: 3px; margin-top: 10px; font-size: 13px !important; cursor: initial !important; }
.theme1.prmBlcsSlider .goBtmBtn { font-size: 15px!important; position: absolute!important; bottom: 10px!important; left: 20px!important; text-align: left!important; padding-right: 78px!important; opacity: 0!important; font-weight: bold!important; margin: 0px!important; padding: 0px!important; }
.theme1.prmBlcsSlider .goBtmBtn .inrTx { display: none; }
.theme1.prmBlcsSlider .prmBlcs:hover .goBtmBtn { transition: 0.7s; opacity: 0.9 !important; z-index: 9999; cursor: pointer; bottom: 18px !important; padding: 0px !important; }
.theme1.prmBlcsSlider .goBtmBtn .button { border: none !important; background-color: transparent; padding: 0; margin: 0; text-transform: initial; }

.ImgGrid.dbl.theme1 { height: 410px; }
.ImgGrid.dbl.theme1 .prmBlcs { height: 400px; }
/* ucAIPromoBlock theme2 */
/*.theme2 .prmBlcsSear .searchSectopm .cartype { display: none; }
.theme2 .prmBlcsSear { height: 370px; }
.theme2 .prmBlcsSear .carsrchWrp { padding: 24px; background: #fff; border: 3px solid #f3f3f3; height: 365px; }
.theme2 .prmBlcs { border: 4px solid #fff; height: 370px; }
.theme2.dbl-hgt .prmBlcs { height: 740px; }
.theme2 .prmBlcsSear .searchSectopm .form.parraGF { margin-top: 20px; letter-spacing: normal; }
.theme2 .saerchBTNB { padding-bottom: 12px; padding-top: 12px; }
.theme2 .homeWrp .prmBlcsSear .searchSectopm .form.parraGF .srchTtls { display: inline-block; }
.theme2 .prmBlcsSear .searchSectopm .form.parraGF { font-size: 15px !important; color: #212121!important; text-transform: uppercase; }
.theme2 .promoWrap img { min-height: 100%; width: auto!important; max-width: initial; min-width: 100%; }
.theme2 .prmBlcsSlider .promoSlider .bannerOffr1 .sml_stitle { font-size: 32px; text-transform: uppercase; }
.theme2 .prmBlcsSlider .promoSlider .bannerOffr2 { font-size: 32px; text-transform: uppercase; }
.theme2 .prmBlcs .promoContent .parraSEC { text-transform: uppercase; }
.theme2 .cd-hero-slider .rollarrow { width: 24px; position: absolute; right: 20px; top: 14px; opacity: 0.01; }
.theme2 .cd-hero-slider:hover .rollarrow { transition: 0.7s; opacity: 0.9; z-index: 9999; cursor: pointer; right: 14px; }*/

.slidePop { position: fixed; top: 0px; left: 0px; bottom: 0px; width: 100%; background-color: rgba(0,0,0,.5); z-index: 999; }

.topBar.sldPopPrcDrpp { min-height: 490px; }
.topBar.sldPopPrcDrpp .topSidebarContent { padding: 20px; overflow-y: auto; position: initial!important; background-color: #FFF; top: 0px; left: 0px; width: 100%; }
.topBar.sldPopPrcDrpp .title-77 { font-family: 'Caboodle', Sans-serif; letter-spacing: -0.95px; line-height: 1.0; font-size: 24px; margin-top: 0px !important; text-align: center !important; color: #212121; text-transform: none; }
.topBar.sldPopPrcDrpp .subtitle-77 { letter-spacing: -0.25px; line-height: 1.0; font-size: 18px; margin-top: 2px !important; text-align: center !important; color: #959595; margin-bottom: 20px; }
.topBar.sldPopPrcDrpp .popBtn { display: inline-block; padding: 7px 92px; background: #fff; border: solid 3px #d2d2d2; border-radius: 99px; margin: 4px; margin-right: 4px; -webkit-box-shadow: 0px 0px 0px 6px rgba(245,245,245,1); -moz-box-shadow: 0px 0px 0px 6px rgba(245,245,245,1); box-shadow: 0px 0px 0px 6px rgba(245,245,245,1); margin-right: 16px; color: #212121 !important; font-size: 16px; font-weight: bold; line-height: 1.8em; }
.topBar.sldPopPrcDrpp { padding-top: 0px!important; }
.topBar.sldPopPrcDrpp .barStep { top: 5px!important; }
.topBar.sldPopPrcDrpp .yesNoBtn { margin-bottom: 0px; }
.topBar.sldPopPrcDrpp .yesNoBtn > a.nobutton, .sldPopPrcDrpp .yesNoBtn > a.yesbutton { background: #47b0f7; border-radius: 99px; padding: 8px 48px; width: 100%; max-width: 200px; text-align: center; font-size: 14px; font-weight: bold; box-shadow: none!important; margin-right: auto!important; color: #fff!important; border: none!important; }


.sldPopLst { max-width: 800px; margin: auto; }
.sldPopLst ul { text-align: center; }
.sldPopLst ul li { display: inline-block!important; float: none!important; }
.sldPopLst .listcontainer { background: #fff; border: dashed 1px #e1e1e1; box-shadow: 0px 0px 7px -4px #0000008c; margin-bottom: 10px; position: relative; padding: 5px; text-align: center; }
.sldPopLst .title-car { font-size: 17px; letter-spacing: -0.25px; line-height: 1.2; text-transform: none; font-weight: bold; text-align: center; color: #909090; }
.ftrLocat { font-size: 13px; opacity: 0.8; letter-spacing: -0.35px; color: #303030; margin-bottom: 0px; border-top: dashed 1px #e1e1e1; padding-top: 14px; }
.sldPopLst .listcontainer .price-cont-full { width: 100%; }
.sldPopLst .listcontainer .price-cont-full p { font-size: 22px; opacity: 1.0; color: #000; font-weight: bold; text-align: center; }
.sldPopLst .listcontainer .price-cont-full p .wasprice-a { font-size: 12px; font-weight: bold; color: #909090; }
.sldPopLst .listcontainer .price-cont-full p .wasprice-b { font-size: 16px; font-weight: bold; color: #909090; }
.sldPopLst .subtitle-car { font-size: 14px; opacity: 0.6; color: #4b4b4b; text-align: center; }
.sldPopLst .title-car span { color: #999; }
.sldPopLst .equalElement { background: #fff; padding: 12px; }
.sldPopLst .price-cont { display: inline-block; width: 49%; margin-bottom: 10px; }
.sldPopLst .title-pricesub { font-size: 12px; letter-spacing: -0.75px; line-height: 1.2; font-family: 'Caboodle', Sans-serif; text-align: left; margin-top: 14px!important; margin-bottom: 0px; opacity: 0.4; font-weight: bold; }
.sldPopLst .title-price { font-size: 20px; letter-spacing: -0.75px; line-height: 1.2; font-family: 'Caboodle', Sans-serif; text-align: left; margin-top: -5px!important; margin-bottom: 0px; opacity: 1.0; font-weight: bold; }

.homeWrp.theme1 .paraFormat { padding-left: 4px; }
.homeWrp.theme1 .paraFormat h3 { font-size: 18px; }
.homeWrp.theme1 .paraFormat p { opacity: 0.8; }



.theme1 .pstCode input[type="text"] { background: #fff; padding: 10px 12px 10px; border: none; font-size: 14px; color: #242424; outline: none; border-radius: 5px; width: 100%; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 40px; }


.caroselttl a { font-family: 'Caboodle', Sans-serif; letter-spacing: -0.02em; font-size: 18px; color: #212121; }
.caroselcntnt a { font-family: 'Caboodle', Sans-serif; letter-spacing: -0.02em; font-size: 16px; color: #888888; }
.caroselcntnt a span img { width: 9px; }

.sideTopMenu { display: none; }



/*//////////___________________ usedCarDetail ___________________//////////*/

.usedCarWrap .addbox { padding-top: 3px; height: auto!important; padding-bottom: 13px; }
.addbox:after { clear: both; display: block; content: ""; }
.addbox .addList, .addbox .view_srt_list, .addbox .viewShort { padding: 8px 20px; background: #e1e1e1; border-radius: 99px; left: 1px; top: 16px; font-size: 10px; color: #303030; }
.addbox .viewShort { top: 1px; color: #fff; }
.ucAlsoLike .usedcars_blk { background: #fff; border: solid 1px #e1e1e1; box-shadow: 0px 0px 7px -4px rgba(0, 0, 0, 0.5); margin-bottom: 20px; position: relative; }
.ucAlsoLike .usedcars_blk .alsPra.micro { min-height: auto; margin-top: 0; }
.ucAlsoLike .usedcars_blk .usedcar_blk .thumb_content { min-height: auto; }
.ucAlsoLike .usedcars_blk .usedcar_blk .thmbPrc .srtList { margin-bottom: 10px !important; }
.ucAlsoLike .usedcars_blk .equalElement { min-height: auto; margin-bottom: 0px; }
.ucAlsoLike .usedcars_lst .thumbs_img { max-height: 100% !important; height: 194px !important; }

.cd-slider-nav a { opacity: 1 !important; }

.offerSlider { background-repeat: no-repeat !important; background-size: cover !important; background-position: top right !important; }

.bottomHdr > .fix-12-12::after { clear: both; display: block; content: ""; }
.bottomHdr .dropdown-el { /*position: fixed; z-index: 99;*/ }
.bottomHdr .theme2 .dropdown-el { top: 90px; right: 170px; }
.bottomHdr .theme1 .dropdown-el { /*top: 85px; top: 73px; right: 80px;*/ }

/*------------wide Search full width------------*/
.prmWideSearch { width: 100% !important; height: auto !important; }
.prmWideSearch .carsrchWrp { background: #000!important; height: auto!important; padding: 40px 24px !important; }
.prmWideSearch .searchbacker { text-align: center !important; }
.prmWideSearch .searchSectopm .searchbacker p.form.parraGF { display: inline-block !important; margin: 0 !important; color: #fff !important; text-transform: uppercase; font-size: 15px !important; letter-spacing: normal; }
.prmWideSearch .searchSectopm .form.parraGF + .clearBoth { display: none; }
.prmWideSearch #contact-form { display: inline-block; max-width: 750px !important; }
.prmWideSearch #contact-form select { display: inline-block; width: 100%; max-width: 230px; height: 35px; border-radius: 0px; padding: 5px; margin: 0px 5px; border: none; font-weight: bold; }
.prmWideSearch #contact-form .alfa-button { width: 230px !important; margin: 0; border: none; border-radius: 0; height: 35px; border-radius: 0; height: 35px; padding: 10px 5px; font-weight: normal; font-size: 12px; text-transform: uppercase; }
.prmWideSearch .mxWd100 { width: 100% !important; }
.prmWideSearch .searchSectopm .searchbacker span.vecAvbl { }
.prmWideSearch .advSrchBtns { display: inline-block; width: auto; float: none; }
.prmWideSearch .advSrchBtns .advan_srch { padding: 0px; line-height: 0.9; }
.prmWideSearch .advSrchBtns .advan_srch a { color: #fff!important; }

/*------------Image slider------------*/
.e_imageslide .pn { padding: 0px!important; }
.e_imageslide .contDBox { padding: 80px 30px 150px; margin: 0px; }
.e_imageslide .contDBox .ttlINcs { margin-top: 0px; position: relative; }
.e_imageslide .contDBox .ttlINcs span { display: inline-block; }
.e_imageslide .contDBox .buttonClick { margin: 25px 0px 0px 0px; }
.e_imageslide .contDBox .srcUSE a { /*font-size: 16px!important; font-weight: 600!important; text-transform: inherit!important; padding-left: 22px!important;*/ }
.e_imageslide .contDBox .srcUSE a.blueBtn { /*padding-left: 2px!important; padding-right: 2px!important;*/ }
.e_imageslide .contDBox .blueButton02 { text-transform: inherit!important; font-weight: 600; }

/*----------------------BOX Layout Ai Design Changes Start------------------------------------*/
.homeWrp .fix-12-12 { width: 100%!important; max-width: 1200px!important; }

.col-hh-1 { height: 300px; /*font-size: 0;*/ }
.col-hh-2 { height: 600px; /*font-size: 0;*/ }
.col-hh-5 { height: 150px; /*font-size: 0;*/ }

.col-hh-1 .eleBlock { height: 300px; overflow: hidden; }
.col-hh-2 .eleBlock { height: 600px; overflow: hidden; }
.col-hh-5 .eleBlock { height: 150px; overflow: hidden; }


.col-hh-2 .eleBlock .theme1 .prmBlcs, .col-hh-2 .eleBlock .theme1 .prmBlcsSear { height: 600px; }

.col-hh-1 .eleBlock .theme1 .prmBlcs .promoWrap img { height: 100%; }

.col-hh-2 .ImgGrid { height: 594px; }
.col-hh-5 .ImgGrid { height: 146px; }
.col-hh-5 .ImgCntnt { padding: 20px; }
.col-hh-5 .ImgCntnt .name-77 { width: 200px; }
.col-hh-5 .ImgCntnt p { font-size: 14px; }
.col-hh-5 .ImgCntnt .gridLink { left: 20px; bottom: 20px; font-size: 13px; }

.eleBlock { height: 100%; display: inline-block; width: 100%; }

.grid-sizer,
.grid-item { width: 25%; }
.grid-item { padding: 0px !important; float: left; background-position: center center; background-size: cover; }

.grid-item.col-3-12 { width: 25%; }
.grid-item.col-4-12 { width: 33.33%; }
.grid-item.col-6-12 { width: 50%; }
.grid-item.col-8-12 { width: 70%; }
.grid-item.col-9-12 { width: 75%; }
.grid-item.col-12-12 { width: 100%; }

.eleBlock .prmBlcs,
.eleBlock .prmBlcsSear { /*width: 100%;*/ border: none; }
.bgSection.minPadding .eleBlock { border: 2px solid #fff; }

.noPadding .eleBlock,
.eleBlock .eleBlock { border: none!important; }

.noPadding.grid-item,
.maxPadding.grid-item,
.minPadding.grid-item { padding-left: 0px !important; padding-right: 0px !important; }

.bxLayout .eleBlock .socialSec { padding: 0px 5px; }
.bxLayout .eleBlock .socialSec .timeline { max-height: 545px; }

.bxLayout .col-12-12 .eleBlock.prmBlcs.prmBlcsSlider { width: 100% !important; }
.bxLayout .col-6-12 .ImgCntnt .name-77 { width: 300px; }

.bxLayout .col-12-12.col-hh-1 { min-height: auto !important; height: auto !important; }
.bxLayout .col-12-12.col-hh-1 .eleBlock { min-height: auto !important; height: auto !important; }
.bxLayout .col-12-12 .eleBlock { min-height: auto!important; }

.bxLayout .e_html,
.bxLayout .e_texttype { padding: 10px; }


/*--------twitter element--------*/
.bxLayout .col-hh-1 .eleBlock.e_twitter .socialSec { padding: 10px; }
.bxLayout .col-hh-1 .eleBlock.e_twitter .socialSec .timeline { max-height: 225px; }
.bxLayout .col-hh-1.minPadding .eleBlock.e_twitter .socialSec .timeline { max-height: 220px; }
.bxLayout .col-hh-1.maxPadding .eleBlock.e_twitter .socialSec .timeline { max-height: 215px; }


/*--------NEWS element--------*/
.bxLayout .col-hh-1 .eleBlock.e_news { min-height: 300px; padding: 10px; }
.bxLayout .col-hh-1 .eleBlock.e_news .name-77 .imgDIS { font-size: 21px; }
.bxLayout .col-hh-1 .eleBlock.e_news .name-77 .imgDIS img { display: none; }
.bxLayout .col-hh-1 .eleBlock.e_news .latestnews { padding: 0px!important; }
.bxLayout .col-hh-1 .eleBlock.e_news ul.homenews { margin-top: 10px; }
.bxLayout .col-hh-1 .eleBlock.e_news ul.homenews .box-77 { margin-top: 5px; }
.bxLayout .col-hh-1 .eleBlock.e_news .homenews_title { font-size: 15px; }
.bxLayout .col-hh-1 .eleBlock.e_news .home-news { font-size: 13px; }


/*--------ucVideo element--------*/
.ucVideo.prmBlcs a { opacity: 1; }


/*--------ucVideo with text element--------*/
.col-hh-1 .eleBlock .ucVideo.prmBlcs a { opacity: 1; }
.col-hh-1 .eleBlock .ucVideo .videoTxt { padding-left: 10px; padding-right: 10px; }

.col-hh-1.minPadding .eleBlock.e_videowithtext .thumbnail-77 { max-height: 163px; }
.col-hh-1.maxPadding .eleBlock.e_videowithtext .thumbnail-77 { max-height: 164px; }

.e_videowithtext .ucVideo .title-77 { color: #303030; }

/*--------ucPromoBlock element--------*/
.ucPromoBlock { margin-bottom: 10px; }
.ucPromoBlock .name-74 { background-color: #f3f3f3; padding: 16px; border-radius: 0; }
.ucPromoBlock .name-74 .cell { vertical-align: top; }
.ucPromoBlock .promobox-74 { transition: none; position: relative; }
.ucPromoBlock .promobox-74 .promoTtl { font-size: 20px; opacity: 1.0; margin-top: 8px; margin-bottom: 10px; }
.ucPromoBlock .promobox-74 .promoDesc { line-height: 1.385; opacity: 0.8; margin-top: 0; }
.ucPromoBlock .promobox-74 .promoDesc p { margin: 0px; }
.ucPromoBlock .promobox-74 .promoDesc p.parraSEC { /*min-height: 85px;*/ margin-bottom: 10px; }
.ucPromoBlock .promobox-74 .promoDesc .boxBtmBtn { min-height: initial !important; }
.ucPromoBlock .promobox-74 .promoDesc .boxBtmBtn a { margin: auto; }
.ucPromoBlock .promobox-74:hover { transition: none; z-index: 99; }
.ucPromoBlock .promobox-74:hover .thumbnail-74 img { -webkit-transform: initial; transform: initial; transition: none; }
.ucPromoBlock .promobox-74 .thumbnail-74 { height: 180px; background: #fff; overflow: hidden; position: relative; text-align: center; }
.ucPromoBlock .promobox-74 .BxLink a span { padding-left: 0px; width: 100%; text-align: center; font-size: 14px; font-weight: 600; padding-bottom: 15px; }
.ucPromoBlock .promobox-74 .thumbnail-74 img { position: absolute; top: 0px; left: 0px; min-width: 100%; bottom: 0px; overflow: hidden; max-width: unset; min-height: 100%; width: auto!important; }

.nLayout .ucPromoBlock .promobox-74 .thumbnail-74 img { width: 100%!important; }


.bxLayout .eleBlock.e_promoblock { background: #f3f3f3; }
.bxLayout .eleBlock.e_promoblock .ucPromoBlock { margin-bottom: 0px; }
.bxLayout .col-hh-1 .eleBlock.e_promoblock .thumbnail-74 { height: 166px; }
.bxLayout .col-hh-1 .eleBlock.e_promoblock .thumbnail-74 a { display: inline-block; height: 100%; }
.bxLayout .col-hh-1 .eleBlock.e_promoblock .name-74 { border-radius: 0; display: block!important; }
.bxLayout .col-hh-1 .eleBlock.e_promoblock .name-74 .cell { display: block; }
.bxLayout .col-hh-1 .eleBlock.e_promoblock .name-74 .promoDesc { line-height: 1.385; margin-bottom: 20px; opacity: 0.8; margin-top: 0; /*max-height: 70px;*/ overflow: hidden; }



.bxLayout .col-3-12.col-hh-1 .eleBlock.e_promoblock .ucPromoBlock .promobox-74 .promoTtl { margin-top: 0px; margin-bottom: 5px; }
.bxLayout .col-3-12.col-hh-1 .eleBlock.e_promoblock .ucPromoBlock .promobox-74 .promoDesc p.parraSEC { white-space: pre; text-overflow: ellipsis; word-break: keep-all; min-height: 30px; text-align: left; width: 100%; overflow: hidden; display: block; }
.bxLayout .col-3-12.col-hh-1 .eleBlock.e_promoblock .ucPromoBlock .name-74 { height: 134px; min-height: initial; }

.bxLayout .col-6-12.col-hh-1 .eleBlock.e_promoblock .thumbnail-74 { width: 50%; height: 300px; float: left; }
.bxLayout .col-6-12.col-hh-1 .eleBlock.e_promoblock .name-74 { width: 50%!important; height: 300px; float: left; }
.bxLayout .col-6-12.col-hh-1 .eleBlock.e_promoblock .name-74 .promoDesc { /*max-height: 175px;*/ }

.bxLayout .col-3-12.col-hh-2 .eleBlock.e_promoblock .ucPromoBlock .promobox-74 .thumbnail-74 { height: 300px; }

.nLayout .col-6-12 .e_promoblock .thumbnail-74 { width: 50%; height: 180px; float: left; }
.nLayout .col-6-12 .e_promoblock .name-74 { width: 50%!important; min-height: 180px; float: left; }
.nLayout .col-6-12 .e_promoblock .name-74 .promoDesc { max-height: 175px; }
.nLayout .col-3-12 .e_promoblock .ucPromoBlock .promobox-74 .thumbnail-74 { height: 180px; }
.nLayout .col-6-12 .e_promoblock .promobox-74:after { content: ""; display: block; clear: both; width: 100%; }
.nLayout .col-6-12 .e_promoblock .ucPromoBlock .promobox-74 .promoDesc p.parraSEC { min-height: 55px; }

.nLayout .col-6-12 .e_promoblock .ucPromoBlock .promobox-74 .BxLink a span { width: auto; right: 15px; }


/*--------manufacturerlogo element--------*/

.bxLayout .e_manufacturerlogo .mnufacLogoTtl { margin-bottom: 0px; margin-top: 15px; padding-left: 6px; }
.bxLayout .e_manufacturerlogo .menufactureLOGO { margin-top: 15px; margin-bottom: 15px; }

.bxLayout .col-hh-1.col-6-12 .eleBlock.e_manufacturerlogo .logoset,
.bxLayout .col-hh-1.col-8-12 .eleBlock.e_manufacturerlogo .logoset { padding: 6px 42px !important; }

.bxLayout .col-hh-1.col-6-12 .eleBlock.e_manufacturerlogo .menufactureLOGO { margin-bottom: 0px; }
.bxLayout .col-hh-1.col-6-12.noPadding .eleBlock.e_manufacturerlogo .mnufacLogoTtl,
.bxLayout .col-hh-1.col-6-12.noPadding .eleBlock.e_manufacturerlogo .menufactureLOGO { padding-left: 8px; }

.bxLayout .col-hh-1.col-6-12 .menufactureLOGO .logoset,
.bxLayout .col-hh-1.col-8-12 .menufactureLOGO .logoset { width: calc(100%/4); max-width: calc(100%/4); margin: -1px -2px -1px -2px; height: auto !important; }

.bxLayout .col-hh-1.col-9-12 .eleBlock.e_manufacturerlogo .logoset { width: calc(100%/6); max-width: calc(100%/6); margin: auto; height: auto !important; padding: 22px 33px !important; border-bottom: 0px; border-right: 0; }
.bxLayout .col-hh-1.col-9-12 .eleBlock.e_manufacturerlogo .logoset:nth-last-child(1),
.bxLayout .col-hh-1.col-9-12 .eleBlock.e_manufacturerlogo .logoset:nth-last-child(2),
.bxLayout .col-hh-1.col-9-12 .eleBlock.e_manufacturerlogo .logoset:nth-last-child(3),
.bxLayout .col-hh-1.col-9-12 .eleBlock.e_manufacturerlogo .logoset:nth-last-child(4),
.bxLayout .col-hh-1.col-9-12 .eleBlock.e_manufacturerlogo .logoset:nth-last-child(5),
.bxLayout .col-hh-1.col-9-12 .eleBlock.e_manufacturerlogo .logoset:nth-last-child(6) { border-bottom: 1px solid #e1e1e1; }
.bxLayout .col-hh-1.col-9-12 .eleBlock.e_manufacturerlogo .menufactureLOGO { margin-bottom: 0px; padding: 0px 10px; }
.bxLayout .col-hh-1.col-9-12 .eleBlock.e_manufacturerlogo .mnufacLogoTtl { padding: 0px 10px; }


.bxLayout .col-12-12.minPadding .e_manufacturerlogo .mnufacLogoTtl { padding-left: 5px; }


/*--------Text Type------------*/
.eleBlock .paraFormat { padding-left: 5px!important; padding-right: 5px!important; }

/*--------Bar With Btn------------*/
.col-12-12.col-hh-1 .eleBlock .grid.fixedSpaces { position: initial!important; margin: auto!important; height: initial!important; }

/*----------------------ucFormControlV2 Ai Design Changes End > ------------------------------------*/


.fix-12-12c .col-12-12 .eleBlock { border-left: 0px!important; border-right: 0px!important; }


.col-12-12 .eleBlock { border-left: 0px; border-right: 0px; }


/*---------------------- Ai Slider Design Changes < ------------------------------------*/
.bxLayout .e_modelslider { height: 230px!important; }
.bxLayout .e_modelslider .mdlHero { padding: 0px!important; }

.bxLayout .e_newcarslider { height: 190px!important; }
.bxLayout .e_newcarslider .mdlHero { padding: 0px!important; }

.bxLayout .e_newvanslider { height: 260px!important; }
.bxLayout .e_newvanslider .mdlHero { padding: 0px!important; }

.modelvanslider a .fa, .mini-click_slider .caroselcntnt a .fa { margin-top: -1px; font-size: 20px; font-weight: bold; float: left; }

.OffrSld .newcarlslider .mini-slider { margin-bottom: 20px; }
.OffrSld .newcarlslider .mini-slider p { text-align: center; margin-bottom: 0px; opacity: 0.8; line-height: normal; }
.OffrSld .newcarlslider .mini-slider p a { font-weight: 600; color: #303030; }
.OffrSld .newcarlslider .mini-slider a.viewM { margin: auto; font-size: 15px; margin-top: 4px; display: inline-block; }
.mini-click_slider .caroselttl { margin-bottom: 0px; }
.mini-click_slider .caroselcntnt { margin-bottom: 0px; }


/*-------- Default Slider ------------*/
.bxLayout .col-12-12.col-hh-1 .eleBlock.e_bannerslider,
.bxLayout .col-12-12.col-hh-1 .eleBlock.e_bannerslider .cd-hero-slider li { height: 362px!important; min-height: 362px!important; }

.bxLayout .col-12-12.col-hh-1.minPadding .eleBlock.e_bannerslider,
.bxLayout .col-12-12.col-hh-1.minPadding .eleBlock.e_bannerslider .cd-hero-slider li { height: 350px!important; min-height: 350px!important; }

/*--------------------------------------------------------------------------------------------------------------------------*/



.bannerslide .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width,
.bxLayout .e_bannerslider .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 14vh !important; }

.bannerslide .rollarrow,
.bxLayout .e_bannerslider .rollarrow { display: none; }

.bannerslide .bannerOffr2,
.bannerslide .bannerDesText,
.bxLayout .e_bannerslider .bannerOffr2,
.bxLayout .e_bannerslider .bannerDesText { font-size: 30px; /*line-height: 40px;*/ margin: 0px; }

.bannerslide .bannerOffr1,
.bxLayout .e_bannerslider .bannerOffr1 { margin-bottom: 5px; }

.bannerslide .bannerOffr2 span,
.bxLayout .e_bannerslider .bannerOffr2 span { color: #ffffff; /*margin-top: -24px;*/ margin-bottom: 6px; letter-spacing: 0.2px; text-transform: none; }

.bannerslide .bannerDesText span,
.bxLayout .e_bannerslider .bannerDesText span { color: #ffffff; /*margin-top: -24px;*/ margin-bottom: 6px; letter-spacing: 0.2px; text-transform: none; }


/*--------------------------------------------------------------------------------------------------------------------------*/

col-6-12 .e_bannerslider .cd-full-width { padding: 18px !important; padding-top: 14px !important; }
col-6-12 .e_bannerslider .bannerOffr1 { margin-top: 0px!important; }
col-6-12 .e_bannerslider .bannerOffr1 .sml_stitle { font-size: 26px; }
col-6-12 .e_bannerslider .bannerOffr1,
col-6-12 .e_bannerslider .bannerOffr2 { line-height: 1.0; margin-bottom: 0px; opacity: 1.0; color: #ccc; font-weight: normal; letter-spacing: -1.5px; text-align: left; padding-top: 1px; font-family: 'Caboodle', Sans-serif; padding-left: 0px; font-size: 25px; margin-top: 5px; }
col-6-12 .e_bannerslider .bannerOffr2 sp.col-hh-1.col-6-12 .eleBlock.e_manufacturerlogo .menufactureLOGO .logosetan { margin: 0px; }
col-6-12 .e_bannerslider .bannerDesText { line-height: normal; position: initial; opacity: 1; padding-left: 3px; margin-top: 10px; font-size: 13px !important; cursor: initial !important; }
col-6-12 .e_bannerslider .bannerDesText span { margin: 0px; }


.col-6-12 .e_bannerslider .cd-hero-slider .cd-full-width { padding-left: 20px; padding-right: 20px; }
.col-6-12 .e_bannerslider .bannerOffr2,
.col-6-12 .e_bannerslider .bannerDesText { font-size: 26px; line-height: 26px; }

/*--------------------------------------------------------------------------------------------------------------------------*/

/*--------ucImage element--------*/
.rollarrow { width: 24px; height: 24px; position: absolute; right: 20px; top: 14px; opacity: 0.00; transition: 0.7s; }

.rollarrow a { display: block; height: 24px; }

.rollarrow svg { max-width: 100%; height: 24px; }
.nLayout .e_aiblock .prmBlcs { margin-bottom: 10px; }

.e_aiblock:hover .rollarrow,
.e_imageblock:hover .rollarrow,
.e_imagewithtext:hover .rollarrow { transition: 0.7s; opacity: 0.9; z-index: 9999; cursor: pointer; right: 14px; }

.e_imageblock .ImgsBlcs .parraSEC { margin-bottom: 15px; }
.e_imageblock .blueBtnAro { margin-left: 0px; position: absolute; bottom: 0px; }

.e_imageblock .blueBtn { position: absolute; bottom: 0px; }
.e_imageblock .blueBtn label { margin-top: 0px; margin-bottom: 0px; background-color: transparent; color: inherit; }

.e_imageblock .blueBtn label span { position: absolute; right: 0px!important; top: 12px; }



.e_imagewithtext:hover { /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.06), 0 5px 6px rgba(0, 0, 0, 0.13);*/ opacity: 0.95; }
.e_imagewithtext .ImgsBlcs .fullthumbnail img { -webkit-transition: 0.5s ease; transition: 0.5s ease; }
.e_imagewithtext:hover .ImgsBlcs .fullthumbnail img { -webkit-transform: scale(1.0225); transform: scale(1.0225); }
.e_imagewithtext .ImgsBlcs .title-77 { color: #303030; }

.bxLink_element .imgTxt { padding-bottom: 45px; }
.bxLink_element .BxLink a span { display: inline-block; font-weight: normal; padding: 8px 15px 8px 0px; border: none; bottom: 4px; }


.mdlDetail .e_imagewithtext .ImgsBlcs .title-77,
.mdlDetail .e_imagewithtext .ImgsBlcs .parraSEC { text-align: center!important; }
.mdlDetail .e_imagewithtext .ImgsBlcs .title-77 { font-size: 18px; margin-bottom: 2px; }


.bxLayout .e_imageblock > div,
.bxLayout .e_imageblock .ucImage { display: inline-block; width: 100%; height: 100%; }

.e_imageblock .imgTxt { padding: 25px; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transition: 0.7s; z-index: 999; }
.e_imageblock .imgTxt .title-77 { margin-top: 0px; font-size: 21px; margin-bottom: 15px; }

.bxLayout .e_imageblock .boxBtmBtn { display: inline-block; position: absolute; left: 25px; bottom: 25px; opacity: 1; transition: .7s; font-size: 14px; font-weight: bold; margin: 0px; }
.bxLayout .e_imageblock .boxBtmBtn a { margin: 0px; }

.imgBlockTint { opacity: 0.3; transition: 0.7s; content: ""; width: 100%; height: 100%; top: 0; left: 0; display: inline-block; position: absolute; z-index: 9; }
.e_imageblock:hover .imgBlockTint,
.bxLayout .e_aiblock:hover .imgBlockTint { opacity: 0; }
.e_imageblock:hover .imgTxt + span + span,
.e_aiblock:hover .promoContent + span + span { opacity: 0.1!important; }

.e_aiblock:hover .promoWrap { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }



.imgBlockHover { opacity: 0; transition: 0.7s; content: ""; width: 100%; height: 100%; top: 0; left: 0; display: inline-block; position: absolute; z-index: 9; }
.e_imageblock:hover .imgBlockHover { opacity: 1; }

.ImgsBlcs { position: relative; }
.bxLayout .e_imagewithtext { position: relative; }
.bxLayout .e_imagewithtext .ImgsBlcs { position: initial; }
.bxLayout .e_imagewithtext .BxLink a span { padding-left: 10px; }

.BxLink { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0; z-index: 99; }
.BxLink a { display: inline-block; width: 100%; height: 100%; }
.BxLink a span { display: inline-block; padding-left: 25px; position: absolute; bottom: -4px; padding-bottom: 25px; }
.bxlinkwrp .parraSEC { padding-bottom: 20px; }
.bxLayout .e_aiblock .BxLink a span { text-align: center; text-transform: uppercase; font-weight: 600; letter-spacing: 0.06em; font-size: 13px; padding: 10px 0px; text-decoration: none; line-height: 1; color: #000; bottom: 50px; display: block; width: 100%; }
.aiBxLink .promoContent .table-cell > a { /*margin-bottom: 35px;*/ }
.aiBxLink .promoContent .table-cell { padding-bottom: 53px; }
.bxLayout .e_aiblock:hover .BxLink a span { }
.bxLayout .col-hh-1 .eleBlock.e_image { min-height: 300px; }
.bxLayout .col-hh-1 .eleBlock.e_image .ImgsBlcs .fullthumbnail { height: 300px !important; }




/*--------ucImage with text element--------*/

.bxLayout .col-hh-1 .eleBlock.e_imagewithtext div.fullthumbnail { height: 135px !important; }
.bxLayout .col-hh-1 .eleBlock.e_imagewithtext .imgTxt { padding-left: 10px; padding-right: 10px; }


/*--------------------------------------------------------------------------------------------------------------------------*/
.regFrmLogo a { display: inline-block; max-width: 160px; }

.mapPostCode .gobutton { height: 34px; line-height: 20px; }

/*-------- normal layout element--------*/
.nLayout .fix-12-12c > .grid { margin-left: 0px; margin-right: 0px; }
.nLayout .fix-12-12c > .grid > .col-12-12 { padding-left: 0px; padding-right: 0px; }
.nLayout .e_imageblock .ImgsBlcs { min-height: 300px; }

.sidebar select { font-weight: normal; }

#dvMSGShortlist .popupContent .close { position: absolute; top: -18px !important; right: -18px !important; height: 40px !important; width: 40px !important; background-size: 35px; }



.row_center { text-align: center; }
.row_center [class*="col-"] { display: inline-block!important; float: none!important; margin: -3px; vertical-align: middle; }


.e_texttype .ucText .textWrap { padding-left: 20px; padding-right: 20px; }

.eleBlock.e_texttype .ucText .textWrap { padding-left: 0px; padding-right: 0px; }

.modal-active .thnk_popup { background-color: rgba(255,255,255,.8); height: 100vh; }
.modal-active .bottomHdr { z-index: 99; }
.modal-active .popHt { height: 100vh!important; }


/* Text Align and Vertical Align */

.cAlignLeft { text-align: left!important; }
.cAlignLeft p { text-align: left!important; }
.cAlignCenter { text-align: center!important; }
.cAlignCenter p { text-align: center!important; }
.cAlignRight { text-align: right!important; }
.cAlignRight p { text-align: right!important; }
.cAlignRight h2 { text-align: right!important; }
.cAlignRight .ttlINcs { text-align: right!important; }
.cAlignRight a.button { margin-right: 0px!important; }







.row_flex { display: flex; }
.ele_flex { display: flex !important; align-items: center; width: 100%; }
.ele_flex.ele_center { justify-content: center; }
.ele_center { text-align: center!important; }
.nLayout .row_flex .cAlignTop { display: flex!important; align-items: flex-start; }
.nLayout .row_flex .cAlignMid { display: flex!important; align-items: center; }
.nLayout .row_flex .cAlignBot { display: flex!important; align-items: flex-end; }

.bxLayout .eleBlock .cAlignTop { display: flex!important; align-items: flex-start; }
.bxLayout .eleBlock .cAlignMid { display: flex!important; align-items: center; }
.bxLayout .eleBlock .cAlignBot { display: flex!important; align-items: flex-end; }


/* Video Slide Alignment*/
.e_videoslide .cAlignLeft [class*='col-'] { float: left !important; }
.e_videoslide .cAlignCenter [class*='col-'] { float: none !important; margin: auto; }
.e_videoslide .cAlignCenter [class*='col-'] .prrspace { text-align: center!important; }
.e_videoslide .cAlignRight [class*='col-'] { float: right !important; }
.e_videoslide .cAlignRight [class*='col-'] .prrspace { text-align: right!important; }

.e_videoslide .vdWrp ul.cAlignTop { padding-top: 0px!important; padding-bottom: calc(12.12% + 176px)!important; margin-top: 0px!important; margin-bottom: 0px!important; z-index}
.e_videoslide .vdWrp ul.cAlignTop .ttlINcs { margin-top: 60px; }
.e_videoslide .vdWrp ul.cAlignMid { padding: calc(5.56% + 100px) calc(8% + 15px)!important; margin-top: 0px!important; margin-bottom: 0px!important; }
.e_videoslide .vdWrp ul.cAlignMid .ttlINcs { margin-top: 18px; }
.e_videoslide .vdWrp ul.cAlignBot { padding-top: calc(12.12% + 176px)!important; padding-bottom: 0px!important; margin-top: 0px!important; margin-bottom: 0px!important; }
.e_videoslide .vdWrp ul.cAlignBot .buttonClick.parraSECright { margin-bottom: 40px!important; }

/* Image Slide Alignment*/
.e_imageslide .contDBox.cAlignLeft [class*='col-'] { float: left !important; margin-left: 0px; margin-right: auto; }
.e_imageslide .contDBox.cAlignCenter [class*='col-'] { float: none !important; margin: auto; }
.e_imageslide .contDBox.cAlignRight [class*='col-'] { float: right !important; margin-left: auto; margin-right: 0px; }


.e_imageslide .contDBox.cAlignTop { padding-top: 50px; padding-bottom: 180px; }
.e_imageslide .contDBox.cAlignMid { padding-top: 115px; padding-bottom: 115px; }
.e_imageslide .contDBox.cAlignMid .srcUSE a { margin-bottom: 0px; }
.e_imageslide .contDBox.cAlignBot { padding-bottom: 30px; padding-top: 180px; }
.e_imageslide .contDBox.cAlignBot .srcUSE a { margin-bottom: 0px; }


/* Normal layout page Alignment*/
.cAlignLeft .title-77 { text-align: left!important; }
.cAlignLeft .parraSEC { text-align: left!important; justify-content: flex-start; }
.cAlignCenter .title-77 { text-align: center!important; }
.cAlignCenter .parraSEC { text-align: center!important; justify-content: center; }
.cAlignRight .title-77 { text-align: right!important; }
.cAlignRight .parraSEC { text-align: right!important; justify-content: flex-end; }


.nLayout .row_flex .cAlignMid { display: flex!important; align-items: center; }




/* Alignment End */










/*tabs*/
.tabs { font-size: 0; margin: 25px 0; }
.tabs { border: 0px solid; max-width: 1200px; border-radius: 0px; }
.tabs:after { clear: both; content: ''; display: table; }
.tabs .tab { display: inline; }
.tabs .tab-label { border: 1px solid; display: inline-block; font-size: 15px; left: 1px; margin-left: 2px; padding: 10px 48px; position: relative; vertical-align: bottom; }
.tabs .tab > [type="radio"] { clip: rect(0 0 0 0); height: 1px; opacity: 0; position: fixed; width: 1px; z-index: -1; }
.tabs .tab-panel { display: inline; display: inline-block; overflow: hidden; position: relative; height: 0; width: 0; }
.tabs .tab-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; padding: 32px 32px; border-top: 1px solid #ccc; float: left; font-size: 16px; font-size: 1rem; margin-top: -1px; width: 100%; }
.tabs .tab [type="radio"]:checked + .tab-label { border-bottom-width: 0; padding-bottom: 11px; z-index: 1; }
.tabs .tab [type="radio"]:checked ~ .tab-panel { display: inline; }

ul.resp-tabs-list { margin: 0px; padding: 0px; }
.resp-tabs-list li { font-weight: 600; font-size: 13px; display: inline-block; padding: 13px 15px; margin: 0; list-style: none; cursor: pointer; float: left; }
.resp-tabs-container { padding: 0px; clear: left; }
.resp-tab-content { display: none; padding: 15px; }
.resp-content-active, .resp-accordion-active { display: block; }
h2.resp-accordion { display: none; padding: 10px 20px !important; color: #fff; background-color: #212121; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; box-sizing: border-box; float: none; font-size: 12px; margin: auto auto 15px; position: relative; }
h2.resp-accordion.resp-tab-active { }
h2.resp-accordion .resp-arrow { position: absolute; top: 9px; right: 10px; }
h2.resp-accordion .resp-arrow:before { content: "\f078"; font-family: 'FontAwesome'; }
h2.resp-accordion.resp-tab-active .resp-arrow:before { content: "\f077"; }
h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; }
/*header search*/
.srchForm { min-height: 50px; }
.srchBtn { display: block; width: 50px; float: right; padding: 10px; }
.srchForm input[type="text"] { display: block; float: left; max-width: calc(100% - 50px); margin: 0px; padding: 5px; height: 45px; font-weight: normal; border-radius: 0px; }

/*header*/
.fixlogo { display: none; }
.whitelogo { display: block; }

.mobNavToggle { display: none; /*margin-right: 15px; float: left; margin-top: 22px;*/ }
.mobNavToggle svg { /*margin-top: 11px; width: 25px; height: 25px;*/ }

.topHdr .fix-12-12::after { clear: both; content: ""; display: block; }
.topHdr .hdrLeft { display: inline-block; float: left; margin-top: 22px; }
.langSlct { display: inline-block; vertical-align: middle; padding-right: 20px; position: relative; }
.langSlct:before { content: "\f107"; font-family: FontAwesome; color: #fff; position: absolute; right: 5px; top: 2px; font-size: 14px; }
.hdrLnks { text-align: right; display: inline-block; float: right; margin-top: 22px; }
.hdrLnks a { color: #FFF; text-transform: uppercase; display: inline-block; }
.hdrLnks a:hover { opacity: 1; }
.hdrLnks > li.showBskt > a { }
.hdrLnks > li { display: inline-block; vertical-align: middle; padding-left: 20px; position: relative; }
.hdrLnks > li:first-child { padding-left: 0px; }
.hdrLnks > li.barIcon { padding-left: 5px; }
.hdrLnks .hdrBskt { color: #FFF; text-decoration: none; opacity: 1; transition: .3s; cursor: pointer; text-transform: uppercase; display: inline-block; }
.hdrLnks .hdrBskt:hover { }
.hdrLnks .showBskt .hdrBskt { /*padding-right: 20px;*/ }
.hdrBskt img { margin-left: 5px; max-height: 25px; margin-top: -5px; position: absolute; right: -3px; top: 0; }
.hdrBskt img.cart_iconGrey { display: none; }
.langSlct a { color: #FFF; }
.langSlct .flag { display: inline-block; vertical-align: middle; }


.hdrLnks li .material-icons { color: #FFF; font-size: 25px; cursor: pointer; }
.hdrLnks li .material-icons.person { font-size: 28px; }

.srchIcon { display: inline-block; }
.srchIcon .srchHdr { width: 100%; position: relative; }
.srchIcon .material-icons { position: absolute; right: 10px; top: 10px; }
.srchIcon .srchHdr input { margin: 0px; border-radius: 8px; background-color: rgba(0,0,0,0.1); border: 1px solid transparent; /*border-bottom: 1px solid rgba(255,255, 255, 0.54);*/ color: #fff; width: 100%; border-color: rgba(255, 255, 255, 0.3); padding-right: 38px; }
.srchIcon .srchHdr input::-webkit-input-placeholder { color: #fff; }
.srchIcon .srchHdr input:-ms-input-placeholder { color: #fff; }
.srchIcon .srchHdr input::placeholder { color: #fff; }

.catBannerShown .srchIcon .srchHdr input { border-color: transparent; }


.mainNav { width: 100%; position: relative; font-size: 0px; text-align: center; padding-left: 45px; padding-right: 45px; }
.mainNav:after { content: ""; display: block; clear: both; }
.navLeft, .navRight { text-align: center; }
.mainNav ul li { display: inline-block; text-transform: uppercase; }
.mainNav ul li .logOut { padding-left: 15px; }
.mainNav .homeLnk svg { display: none; }
.navLeft .homeLnk, ul.nav { display: inline-block; }
.homeLnk { color: #676767; display: inline-block; padding: 13px 25px; /*min-width: 40px!important; position: absolute;*/ left: 0px; text-align: left; }
.homeLnk a { font-size: 17px; }
.mainHdr { background-color: #000; transition: .3s; border-bottom: 1px solid rgba(221, 221, 221, 0.21); text-align: center; padding-bottom: 10px; }
.catBannerShown .mainHdr { background-color: rgba(255,255,255,0); }
.mainHdr:after { content: ""; display: block; clear: both; }
.hdrLnks .rightIcn .blackBar { display: none; }
.dropdown-menu.navLogo { display: none; }
.mobSubMenuCls { display: none; position: absolute; top: 0; right: 0; cursor: pointer; padding: 14px; font-size: 0; z-index: 101; -webkit-transition: 0.25s; transition: 0.25s; }
.mobSubMenuCls .material-icons { color: #b3b3b3; font-size: 25px; float: right; margin: auto; cursor: pointer; -webkit-transition: transform .35s ease; -moz-transition: transform .35s ease; transition: transform .35s ease; }
.mobSubMenuCls .material-icons:hover { color: #ef7b7a!important; transform: rotate(180deg); }
.mobSubMenuCls svg { width: 30px; height: 30px; -webkit-transition: transform .35s ease; -moz-transition: transform .35s ease; transition: transform .35s ease; }
.mobSubMenuCls:hover { opacity: 1; }
.mobSubMenuCls:hover svg { transform: rotate(180deg); }
.mainNav .mainMenu li .divNav { padding: 0px 15px; }
.mainNav .mainMenu li .divNav > a { padding: 10px 5px; color: #fff; display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 1.5px; position: relative; }
.mainNav .mainMenu li .divNav > a:before { content: ""; width: 0%; height: 1px; background-color: #ef7b7a; position: absolute; bottom: 0px; left: 0px; right: 0px; margin: auto; transition: .5s; }
.mainNav .mainMenu li .divNav > a:hover:before { width: 100%; transition: .5s; }

.headerFix .hdrLnks li .material-icons { color: #101010; }
.headerFix .button.actionButton.rightIcn { color: #101010; }
.headerFix .srchIcon .srchHdr input { color: #101010; }
.headerFix .srchIcon .srchHdr input::-webkit-input-placeholder { color: #101010; }
.headerFix .srchIcon .srchHdr input:-ms-input-placeholder { color: #101010; }
.headerFix .srchIcon .srchHdr input::placeholder { color: #101010; }
.headerFix .mainHdr { background-color: rgba(255,255,255,1); transition: .3s; -webkit-box-shadow: 0 1px 14px rgba(0,0,0,.06); -moz-box-shadow: 0 1px 14px rgba(0,0,0,.06); box-shadow: 0 1px 14px rgba(0,0,0,.06); }
.headerFix .hdrLnks .rightIcn .blackBar { display: block; }
.headerFix .hdrLnks .rightIcn .whiteBar { display: none; }
.headerFix .mainNav .mainMenu li .divNav > a:before { background-color: #ef7b7a; }
.headerFix .mainNav .mainMenu li .divNav > a { color: #101010; }
.headerFix .fixlogo { display: block; }
.headerFix .whitelogo { display: none; }
.headerFix .hdrTop ul li { color: #000; }
.headerFix .hdrTop ul li a { color: #101010; }

.mainNav .mainMenu { display: inline-block; vertical-align: middle; margin-top: 24px; }
.main-content { background-image: url(../images/background.jpg); background-repeat: no-repeat; background-position: right bottom; background-size: 100% auto; }
.showBskt { display: inline-block!important; }
.favourite-count { font-size: 13px; position: absolute; z-index: 23; top: -6px; right: -11px; line-height: 20px; width: 20px; height: 20px; border-radius: 100%; text-align: center; color: #fff; background: #ef7b7a; font-family: 'HKGrotesk-Regular', sans-serif; font-weight: 500; }
.basket-count { font-size: 13px; position: absolute; z-index: 23; top: -6px; right: -11px; line-height: 20px; width: 20px; height: 20px; border-radius: 100%; text-align: center; color: #fff; background: #ef7b7a; font-family: 'HKGrotesk', sans-serif; font-weight: 500; }
.hdrBreadcrumb li a { line-height: 45px; }
.hdrBreadcrumb li:last-child a { /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 200px;*/ display: inline-block; vertical-align: middle; }
.hdrBreadcrumb { display: inline-block; float: left; }
.cbp-hrsub.navSub { position: absolute; }
.listHdr { text-align: right; padding: 10px 10px 10px 10px; border-bottom: 1px solid #e8e8e8; position: relative; margin-bottom: 30px; }
.listHdr h1 { font-size: 18px; font-weight: normal; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; }
.listHdr h1 span { font-weight: 700; }
.listHdr .breadCrumb.fromLeft { width: auto!important; display: inline-block; float: left; }
.cartNotifi { padding: 20px; background: #f7f7f7; margin-bottom: 25px; }
.cartNotifi .material-icons { color: #4caf50; display: inline-block; vertical-align: middle; margin-right: 10px; }
.cartNotifi p { /*width: calc(100% - 180px); display: inline-block; vertical-align: middle;*/ }
.cartNotifi .ordrNextBtn { float: none; vertical-align: middle; width: 170px; }
.proFilter { display: inline-block; width: auto; min-width: 125px; position: relative; /*padding: 5px 10px;*/ border: 1px solid #e8e8e8; border-radius: 0px; }
.prdctfltrBtn { display: none; }
.prdctfltrBtn .fa { margin-right: 5px; }
.hdrBsktpop { display: block; width: 320px; position: absolute; right: -23px; top: 54px; z-index: 999; background-color: #ffffff; padding: 20px; border: 1px solid #e6e6e6; text-align: left; }
.hdrBsktpop > svg { position: absolute; top: -17px; right: 24px; }
.hdrBsktpop .mCSB_inside > .mCSB_container { margin-right: 20px; }



.bsktHead { border-bottom: 1px solid #e6e6e6; margin-bottom: 15px; padding-bottom: 15px; /* color: #ef7b7a; */ }
.bsktHead > span { font-size: 14px; letter-spacing: 0.09em; margin-right: 5px; display: inline-block; vertical-align: middle; }
.bsktHead i { font-size: 20px; font-style: normal; display: inline-block; vertical-align: middle; text-transform: initial; line-height: 1; }
.bsktHead i strong { font-size: 16px; display: inline-block; vertical-align: middle; margin-top: -2px; }
.bsktHead i span { display: inline-block; vertical-align: middle; margin-top: -3px; }
.bsktHead span.material-icons { color: #000; font-size: 19px; float: right; margin: auto; cursor: pointer; -webkit-transition: transform .35s ease; -moz-transition: transform .35s ease; transition: transform .35s ease; }
.bsktHead span.material-icons:hover { color: #ef7b7a; transform: rotate(180deg); }

.bsktList { background-color: #FFF; display: block; text-align: left; max-height: calc(100vh - 300px); overflow: auto; }
.bsktList .bsktImg { width: 49%; float: left; text-align: center; display: inline-block; padding-right: 15px; }
.bsktList .bsktImg img { max-height: 100%; }
.bsktList li { display: block; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #e6e6e6; }
.bsktList li:last-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 15px; }
.bsktList li a { display: block !important; }
.bsktList li a:after { clear: both; content: ""; display: block; }


.bsktList .plus-minus-input { margin: 5px auto; font-size: 0; }
.bsktList .plus-minus-input .input-group-button { display: inline-block; vertical-align: middle; text-align: center; width: 35px; height: 30px; font-size: 13px; border: 1px solid #ccc; line-height: 1.5; outline: none !important; }
.bsktList .plus-minus-input .input-group-field { text-align: center; margin-left: 0px; margin-right: 0px; padding: 5px; width: 40px; font-size: 13px; border: 1px solid #ccc; line-height: 1.5; outline: none !important; height: 30px; display: inline-block; vertical-align: middle; border-left: 0; border-right: 0; }
.bsktList .plus-minus-input .input-group-field::-webkit-inner-spin-button,
.bsktList .plus-minus-input .input-group-field::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; }
.bsktList .plus-minus-input input[type=number] { -moz-appearance: textfield; }
.bsktList .plus-minus-input .input-group-button .circle { border-radius: 50%; padding: 0.25em 0.8em; }
.bsktList .plus-minus-input .input-group-button button { border: none; background: transparent; font-size: 0; outline: none !important; padding: 6px; display: inline-block; width: 100%; height: 100%; cursor: pointer; }
.bsktList .plus-minus-input button svg { width: 17px; height: 17px; }

.bsktList li .editRemove a { display: inline-block !important; text-transform: initial; width: auto; margin-right: 15px; color: #000; opacity: 1; vertical-align: middle; }
.bsktList li .editRemove a span { margin: auto; padding: 0; display: inline-block; color: #000; vertical-align: middle; }
.bsktList li .editRemove { margin: 5px auto; }
.bsktList li .editRemove a:last-child span { color: #ef7b7a; }



.bsktInfo { width: 50%; float: left; font-size: 14px; color: #000; text-align: left; display: inline-block; }
.bsktInfo span { display: inline-block; width: auto; color: #ccc; font-size: 12px; margin-left: 4px; }
.bsktInfo .cartPrice { float: none; width: 100%; margin: 5px auto; }
.bsktInfo .cartTitle p { margin: auto; line-height: 1.2; text-transform: initial; font-size: 13px; color: #000; }
/*.hdrBsktpop:before { content: ""; width: 10px; height: 10px; background-color: #FFF; transform: rotate(45deg); position: absolute; top: -4px; right: 7px; }*/
/*.hdrBsktpop:before { content: ""; position: absolute; top: -9px; right: 22px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #fff; }*/
.bsktFtr { border-top: 1px solid #e6e6e6; margin-bottom: 20px; font-size: 15px; padding-top: 15px; text-transform: initial; }
.bsktFtr span { float: left; font-size: 14px; letter-spacing: 0.09em; display: inline-block; vertical-align: middle; text-transform: uppercase; font-weight: 600; }
.bsktFtr strong { font-size: 17px; font-weight: 600; float: right; margin-top: -3px; }

.bsktTotal span { color: #000; display: block; text-align: left; }

.bsktTotal { }
.bsktTotal a { background-color: #ef7b7a; opacity: 1; font-size: 13px; transition: .3s; display: inline-block; padding: 13px 20px 11px; vertical-align: middle; color: #ffffff; line-height: 1.5; letter-spacing: 2px; font-weight: 600; text-align: center; text-decoration: none; text-transform: uppercase; cursor: pointer; margin: auto; width: 100%; }
.bsktTotal a:hover { opacity: .8; transition: .3s; }
ul.bsktList.bsAccount li { position: relative; }
ul.bsktList.bsAccount li a { display: block; padding-left: 10px; color: #000; font-size: 12px; text-transform: initial; line-height: normal; }
ul.bsktList.bsAccount li .fa { display: block; position: absolute; left: 0px; top: 1px; text-align: left; color: #242424; font-size: 13px; line-height: normal; }
.hdrAccount { top: 21px; right: 10px; width: 175px; display: block; }
.cstmPopNotice { padding: 50px 30px; }
.cstmPopNotice .title-77 { font-size: 18px; }
.popBar.sidebar.top .cstmPopNotice .title-77 { text-align: center; }
.sidebar.bottom { bottom: 0; top: auto; width: 100%; max-width: 100%; height: auto; -webkit-transform: translateY(100%); transform: translateY(100%); }
.productBlock .cartBtn a { color: #FFF; }
.hdrSrch { display: none; float: right; }
.proFilter .dropdown-el table { width: 100%; }
.proFilter .dropdown-el table td { position: relative; }
.proFilter .dropdown-el table td input { position: absolute; top: 0px; bottom: 0px; }
.proFilter .dropdown-el table td label { padding-left: 35px; position: relative; }
.proFilter .dropdown-el table td label:before { content: ""; display: block; width: 25px; height: 25px; border-radius: 50%; border: 2px solid #ef7b7a; position: absolute; left: 5px; top: 5px; }
.proFilter .dropdown-el table td input:checked + label:after { content: ""; display: block; width: 15px; height: 15px; border-radius: 50%; position: absolute; left: 10px; top: 10px; background-color: #ef7b7a; }

.proFilter select { border: 0px; background-image: none; font-size: 14px!important; font-weight: normal; padding: 15px 20px; padding-right: 40px; }
.proFilter:after { content: "\f107"; font-family: FontAwesome; position: absolute; right: 22px; bottom: 15px; font-size: 18px; transition: .3s all ease-in-out; }
.hdrTop { position: absolute; top: 10px; right: 45px; font-size: 10px; line-height: 1em; }
.hdrTop ul { margin: 0px; padding: 0px; display: block; }
.hdrTop ul li { display: inline-block; color: #fff; padding: 0px 10px; border-right: 1px solid #fff; text-transform: uppercase; }
.hdrTop ul li:last-child { border: none!important; }
.hdrTop ul li a { color: #fff; }
ul.bsAccount li { margin-bottom: 10px; text-transform: initial; }
ul.bsAccount li:last-child { margin-bottom: 0px!important; }

.myAccDrop { display: block; width: 235px; position: absolute; right: -23px; top: 54px; z-index: 999; background-color: #ffffff; padding: 15px; border: 1px solid #e6e6e6; text-align: left; }
.myAccDrop > svg { position: absolute; top: -17px; right: 24px; }
.myAccHead { border-bottom: 1px solid #e6e6e6; margin-bottom: 5px; padding-bottom: 10px; padding-right: 20px; position: relative; }
.myAccHead > span { text-transform: initial; font-size: 13px; letter-spacing: 0.05em; margin-right: 5px; display: inline-block; vertical-align: middle; line-height: 1; }
.myAccHead > span strong { font-family: 'HKGrotesk', sans-serif!important; font-weight: 500!important; font-size: 14px; }
.myAccHead span.material-icons { color: #000; font-size: 19px; margin: auto; cursor: pointer; -webkit-transition: transform .35s ease; -moz-transition: transform .35s ease; transition: transform .35s ease; position: absolute; top: 0; right: 0; }
.myAccHead span.material-icons:hover { color: #ef7b7a; transform: rotate(180deg); }
.myAccDrop ul { background-color: #FFF; display: block; text-align: left; max-height: calc(100vh - 300px); overflow: auto; }
.myAccDrop ul li { display: block; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dashed #e6e6e6; }
.myAccDrop ul li:last-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; }
.myAccDrop ul li .material-icons { color: #101010; font-size: 19px; margin-right: 5px; vertical-align: middle; -webkit-transition: 0.35s; transition: 0.35s; }
.myAccDrop ul li a { text-transform: initial; vertical-align: middle; margin: auto; font-size: 12px; color: #000; }
.myAccDrop ul li:hover .material-icons, .myAccDrop ul li:hover a { color: #ef7b7a; }

/*slider*/
.swiper-slide { min-height: 457px; background-repeat: no-repeat; background-size: cover; display: flex!important; align-items: center; }
.slideContent { max-width: 475px; padding-left: 70px; }
.slideContent h2 { font-size: 33px; text-transform: uppercase; font-weight: bold; margin-bottom: 25px; }
.slideContent p { font-size: 15px; opacity: .5; }
.slideContent a.goBtn { font-size: 12px; display: inline-block; border: 2px solid #bfbfbf; padding: 15px 30px; margin-top: 40px; background-color: #FFF; color: #1c1b1b; text-decoration: none; transition: .3s; }
.slideContent a.goBtn:hover { background-color: #1c1b1b; color: #fff; transition: .3s; }
.whtTxt { color: #FFF; }
.goldTxt { color: #d7bb94!important; }
.e_bannerslider .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 0px; }
.e_bannerslider .swiper-container-horizontal .swiper-pagination { bottom: 20px; }
.swiper-pagination-bullet-active { background: #ef7b7a!important; }
.offerBlock { padding: 25px 45px; position: relative; min-height: 230px; background-repeat: no-repeat; background-size: cover; background-position: right center; }
.ofrTtl { font-size: 18px; font-weight: bold; text-transform: uppercase; }
.ofrLnk { display: block; color: #454344; text-transform: uppercase; font-size: 10px; position: absolute; bottom: 25px; left: 45px; padding-left: 25px; background-image: url(../images/right-arrow.png); background-repeat: no-repeat; background-position: left center; background-size: auto 10px; }
.whiteOfr .ofrLnk { background-image: url(../images/right-arrow-grey.png); }
.offerGrid { margin-top: 10px; }
.offerGrid .row { margin-left: -5px; margin-right: -5px; }
.offerGrid .col-md-4 { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }
.ofrTxt { text-transform: uppercase; font-size: 12px; margin-top: 15px; color: #9c9c9c; }
.whiteOfr { color: #FFF; }
.whiteOfr a { color: #FFF; opacity: .5; }
.contentTitle { text-align: center; font-size: 60px; padding: 20px 10px; font-family: 'Dementor', Arial; margin-bottom: 20px; color: #9e9e9e; font-weight: normal; line-height: normal; margin-top: 0px; }
.contentTitle span { /*font-weight: 700;*/ }
.contentTitle .undrln { display: inline-block; }
.contentTitle .undrln:after { /*background-position: center;*/ }

.sliderWrap { /*overflow: hidden;*/ }
.sliderWrap:after { content: ""; display: block; clear: both; }
.sliderWrap .container { /*margin-right: -2px; float: right;*/ }
.product-slider, .rltdProduct { margin-left: auto; margin-right: 0px; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; margin-bottom: 20px; }
.offer-slider { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }

.sliderWrap .swiper-button-prev,
.sliderWrap .swiper-container-rtl .swiper-button-next { left: -37px; }
.sliderWrap .swiper-button-next,
.sliderWrap .swiper-container-rtl .swiper-button-prev { right: -37px; }

.sliderWrap .swiper-button-prev:focus,
.sliderWrap .swiper-container-rtl .swiper-button-next:focus { outline: none; }
.sliderWrap .swiper-button-next:focus,
.sliderWrap .swiper-container-rtl .swiper-button-prev:focus { outline: none; }

.product-slider .proPrice, .rltdProduct .proPrice { display: inline-block; font-family: 'HKGrotesk', sans-serif; font-weight: 500; letter-spacing: -1px; margin-right: 10px; }
.product-slider .proInfo, .rltdProduct .proInfo { display: block; text-align: left; font-size: 14px; margin-top: 3px; }
.product-slider .productBlock, .rltdProduct .productBlock { text-align: left; }
.productBlock { display: block; width: 100%; text-align: center; color: #1c1b1b; position: relative; /*padding:20px; border:1px solid #e8e8e8;*/ }
.productBlock a { color: #1c1b1b; }
.productBlock .mealWishlist.fvrtAdded { position: absolute; top: 0px; margin-bottom: 0px!important; font-size: 20px; right: 10px; width: 20px; }
.productBlock .mealWishlist.fvrtAdded a { color: #d1021c; display: block; }
.productBlock #ltrFrom { font-size: 12px; }
.offAvlbl { text-decoration: line-through; color: #ed7a79!important; }
.productList, .productDetail { /*margin-top: 90px;*/ }
.productList { padding-left: 15px; padding-right: 15px; }
.myAccountTab .productList { padding-left: 0px; padding-right: 0px; }
.productBlock .proOfr { min-height: 55px; position: absolute; left: 0px; right: 0px; width: 100%; top: 0px; z-index: 9; }
.proOfr { display: inline-block; vertical-align: middle; }
.proPriceWrp { text-align: left; font-size: 18px; font-weight: 300; min-height: 60px; }
.proPriceWrp .proPriceOfr, .proPriceWrp .proPrice { display: inline-block; margin-right: 10px; }
.proPriceOfr, .proPrice { font-family: 'HKGrotesk-Regular', sans-serif; }


.proPriceWrp .proPrice.offAvlbl { font-size: 14px; }
.dtlReview .regButton { background-color: #ef7b7a; }
.proPriceWrp .proInfo { display: block; font-size: 13px; text-align: left; }
.prcBlk { display: inline-block; }
.proTag { display: inline-block; padding: 7px 14px; position: absolute; top: 0; right: 0; background-color: #000; color: #fff; font-size: 10px; text-transform: uppercase; letter-spacing: 4px; text-align: center; z-index: 999; }
.leftTag { left: 0; right: auto; background-color: #ed7a79; letter-spacing: 2px; }
.proOfr .proLbl { display: inline-block; position: relative; background-color: #FFF; padding: 6px 10px 6px 10px; border-radius: 40px; color: #8b8b8b; font-size: 10px; text-transform: uppercase; border: 1px solid #cacaca; float: right; margin-right: 5px; }
.proOfr .proLbl span { display: block; width: 20px; height: 20px; border-radius: 50%; position: absolute; right: 4px; top: 2px; }
.proOfr .proNew { display: inline-block; position: relative; padding: 7px 15px; border-radius: 40px; color: #fff; font-size: 10px; text-transform: uppercase; margin-top: 15px; float: left; letter-spacing: 1px; text-align: center; }
.flexslider .proNew { display: inline-block; position: relative; padding: 7px 20px; border-radius: 40px; color: #fff; font-size: 10px; text-transform: uppercase; margin-top: 5px; float: left; letter-spacing: 1px; }
.productBlock .proImg { text-align: center; height: 277px; position: relative; overflow: hidden; font-size: 0px; display: table; width: 100%; margin: auto; margin-bottom: 15px; }
.productBlock .proImg a { display: inline-block; position: absolute; right: 0; left: 0; height: inherit; }
.productBlock .proImg .grid-variants { display: table-cell; vertical-align: middle; }
.productBlock .proImg img { display: table-cell; vertical-align: middle; margin: auto; height: inherit; }
.productBlock .proImg .proHovr { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; opacity: 0; transition: .5s; display: table; width: 100%; height: 100%; }
.productBlock .proImg > img { opacity: 1; transition: .5s; }
.productBlock .proImg:hover .proHovr { opacity: 1; transition: .5s; }
.productBlock .proImg:hover > img { opacity: 0; transition: .5s; }
.productBlock .cartBtn { position: absolute; bottom: -30px; left: 0; width: 100%; height: 50px; font-size: 11px; background-color: #000; border: none; color: #fff; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; text-align: center; padding: 8px 5px; line-height: 35px; opacity: 0; transition: .3s; }
.productBlock .proImg:hover .cartBtn { bottom: 0px; opacity: 1; transition: .3s; }

.catBanner { background-repeat: no-repeat; background-position: center center; min-height: 300px; background-size: cover; }
.catBanner .catTitle { display: block; font-family: 'Dementor', sans-serif; padding: 150px 0px; text-align: center; font-size: 100px; color: #fff; background-color: rgba(0,0,0,0.4); font-weight: normal; margin-top: 0px; margin-bottom: 0px; }
.catBanner .catSubTitle { display: block; color: #fff; font-size: 16px; text-align: left; font-weight: normal; margin-top: 15px; }
.catBanner .listBnr { padding: 150px 0px 90px; background-color: rgba(0,0,0,0.4); position: relative; }
.catBanner .bnrMaxTxt { display: inline-block; max-width: 450px; background: rgba(0,0,0,0.4); padding: 20px 30px; margin-left: 25px; }
.catBanner .listBnr .catTitle { padding: 0px 0px; background-color: transparent; display: inline-block; margin-top: -15px; }
.catBanner .listBnr .breadCrumb { position: absolute; bottom: 0px; color: #fff; text-align: left; }
.catBanner .listBnr .textRed_ew { color: #FFF!important; }


.listBnr h1 { text-align: left; }
.cartBanner { background-repeat: no-repeat; background-position: center center; min-height: 300px; background-size: cover; }
.cartBanner .catTitle { display: block; font-family: 'Dementor', sans-serif; padding: 100px 0px; text-align: center; font-size: 100px; color: #fff; background-color: rgba(0,0,0,0.4); font-weight: normal; margin-top: 0px; margin-bottom: 0px; }
.numbers { font-family: 'HKGrotesk', sans-serif!important; font-weight: 500!important; }
.proTtl { text-align: left; font-size: 16px; font-weight: 600; position: relative; min-height: 60px; padding-right: 35px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.proTtl span { font-weight: 700; }
.proPrice { text-align: left; font-size: 18px; font-weight: 300; font-family: 'Roboto', sans-serif; }
.offer-slider .productBlock .proImg img { max-width: 125px; }
.swiper-button-next { color: #b7b7b7!important; }
.swiper-button-prev { color: #b7b7b7!important; }
.product-slider .swiper-slide, .rltdProduct .swiper-slide { min-height: initial!important; position: relative; transition-property: transform; }
.product-slider .swiper-slide .productBlock, .rltdProduct .swiper-slide .productBlock { /*padding-right: 15px;*/ }
.product-slider .swiper-slide > a, .rltdProduct .swiper-slide > a { display: block; width: 100%; }
.offer-slider .swiper-slide { min-height: initial!important; }
.e_bannerslider .cd-full-width { max-width: 475px; /*padding-left: 70px;*/ /*position: absolute;*/ top: 50px; }
.e_bannerslider .swiper-wrapper > li { padding-top: 18px; }

.e_bannerslider .promoSlider > a { display: block; width: 100%; }
.weightSelect { margin-top: 15px; max-width: 150px; }

/*Footer*/
.bottom-nav.footerbottom { clear: both; margin: 0px; overflow: hidden; background-color: #fdfdfd; border-top: 1px solid #fdfdfd; padding: 18px 45px 19px; }
.footerInfo { color: #FFF; margin-bottom: 25px; }

.footerInfo h5 { margin: auto; font-size: 14px; font-weight: normal; }
.footerInfo .fa { width: 30px; height: 30px; border: 1px solid #555; border-radius: 50px; font-size: 15px; text-align: center; line-height: 28px; display: inline-block; vertical-align: middle; margin-right: 8px; }
.footerInfo p { color: #FFF; font-size: 14px; margin: auto !important; text-align: center; }
.footerInfo span { display: inline-block; vertical-align: middle; }
.footerInfo a { display: inline-block; font-family: 'HKGrotesk', sans-serif!important; font-weight: 500!important; vertical-align: middle; color: #555; }
.ftrbackerBT .ftrClmsDiv > .grid.fixedSpaces { display: table; width: 100%; }
.ftrbackerBT .ftrClmsDiv .grid.fixedSpaces > [class*='col-4-12'] { background-color: #fef5f5; text-align: center; padding: 40px 50px; display: table-cell; float: none; width: 33.33%; max-width: 33.33%; vertical-align: top; }
.ftrbackerBT .ftrClmsDiv .grid.fixedSpaces > [class*='col-4-12']:nth-child(2) { background-color: #fdfdfd; }
.ftrbackerBT .ftrClmsDiv .ftrHead { font-size: 14px; text-transform: uppercase; color: #313131; letter-spacing: 0.1em; margin-bottom: 30px; }
.ftrLogo a { display: inline-block; }
.paypalDiv { margin-top: 20px; font-size: 0; border-top: 1px dashed #dadada; padding-top: 15px; }
.paypalDiv img { display: inline-block; vertical-align: middle; }
.paypalDiv span { font-size: 12px; display: block; vertical-align: middle; margin: 5px auto; font-weight: 600; color: #555; }
/*product page*/
.productHdr { padding: 10px 10px 10px 10px; /*border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; margin-bottom: 20px;*/ position: relative; }
.productHdr h1 { display: inline-block; font-size: 18px; font-weight: normal; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; text-align: left; }
.productHdr h1 span { font-weight: 700; }
.productHdr .backBtn { margin-bottom: 15px; }
.grid-products { margin-bottom: 30px; }


.sideFilters .filter-attr h4 { font-weight: 700; text-transform: uppercase; font-size: 13px; margin-top: 20px; }
.sideFilters .filter-attr .cstmChk { width: 100%; margin-top: 10px; }
.sideFilters .filter-attr .cstmChk label { text-transform: uppercase; font-size: 13px; text-align: left; }
.resetBtn { margin-top: 30px; }
.resetBtn .button { text-transform: uppercase; }
.prodInfo { font-size: 14px; line-height: 26px; color: #212121; font-weight: 500; }
.tab-content .prodInfo { height: 433px; min-height: 433px; padding-bottom: 40px; overflow: hidden; position: relative; transition: 2s; }
.tab-content .prodInfo.infoOpen { height: auto; position: relative; transition: 2s; }
.tab-content .prodInfo:after { display: none; opacity: 1; content: ""; top: 0; left: 0; right: 0; bottom: 0; position: absolute; transition: opacity 200ms ease-in; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); pointer-events: none; }
.tab-content .prodInfo.infoOpen:after { opacity: 0; }
.tab-content .prodInfo .toggleMore { display: inline-block; font-size: 13px; line-height: 1.4; min-height: 36px; min-width: 36px; padding-top: 9px; padding-bottom: 9px; padding-left: 25px; padding-right: 25px; border: 2px solid #222; border-radius: 30px; color: #222; font-weight: 700; }
.moreInfoBtn { position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; z-index: 1; display: none; }
.showReadMore .moreInfoBtn,
.showReadMore.prodInfo:after { display: block; }
.proDecTop { position: relative; }
.proDecTop .title-77 { font-size: 21px; font-weight: 600; /*text-transform: uppercase;*/ letter-spacing: 1px; color: #313131; margin-top: 0px; margin-bottom: 5px; line-height: 1em; }
.proDecTop .proCode { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 12px; color: #b1b1b1; margin-bottom: 5px; }
.proDecTop .mealWishlist.fvrtAdded { position: absolute; right: 18px; margin-bottom: 0px!important; font-size: 24px; top: 0px; width: 25px; }
.proDecTop .mealWishlist.fvrtAdded a { color: #d1021c; }
#ltrStock { display: inline-block; color: #ed7a79!important; font-size: 14px; font-weight: 600; }
.proDesc .Desline1 { color: #1c1b1b; line-height: 1em; margin-top: 19px; font-size: 0; }
.proDesc1 { color: inherit; font-size: 40px !important; line-height: 1em; letter-spacing: -2px; vertical-align: middle; }
.proDesc1.offAvlbl { font-size: 30px!important; margin-left: 10px; vertical-align: middle; margin-top: 5px; display: inline-block; }
.proDesc .Desline1 .gray-proname { display: inline-block; /*float: left;*/ vertical-align: middle; color: #888; font-weight: 100; }
.proDesc .Desline1 span { font-size: 12px; }
.proDesc .Desline2 { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #9c9c9c; }
.proDesc .finance-section { margin-top: 20px; padding-bottom: 0px; }
.proDesc .proDtltag { margin: 0px; padding: 0px; }
.proDesc .proDtltag li { font-size: 14px; color: #313131; display: block; font-weight: 400; text-transform: uppercase; margin-bottom: 20px; }
.proDesc .proDtltag li h5 { font-size: 15px; color: #313131; display: inline-block; font-weight: 700; text-transform: uppercase; margin: 0px; }
.Desline1::after { clear: both; display: block; content: ""; }
.cartCount { width: 140px; position: relative; /*float: left;*/ display: inline-block; font-size: 0; margin-right: 15px; }
.cartCount input[type="text"] { margin: 0; padding: 15px 40px; text-align: center; border: 1px solid #ededed; display: inline-block !important; }
.cartCount .minus { display: block; width: 38px; height: 50px; background-color: #212121; line-height: 43px; font-size: 24px; text-align: center; color: #fff; position: absolute; top: 0px; left: 0px; border-radius: 0px 0px 0px 0px; }
.cartCount .plus { display: block; width: 38px; height: 50px; background-color: #212121; line-height: 50px; font-size: 24px; text-align: center; color: #fff; position: absolute; top: 0px; right: 0px; border-radius: 0px 0px 0px 0px; }
.proDesc .proOfr .proLbl { float: left; }
.productDetail .socialShare h5 { font-size: 15px; color: #313131; display: inline-block; font-weight: 700; text-transform: uppercase; margin: 0px; }
.productDetail .socialSec { padding-top: 0px; padding-bottom: 0px; display: inline-block; }
.productDetail .socialSec li { text-align: center; border-radius: 50%; }
.proOption { display: inline-block; vertical-align: middle; }
.proOption select { height: 50px; border-radius: 0px; border: 2px solid #212121; width: 200px; margin-right: 15px; }
.addBasket { display: inline-block; text-align: center; background-color: #212121; vertical-align: middle; /*background-color: #ef7b7a;*/ padding: 17px 30px; color: #fff; text-transform: uppercase; font-size: 11px; letter-spacing: 2px; font-weight: 500; line-height: 1.7em; border: 0px; cursor: pointer; }
.addBasket:focus, .addBasket:hover { outline: none!important; }
.productDtls { margin-top: 15px; padding-top: 15px; }
.socialShare { margin-top: 20px; border-bottom: 1px dashed #e5e5e5; padding-bottom: 20px; }
.socialShare > span { font-size: 13px; color: #9c9c9c; float: right; display: inline-block; padding-top: 20px; }
.socialShare li { display: inline-block; }
.socialShare li a { display: block; width: 25px; height: 25px; line-height: 24px; color: #888; text-align: center; border-radius: 50%; border: 1px solid #888; margin: auto 3px; font-size: 13px; }
.socialShare li a:hover { color: #ef7b7a; border-color: #ef7b7a; }
.socialShare .mealWishlist { display: inline-block; float: right; }
.tabbedinfo .resp-tabs-container { position: relative; background-color: #fff; -webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,.07); -moz-box-shadow: 0 0 14px 0 rgba(0,0,0,.07); box-shadow: 0 0 14px 0 rgba(0,0,0,.07); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: -25px; padding: 25px 40px 20px; min-height: 520px; }
.tabbedinfo .resp-tabs-list li { padding: 10px 20px!important; color: #212121; background-color: #ffffff; margin-right: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; box-sizing: border-box; float: none; font-size: 12px; -webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,.07); -moz-box-shadow: 0 0 14px 0 rgba(0,0,0,.07); box-shadow: 0 0 14px 0 rgba(0,0,0,.07); }
.tabbedinfo .tabs.resp-tabs-list { display: block; text-align: center; position: relative; z-index: 9; }
.tabbedinfo { margin-top: 20px!important; margin-bottom: 18px!important; }
.tabbedinfo .resp-tab-content { padding: 20px 0px; }
.tabbedinfo .resp-tabs-list li:hover,
.tabbedinfo .resp-tabs-list li.resp-tab-active { background-color: #212121; color: #fff!important; opacity: 1; }
.commentList { display: block; padding: 0px; margin: 0px; }
.commentList li { display: block; padding: 20px 0px; border-bottom: 1px solid #f5f5f5; }
.commentList li:last-child { border-bottom: none; padding-bottom: 0px; }
.commentList .commentIcon { width: 40px; height: 40px; background-color: #cecece; text-align: center; line-height: 40px; border-radius: 50%; font-size: 14px; margin-right: 10px; display: inline-block; font-weight: 700; vertical-align: top; }
.commentList .commentInfo { display: inline-block; }
.commentList li .commentName { font-size: 14px; font-weight: 700; display: block; margin-top: 5px; }
.commentList li .commentRate { margin-right: 5px; display: inline-block; }
.commentList li .commentDate { display: inline-block; font-size: 14px; font-family: 'Roboto', sans-serif; color: #888; }
.commentRate .fa { color: #ccc; margin-right: 2px; }
.commentRate .fa.fa-star { color: #FFD700; }
.commentList li p { margin-top: 5px; font-size: 14px; line-height: 20px; color: #212121; font-weight: 500; padding-left: 55px; margin-bottom: auto; position: relative; }
.commentList li p:before { content: "\f10d"; font-family: FontAwesome; position: absolute; left: 24px; font-size: 20px; color: #cecece; }
.commentList li p:after { content: "\f10e"; font-family: FontAwesome; font-size: 18px; color: #cecece; margin-left: 10px; }
.proPopSlide .next { right: 0; border-radius: 3px 0 0 3px; }
.proPopSlide .prev, .proPopSlide .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; opacity: 1; }
.proPopSlide .prev, .proPopSlide .next { color: #fff; background-color: rgba(0, 0, 0, 0.8); }
.proPopSlide .prev { left: 0; border-radius: 3px 0 0 3px; }

.tblGroup .tblGrpHdr { float: left; font-weight: bold; font-size: 14px; text-transform: uppercase; }
.tblQty { border: 1px solid #D0D0D0; margin-right: -1px; padding: 2px 5px; margin-bottom: -1px; }
.tblPrice { border: 1px solid #D0D0D0; margin-right: -1px; padding: 2px 5px; font-size: 14px; }
.steel-box td > div { border: 1px solid #D0D0D0; margin-right: -1px; padding: 2px 5px; margin-bottom: -1px; font-size: 14px; }
.prodRating { font-size: 14px; margin-bottom: 40px; }
.prodRating > div { display: inline-block; }
/*cart page*/

.productCart .fix-12-12 .grid.fixedSpaces { /*margin-left: -25px!important; margin-right: -25px!important;*/ }
.productCart .fix-12-12 .grid.fixedSpaces [class*="col-"] { /*padding-left: 25px!important; padding-right: 25px!important;*/ }

.productCart .fix-12-12 .grid.fixedSpaces .grid.fixedSpaces .grid.fixedSpaces { /*margin-left: -10px !important; margin-right: -10px !important;*/ }
.productCart .fix-12-12 .grid.fixedSpaces .grid.fixedSpaces .grid.fixedSpaces [class*="col-"] { /*padding-left: 10px !important; padding-right: 10px !important;*/ }

.productCart .shipInfo .grid.fixedSpaces { /*margin-left: -10px !important; margin-right: -10px !important;*/ }
.productCart .shipInfo .grid.fixedSpaces [class*="col-"] { /*padding-left: 10px !important; padding-right: 10px !important;*/ }

.cartForms { min-height: 500px; padding-bottom: 20px; padding-right: 50px !important; }
.cartTabs .resp-tabs-list li { padding: 10px!important; margin-right: 40px; text-align: center; }
.cartForms .resp-tabs-list { padding: 0px; border-bottom: 1px solid #ccc; margin-bottom: 30px; }
.cartForms .resp-tabs-list:after { content: ""; display: block; width: 100%; clear: both; }
.cartTabs .resp-tabs-list .resp-tab-active { border-bottom: 2px solid #ef7b7a; }
.cartRight { padding: 30px 40px; -webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,.07); -moz-box-shadow: 0 0 14px 0 rgba(0,0,0,.07); box-shadow: 0 0 14px 0 rgba(0,0,0,.07); margin-bottom: 20px; }
.cartRight + .center a { float: none; }
.cartList { margin: 0px; /*border-bottom: 1px solid #e4e4e4;*/ }
.cartList:after { content: ""; display: block; clear: both; }
.cartList > li { display: inline-block; width: calc(50% - 10px); padding-bottom: 20px; margin-bottom: 20px; /* border-bottom: 1px solid #e6e6e6; */ margin-right: 20px; float: left; background: #f7f7f7; padding: 15px; }
.cartList > li:nth-child(2n) { margin-right: 0px; }
.cartList > li:after { content: ""; display: block; clear: both; }
.cartList > li:last-child { }
.smryAddrs { margin-top: 20px; }
.smryAddrs ul li { margin-top: 0px; font-size: 13px; font-weight: 500; margin-bottom: 5px; list-style: none; }
.cartprice { font-size: 24px; display: inline-block; float: right; }
.smryItemImg { height: 85px; width: 85px; float: left; text-align: left; display: inline-block; padding-right: 10px; }
.smryItemImg img { max-height: 100%; }
.smryItemTxt { width: 49%; float: left; display: inline-block; }
.smryItemTxt p { margin: auto; line-height: 1.2; text-transform: initial; font-size: 13px; color: #000; }
.smryItemTxt .numbers { margin: 5px auto; font-size: 12px; color: #000; }
.smryItemPrice { padding-left: 5px; width: 23%; float: right; text-align: right; display: inline-block; font-weight: bold !important; font-size: 14px; }
.cartPrice { display: inline-block; float: right; }
.cartFooter { padding: 15px 0px; padding-bottom: 0; }
.cartFooter .cartTotal { display: block; text-align: right; font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.cartFooter .cartTotal:after { content: ""; display: block; clear: both; }
.cartFooter .cartTotal span { display: inline-block; float: right; font-size: 24px; font-weight: normal; }
.cartFooter .cartTotal span:first-child { text-align: left; }
.cartFooter .shipTotal { display: block; text-align: right; font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.cartFooter .shipTotal:after { content: ""; display: block; clear: both; }
.cartFooter .shipTotal > span { display: inline-block; font-size: 15px; color: #000; font-weight: bold; }
.cartFooter .shipTotal > span:first-child { text-align: left; float: left; width: 70%; }
.cartFooter .shipTotal > span:first-child strong { color: #9a9a9a; display: inline-block; vertical-align: middle; font-family: 'HKGrotesk', sans-serif!important; font-weight: 500!important; line-height: 1; }
.cartFooter .shipTotal > span:first-child strong a { font-size: 0; color: #ef7b7a; display: inline-block; vertical-align: middle; -webkit-transition: transform .35s ease; -moz-transition: transform .35s ease; transition: transform .35s ease; }
.cartFooter .shipTotal > span:first-child strong span { font-size: 14px; display: inline-block; vertical-align: middle; }
.cartFooter .shipTotal > span:first-child .fa { font-size: 15px; }
.cartFooter .shipTotal > span:last-child { float: right; width: 30%; }
.cartFooter .grandTotal { padding-top: 20px; border-top: 1px solid #e4e4e4; margin-top: 20px; margin-bottom: 0px; }
.cartFooter .grandTotal span { font-size: 18px; font-weight: 600; text-transform: uppercase; }
.cartFooter + .nextPrvDiv .ordrNextBtn { margin-top: 20px; float: none; width: 100%; background-color: #ef7b7a; font-size: 15px; font-weight: 600; }


.ftrTr { border-top: 1px solid #ccc; margin-top: 15px; margin-bottom: 15px; }
.pro-table td { padding: 5px 10px; border: #e1dfdc 0px solid; border-collapse: collapse; font-size: 14px; vertical-align: middle; }
.pro-table td.tbl-ttl { padding-right: 30px; position: relative; }
.pro-table td.tbl-ttl a.clsX { color: #888; position: absolute; right: 10px; top: calc(50% - 12px); display: block; width: 24px; height: 24px; -webkit-transition: transform .35s ease; -moz-transition: transform .35s ease; transition: transform .35s ease; }
.pro-table td.tbl-ttl a.clsX:hover { color: #ef7b7a; transform: rotate(180deg); }
.pro-table th { padding: 15px 10px; border-collapse: collapse; font-size: 15px; font-weight: 600; }
.pro-table tr:nth-child(2n) td { background: #fafafa; }
.pro-table tr th:first-child,
.pro-table tr td:first-child { }
.pro-table tr:first-child th,
.pro-table tr:first-child td { }
.trasBG td { background: transparent !important; }

.pro-table .tbl-item a { display: inline-block; width: 100%; padding: 5px 0px; }
.pro-table .tbl-item img { vertical-align: middle; display: inline-block; float: none; }
.pro-table .tbl-item-name span { vertical-align: middle; display: inline-block; font-weight: 500; }
.pro-table .tbl-item-name span strong { display: block; font-weight: 500; padding-bottom: 5px; }
.pro-table .tbl-item-name span strong:nth-child(2) { opacity: 0.7; font-size: 13px; font-family: 'HKGrotesk', sans-serif; }
.pro-table .tbl-item-name span strong:last-child { padding-bottom: 0px; }
.pro-table .tbl-item-name span strong:last-child.themeColor { font-size: 13px; font-family: 'HKGrotesk', sans-serif; }
.pro-table .tbl-qty > div { display: inline-block; vertical-align: middle; }
.pro-table .tbl-ttl a.fa { width: 20px; height: 20px; background-color: #ef7b7a; color: #fff; border-radius: 50%; text-align: center; line-height: 20px; font-size: 10px; position: absolute; right: 10px; top: calc(50% - 10px); }
.cartUpdte { color: #2bac2e; vertical-align: middle; display: inline-block; }
.cartUpdte span { vertical-align: middle; }
.pro-table .tbl-qty input { width: 80px !important; border: 1px solid #e8e8e8; margin: 0px; margin-right: 10px; font-family: 'HKGrotesk', sans-serif!important; font-weight: 500!important; }
.nextPrvDiv { margin-top: 70px; text-align: right; }
.nextPrvDiv:after { content: ""; clear: both; display: block; }
.ordrNextBtn { display: inline-block; text-align: center; background-color: #212121; padding: 10px 30px; color: #fff; text-transform: uppercase; font-size: 11px; letter-spacing: 2px; font-weight: 500; line-height: 1.7em; position: relative; float: right; }
.ordrNextBtn .fa { font-size: 11px; margin-left: 5px; position: absolute; right: 10px; top: 14px; }
.cnclBtn { display: inline-block; text-align: center; background-color: #fff; padding: 10px 30px; color: #212121; text-transform: uppercase; font-size: 11px; letter-spacing: 2px; font-weight: 500; line-height: 1.7em; position: relative; border: 1px solid #e6e6e6; }
.contnBtn { font-size: 12px; /*text-transform: uppercase;*/ color: #212121; padding: 10px 0px; float: left; font-weight: 600; }
.contnBtn svg { width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 5px; fill: #212121; margin-top: -3px; }
.contnBtn .material-icons { font-size: 16px; margin-right: 5px; vertical-align: middle; }
.cartTable { margin-bottom: 20px; }
.cartTable .slctCountry { margin-right: 8px; float: right; position: relative; width: 200px; }
.max70 { max-width: 70%; }
.shipInfo { max-width: 100%; margin-bottom: 15px; }
.shipInfo .errMsg { /*padding: 0px; line-height: 3.3;*/ text-align: left; }

.shipInfo .formtitle, .tabItem .formtitle, .discountSec .formtitle { font-size: 13px; font-weight: 500; margin-bottom: 10px; text-align: left; color: #000; border-left: 2px solid #ef7b7a; padding-left: 10px; }
.shipInfo .formtitle span { font-size: 13px; float: right; }
.shipInfo .formtitle span a { color: #ef7b7a; }
.shipInfo .form-group .cstmChk label::before { left: 0px; top: 0px; }
.shipInfo .form-group .cstmChk input { margin: auto; }
.shipInfo .form-group .cstmChk input:checked + label::after { top: -4px; left: 9px; }
.shipInfo .rating label { margin-top: 0px; }

.sttsUl { padding: 0px; margin: 0px 0px 30px; text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 30px; }
.sttsUl li { display: inline-block; position: relative; margin-bottom: 0px; text-align: center; margin: 0px 55px; width: auto; margin-left: 0px; }
.sttsUl li:before { content: ""; font-family: 'FontAwesome'; position: absolute; top: -15px; left: calc(50% - 10px); color: #ccc; }
.sttsUl li#liCart:before { content: "\f07a"; left: calc(50% - 8px); }
.sttsUl li#liDetail:before { content: "\f1b9"; }
.sttsUl li#liPayment:before { content: "\f09d"; }
.sttsUl li.active:before { color: #000; }
.sttsUl li:after { content: ""; position: absolute; top: 9px; right: -45px; width: 35px; height: 1px; opacity: 0.3; border-bottom: 4px dotted #ccc; }
.sttsUl li:last-child:after { display: none; }
.sttsUl li span { font-size: 13px; font-weight: 600; color: #ccc; }
.sttsUl li.active span { color: #000; }
.sttsUl li.completed span { color: #3eb53e; }
.sttsUl li.completed:before { content: "\f058" !important; color: #3eb53e; }
.sttsUl li.completed:after { border-color: #3eb53e; }
.sttsUl li:last-child { margin-right: 0px; }

.tabbedinfo .resp-tab-content .shipInfo { margin-bottom: 0px; }
.tabbedinfo .resp-tab-content .shipInfo .rat_div { margin-top: 0; }

.align-center { text-align: center; }
.mr15 { margin-right: 15px; }
.mdlAddBasket .regButton { padding: 16px 15px; display: inline-block; float: none; margin: 5px; }

.shipInfo .cstmChk label { font-size: 13px; font-weight: 500; margin-bottom: 5px; text-align: left; color: #000; }
.form-group { margin-bottom: 15px; }
.shipInfo input[type="text"],
.shipInfo input[type="password"],
.shipInfo textarea,
.shipInfo select { font-weight: 500; width: 100%; max-width: 100%; margin: 0px; padding: 8px 13px; height: auto; font-size: 13px; border-bottom: 1px solid #e6e6e6; padding-left: 0; }
.shipInfo select { padding-left: 13px; }

.shipInfo input:-webkit-autofill,
.shipInfo input:-webkit-autofill:hover,
.shipInfo input:-webkit-autofill:focus,
.shipInfo textarea:-webkit-autofill,
.shipInfo textarea:-webkit-autofill:hover,
.shipInfo textarea:-webkit-autofill:focus,
.shipInfo select:-webkit-autofill,
.shipInfo select:-webkit-autofill:hover,
.shipInfo select:-webkit-autofill:focus { -webkit-text-fill-color: #000; transition: background-color 5000s ease-in-out 0s; }



.errMsg { display: block; font-size: 14px; font-weight: bold; color: #ff4949; letter-spacing: 1px; padding: 15px 0px; }

.loginArea { /*padding: 50px 30px; background-color: #fafafa; border: 1px solid #e8e8e8;*/ }
.loginArea input[type="password"], .loginArea input[type="text"] { border: 1px solid #dadada; width: 100%; max-width: 100%; margin: 0px; }
.productCart:before { /*content: ""; width: calc(50% - 209px); position: fixed; background-color: #fafafa; right: 0px; top: 0px; bottom: 0px; z-index: -1; border-left: 0px solid #e8e8e8;*/ }
.productCart:after { /*content: ""; width: calc(50% + 209px); position: fixed; background-color: #fff; left: 0px; top: 0px; bottom: 0px; z-index: -1;*/ }
.loginArea .formtitle { font-size: 18px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; }
.loginArea .formtitle a { display: inline-block; font-size: 12px; text-transform: none; color: #5bcbfd; font-weight: normal; padding: 5px 0px; opacity: 1; letter-spacing: 1px; float: right; }
.loginArea a.resetPass { text-transform: none; color: #5bcbfd; font-weight: normal; float: right; font-size: 12px; letter-spacing: 1px; }
.loginUsr { position: relative; }
.loginUsr input { padding-left: 55px!important; position: relative; }
.loginUsr:before { content: ""; display: block; width: 35px; height: 25px; background-image: url(../images/login-user.png); background-position: left center; background-repeat: no-repeat; position: absolute; border-right: 1px solid #000; left: 10px; top: 6px; z-index: 999; opacity: .3; }
.loginPass { position: relative; }
.loginPass input { padding-left: 55px!important; position: relative; }
.loginPass:before { content: ""; display: block; width: 35px; height: 25px; background-image: url(../images/login-pass.png); background-position: left center; background-repeat: no-repeat; position: absolute; border-right: 1px solid #000; left: 10px; top: 6px; z-index: 999; opacity: .3; }
/*register form*/
.registerWrap { }
.regstrHdr { padding: 30px 10px 30px 10px; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; position: relative; }
.regstrHdr h1 { font-size: 18px; font-weight: normal; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; }
.registerForm { padding: 20px 0px; padding-right: 40px; border-right: 1px dashed #ccc; min-height: 420px; }

.flipper > span { position: absolute; top: -24px; color: #ff0000; }
.regButton { font-size: 14px; font-weight: 700; padding: 16px 40px; color: #FFF; background-color: #000; text-align: center; max-width: 200px; display: block; text-transform: uppercase; margin: auto; letter-spacing: 1px; float: right; }
.buButton { max-width: 400px; }
/*tag colors*/
.bestseller { background-color: #0c74e3; }
.new { background-color: #64c70c; }
.strong { background-color: #5b1304; }
.delicate { background-color: #b4471d; }
.mild { background-color: #e1ae07; }
.rich { background-color: #7d2414; }
.manuka { background-color: #d79300; }
/*tag colors*/

.popupContent .flip-container, .popupContent .front, .popupContent .back { margin-right: 0px!important; max-width: 100%!important; }
.mdlLogin .popupContent { max-width: 520px; }
.form-group .formlabelmain { margin-bottom: 0px!important; }
.forgetPass { margin-top: 0px; text-align: center; font-size: 14px; }
.forgetPass a { color: #ef7b7a; }
.mdlLogin.sidebar { background-color: #fff; }
.mdlLogin.sidebar .modal-background .content { overflow: auto!important; height: 100vh !important; }
.mdlLogin.sidebar .close svg { fill: #b3b3b3 !important; }
.mdlLogin.sidebar .close span.material-icons { color: #b3b3b3 !important; }
.mdlLogin.sidebar .close span.material-icons:hover { color: #ef7b7a !important; }
.mdlLogin .mdlSideLogo { width: 100px; font-size: 0px; opacity: 1 !important; }
.mdlLogin .popupContent .form-title { border-bottom: 1px solid #ccc; margin-bottom: 0px; }
.mdlLogin .content > .container { /*border-top: 0px solid #f3f3f3;*/ margin-top: 0px; padding-top: 0px; }
.mdlLogin p.form-title { margin-top: 0px; font-size: 45px; font-weight: 500; color: #444; text-align: left; display: inline-block; padding-bottom: 10px; margin-bottom: 5px; font-family: 'Dementor', sans-serif; line-height: 1; }
.mdlLogin h4 { margin-top: 35px; border-top: 1px solid #d9d9d9; padding-top: 35px; }

.mdlLogin .forgetPass a { color: #ef7b7a; font-size: 12px; font-weight: 600; }
.mdlLogin .forgetPass a svg { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 10px; margin-top: -2px; fill: #ef7b7a; }
.mdlLogin input[type="text"], .mdlLogin input[type="password"] { border: 1px solid #6b6b6b!important; background-color: transparent!important; color: #fff!important; height: 50px; border-radius: 0px!important; }
.mdlLogin input::-webkit-input-placeholder { color: #adadad; font-weight: 100; }
.mdlLogin input:-ms-input-placeholder { color: #adadad; font-weight: 100; }
.mdlLogin input::placeholder { color: #adadad; font-weight: 100; }

.inputIcon { position: relative; }
.inputIcon:before { content: "\f007"; font-family: FontAwesome; font-size: 14px; position: absolute; top: 12px; right: 2px; color: #d9d9d9; line-height: normal; }
.inputIcon.email:before { content: "\f0e0"; }
.inputIcon.password:before { content: "\f13e"; right: 5px; }
.inputIcon.gift::before { content: "\f06b"; }

.mdlLogin .buttonEnq { margin-left: 0px; margin-top: 10px !important; margin-bottom: 10px; display: inline-block; width: 100%; max-width: 100%; font-weight: 500; padding: 10px; font-size: 13px; }
.mdlLogin label { color: #111; font-size: 13px; font-weight: 600; }
.mdlLogin .errMsg { font-size: 12px; text-align: center; line-height: 1.5; padding: 0px; font-weight: normal; }
.mdlLogin .form-group { }
form .mdlLogin input[type="text"],
form .mdlLogin input[type="password"] { padding: 12px 15px 12px 0px !important; height: auto !important; border: 0px !important; box-shadow: none; border-bottom: 2px solid #d9d9d9!important; color: #000 !important; margin: 0px !important; font-family: 'HKGrotesk-Regular', sans-serif; }


.mdlLogin input:-webkit-autofill,
.mdlLogin input:-webkit-autofill:hover,
.mdlLogin input:-webkit-autofill:focus,
.mdlLogin textarea:-webkit-autofill,
.mdlLogin textarea:-webkit-autofill:hover,
.mdlLogin textarea:-webkit-autofill:focus,
.mdlLogin select:-webkit-autofill,
.mdlLogin select:-webkit-autofill:hover,
.mdlLogin select:-webkit-autofill:focus { -webkit-text-fill-color: #000; transition: background-color 5000s ease-in-out 0s; }


.mdlLogin p { color: #888 !important; font-weight: 600; margin-bottom: 15px; margin-top: 15px; }

.mdlLogin .thnk_popup.resetPass { padding: 0px; height: auto; }
.mdlLogin .thnk_popup.resetPass .close { position: fixed; top: 0px !important; right: 0px !important; cursor: pointer; padding: 14px; font-size: 0; opacity: 0.5; z-index: 101; -webkit-transition: 0.25s; transition: 0.25s; background: transparent; height: auto !important; width: auto !important; text-indent: initial; }

.notifyEmail { margin-top: 15px; }
.notifyEmail input[type="text"] { border: 2px solid #000; height: 52px; border-radius: 0px!important; margin: 0px 10px 0px 0px; vertical-align: middle; }
.notifyEmail label { margin-top: 0px; font-size: 14px; font-weight: bold; }
/* blog */


.homenews { width: 33.33333%; float: left; padding-left: 10px; padding-right: 10px; margin-bottom: 0px !important; }
.homenews .box-77 .thumbnail-77 { height: 150px; text-align: center; }
.homenews .box-77 .thumbnail-77 img { max-height: 100%; max-width: 100%; margin: auto; width: auto!important; }

.newsInfo { padding: 15px; }
.newsLink { text-align: center; }
.homenews .homenews_title { text-align: center; margin-top: 0px; height: 38px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.homenews .home-news { text-align: center; height: 53px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; }
.homenews .newsImg { border-bottom: solid 1px #e4e4e4; }


.ucBlock.grid { margin-left: -10px!important; margin-right: -10px!important; }
.ucBrdrBlock { background: #f3f3f3; border: solid 1px #e4e4e4; margin-bottom: 25px; position: relative; text-align: center; margin-top: 10px; }
/*.ucBrdrBlock:hover { box-shadow: 0px 0px 0px 4px #f2a900; }*/
.ucBrdrBlock .thumbnail-77 { /*height: 237px; overflow: hidden;*/ }
.ucBrdrBlock .btmTextBox { padding: 16px !important; padding-bottom: 0px!important; text-align: center; margin-bottom: 15px; }
.ucBrdrBlock .nwsdte span { display: inline-block; width: 100%; }
.ucBrdrBlock .nwsdte .nwsDate { font-size: 13px; letter-spacing: 0px; line-height: 1.2em; text-transform: none; font-weight: 700; margin-bottom: 0px; color: #303030; opacity: 0.5; text-align: center; margin: 0px; }
.ucBrdrBlock .nwsdte .nwsshare { margin: 5px 0px; display: none; }
.ucBrdrBlock .nwsttl7 { font-size: 22px; opacity: 1.0; letter-spacing: normal; line-height: 1.1!important; text-align: center; margin: 0px !important; margin-top: 8px !important; }
.ucBrdrBlock .btmTextBox > p.nws16 { line-height: 1.385; margin-bottom: 8px; }
.ucBrdrBlock .btmTextBox > p { margin-top: 0px; opacity: 1.0; /*letter-spacing: -0.35px;*/ color: #303030; margin-bottom: 0px; border-top: dashed 1px #bdbdbd; padding-top: 14px; text-align: center !important; }
.ucBrdrBlock .btmTextBox .readMore { margin-top: 2px; display: inline-block; }


/* BlogDetail */
.blogDtlPage .name-77.equalElement { padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 30px; }
.blogDtlPage .name-77.equalElement:after { content: ""; display: block; width: 100%; clear: both; }
.blogDtlPage .nwsttl span { display: inline-block; margin-right: 10px; position: relative; font-size: 14px; }
.blogDtlPage .nwsttl span:after { content: ""; width: 2px; height: 100%; background-color: #ccc; position: absolute; right: -7px; }
.blogDtlPage .nwsttl span:last-child:after { display: none; }
.blogDtlPage .nwsttl7 { font-size: 28px; margin-bottom: 0; text-transform: capitalize; padding: 5px 0px; }
.blogDtlPage .nwsttl { margin-top: 8px !important; margin-bottom: 0; }
.blogDtlPage .ucBlogDetail .table { float: left; width: calc(100% - 100px); }
.blogDtlPage .nwsshare { margin-top: 10px; }
.blogDtlPage .nwsshare a { text-align: right; }
.blogDtlPage .col-12-12 .e_texttype { margin-left: -10px; margin-right: -10px; width: auto; }
.blogDtlPage .widget { margin-bottom: 50px; }
.blogDtlPage .widget h4 { color: #999; font-weight: 700; font-size: 13px; letter-spacing: 2px; margin-bottom: 15px; text-transform: uppercase; margin-top: 0px; }
.blogDtlPage .widget ul li { padding: 8px 0; list-style: none; border-bottom: 1px solid #e6e6e6; font-size: 0px; }
.blogDtlPage .widget ul li:first-child { padding-top: 0; }
.blogDtlPage .widget ul li a { line-height: 22px; font-size: 13px; text-align: left; display: inline-block; }
.blogDtlPage .widget ul li a:hover { color: #000; }






.newsWrap { background: #f3f3f3; border: solid 1px #e4e4e4; margin-bottom: 20px; position: relative; text-align: center; }

/* accordion */
.blrAccr { max-width: 100%; margin-bottom: 60px!important; }
.blrAccr .blrAccrCntnr { position: relative; height: auto; margin: 10px auto; }
.blrAccr .blrAccrList { position: relative; width: 100%; height: auto; /*background-color: #f5f5f5;*/ }
.blrAccr .blrHead { position: relative; display: block; padding: 20px 50px 20px 24px; text-align: left; font-size: 12px; letter-spacing: 0px; cursor: pointer; background: #fff; color: #000; margin: 0px; border: solid 0px #c6c6c4; border-bottom: solid 1px #cecece; text-transform: uppercase; letter-spacing: 1px; }
.blrAccr .blrHead i { color: #a1a1a1; position: absolute; right: 24px; top: 21px; font-size: 16px; }
.blrAccr .blrHead.active i { color: #ef7b7a; }
.blrAccr .blrHead.active { font-weight: 900; border-bottom: 1px solid #ccc; }
.blrAccr .blrContent { display: none; width: 100%; background: #fff; border-bottom: 4px solid #ccc; background-color: #fff; padding: 20px 30px 60px 30px; text-align: left; }
.blrAccr .blrContent ul { padding-left: 30px; }
.blrAccr .blrContent ul li { padding-bottom: 10px; }
.blrAccr .blrContent p:first-child { margin-top: 0; }
.blrAccr .blrContent p + p { margin-top: 0px; }

/* accordion-tab */
.acrdnTabView { padding-top: 18px; padding-bottom: 18px; background: #fff; margin-top: 1px; }
.acrdnTabView .tabs li:first-child { border-radius: 0px 0px 0 0; }
.acrdnTabView .tabs li:last-child { border-radius: 0 0 0px 0px; }
.acrdnTabView .tab-content ul.grid li { margin-bottom: 20px; }
.acrdnTabView ul.tabs { margin: 0px; padding: 0px; list-style: none; border-radius: 0px; border: 0px solid #fff; color: #fff; max-width: 100%; }
.acrdnTabView ul.tabs li { display: inline-block; padding: 14px 14px; cursor: pointer; color: #212121 !important; margin-top: 5px; margin-bottom: 0px; font-size: 12px; border: none; padding: 14px; background: #ffffff; letter-spacing: 1px; min-width: 15%; margin-right: 8px; }
.acrdnTabView ul.tabs li.resp-tab-active { border-bottom: 4px solid; }
.acrdnTabView .tabbedinfo ul.tabs { text-align: center; }
.acrdnTabView .innerModel p { font-size: 15px; }
.acrdnTabView .innerModel ul { padding-left: 30px; }
.acrdnTabView .innerModel ul li { list-style: disc; float: left; width: 45%; margin-bottom: 0 !important; margin-right: 40px; }
.acrdnTabView .magic-accordion { text-align: left; }
.acrdnTabView .magic-accordion .head { display: block; padding: 15px; font-size: 16px !important; letter-spacing: 0px; cursor: pointer; background: #fff !important; color: #212121; font-weight: normal; margin: 0; border-bottom: 4px solid #6d0fc5; position: relative; text-transform: none; }
.acrdnTabView .magic-accordion .head.active { background: #6d0fc5 !important; border-bottom: 1px solid #cccccc; color: #fff; }
.acrdnTabView .magic-accordion .body { padding: 10px; font-size: 0.8125em; }
.acrdnTabView .magic-accordion .head i { float: right; position: absolute; right: 10px; top: calc(50% - 8px); }
.acrdnTabView .magicaccordion1 .desc { word-break: break-all; }
.mobileShow { display: none; }

/* e_tabs */
.e_tabs .name-77 { font-size: initial; }
.e_accordion .blrContent { font-size: initial; }


/*Testimonial*/

.tstmBlock { padding: 16px; background: #f3f3f3; border: solid 1px #e4e4e4; margin-bottom: 20px; position: relative; text-align: center; }


@media screen and (max-width:767px) {
    .mobileShow { display: block; }

    .mobileHide, .mobileHideTab { display: none; }
}

.acrdnTabView .resp-tab-content { display: none; padding: 15px; }
.acrdnTabView .resp-content-active,
.acrdnTabView .resp-accordion-active { display: block; }
.acrdnTabView h2.resp-accordion { cursor: pointer; padding: 5px; display: none; padding: 14px 14px; cursor: pointer; color: #212121 !important; margin-bottom: 0px; border-bottom: solid 4px #6d0fc5; background: #ffffff !important; letter-spacing: 0px; min-width: 20%; margin-right: 8px; font-weight: normal; text-align: center; }
.acrdnTabView h2.resp-tab-active { margin-bottom: 0px !important; padding: 14px 14px; cursor: pointer; margin-bottom: 0px; border-bottom: solid 4px #6d0fc5 !important; letter-spacing: 0px; min-width: 20%; margin-right: 8px; background: #6d0fc5 !important; color: #fff !important; }
.acrdnTabView .resp-easy-accordion h2.resp-accordion { display: block; }
.acrdnTabView .resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }
.acrdnTabView .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
.acrdnTabView .resp-jfit { width: 100%; margin: 0px; }
.acrdnTabView .resp-tab-content-active { display: block; }
/*--------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 599px) {
    ul.resp-tabs-list { display: none!important; }
    h2.resp-accordion { display: block!important; }
    h2.resp-accordion.cstmTab2 { margin-bottom: 0px; }
    .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }
    .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; }
    .resp-accordion-closed { display: none !important; }
    .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
    .tabbedinfo .resp-tab-content { padding: 20px 5px; padding-top: 0; }
    .tabbedinfo .resp-tabs-container { margin-top: 0px; padding: 15px; padding-bottom: 20px; min-height: auto; }


    .homeWrp .eleBlock.e_html { height: auto!important; }
}


/*-----accordion-tab style2-----------*/
.tabMobTitle { display: none; }
.sideTabView { padding-top: 18px; padding-bottom: 18px; margin-top: 1px; }
.sideTabView .bulletHead + .fix-12-12 { max-width: 100%!important; width: 100% !important; }
.sideTabView .bulletHead + .fix-12-12 .fix-10-12 { width: 100%!important; max-width: 100%!important; }
.sideTabView .tabbedinfo { position: relative; min-height: 300px; }
.sideTabView .tabbedinfo .rightLinks { position: absolute; right: 0px; top: 0px; display: flex; height: 100%; width: 20%; text-align: left; align-items: center; border-left: 1px solid #dee2e6; }
.sideTabView .tabbedinfo ul.tabs { text-align: left; display: inline-block; width: 100%; }
.sideTabView .tabbedinfo .resp-tabs-container { display: inline-block; float: left; width: 80%; text-align: left; padding-right: 35px; padding-left: 35px; }
.sideTabView .tabbedinfo .resp-tabs-container .innerModel img { margin-left: -35px; }


.sideTabView .tabs li:first-child { border-radius: 0px 0px 0 0; }
.sideTabView .tabs li:last-child { border-radius: 0 0 0px 0px; }
.sideTabView .tab-content ul.grid li { margin-bottom: 20px; }
.sideTabView ul.tabs { margin: 0px; padding: 0px; list-style: none; border-radius: 0px; border: 0px solid #fff; color: #fff; max-width: 100%; }
.sideTabView ul.tabs li { font-size: 0; margin: 0px 0px 0px -2px; border: none; padding: 0px 0px 0px 10px; }
.sideTabView ul.tabs li span { display: inline-block; font-size: 0; margin-top: 5px; border: none; padding: 5px 0px; text-align: left; }
.sideTabView ul.tabs li strong { letter-spacing: 0px; font-weight: 600; cursor: pointer; padding: 5px 0px 10px; display: inline-block; line-height: 1; font-size: 15px; }
/*.sideTabView ul.tabs li i { position: relative; display: inline-block; width: 100%; }
.sideTabView ul.tabs li i:after { width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; opacity: 0; -webkit-transition: 0.35s; transition: 0.35s; display: inline-block; content: ""; }*/

.sideTabView ul.tabs li span:hover,
.sideTabView ul.tabs li.resp-tab-active strong { }
.sideTabView ul.tabs li span:hover i:after,
.sideTabView ul.tabs li.resp-tab-active i:after { opacity: 1; }
.sideTabView .tabbedinfo:after { content: ""; clear: both; display: block; }

.sideTabView .innerModel p { font-size: 15px; }
.sideTabView .innerModel ul { padding-left: 30px; }
.sideTabView .innerModel ul li { list-style: disc; float: left; width: 45%; margin-bottom: 0 !important; margin-right: 40px; }
.sideTabView .magic-accordion { text-align: left; }
.sideTabView .magic-accordion .head { display: block; padding: 15px; font-size: 16px !important; letter-spacing: 0px; cursor: pointer; background: #fff !important; color: #212121; font-weight: normal; margin: 0; border-bottom: 4px solid #fcbe00; position: relative; text-transform: none; }
.sideTabView .magic-accordion .head.active { background: #fcbe00 !important; border-bottom: 1px solid #cccccc; color: #fff; }
.sideTabView .magic-accordion .body { padding: 10px; font-size: 0.8125em; }
.sideTabView .magic-accordion .head i { float: right; position: absolute; right: 10px; top: calc(50% - 8px); }
.sideTabView .magicaccordion1 .desc { word-break: break-all; }


.sideTabView .resp-tab-content { display: none; }
.sideTabView .resp-tab-active { border-left: 3px solid #ef7b7a!important; }
.sideTabView .resp-content-active,
.sideTabView .resp-accordion-active { display: block; }
.sideTabView h2.resp-accordion { cursor: pointer; padding: 5px; display: none; padding: 14px 14px; cursor: pointer; color: #212121 !important; margin-bottom: 0px; border-bottom: solid 4px #fcbe00; background: #ffffff !important; letter-spacing: 0px; min-width: 20%; margin-right: 8px; font-weight: normal; text-align: center; }
.sideTabView h2.resp-tab-active { margin-bottom: 0px !important; padding: 14px 14px; cursor: pointer; margin-bottom: 0px; border-bottom: solid 4px #fcbe00 !important; letter-spacing: 0px; min-width: 20%; margin-right: 8px; background: #fcbe00 !important; color: #fff !important; }
.sideTabView .resp-easy-accordion h2.resp-accordion { display: block; }
.sideTabView .resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }
.sideTabView .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
.sideTabView .resp-jfit { width: 100%; margin: 0px; }
.sideTabView .resp-tab-content-active { display: block; }
.sideTabView .resp-tabs-container { border-top: none; }


/*------ Stockist map and list--------------------*/
.e_stockists .grid.fixedSpaces { margin-left: 0; margin-right: 0; }
.stckstLft { background-color: #f3f3f3; }
.stckstRgt { padding-left: 0px!important; padding-right: 0px!important; }
.stckistMap { display: flex; flex-direction: column; justify-content: center; height: 425px; padding-left: 100px; }
.stckistMap h2 { font-size: 18px; margin: 5px 0px; letter-spacing: 0.09em; text-transform: uppercase; text-align: left; position: relative; color: #060606; }
.stckistMap h2:before { content: ""; width: 40px; border-top: 1px solid #b9b9b9; position: absolute; top: 10px; left: -70px; }
.stckistMap p { margin: 40px 0px 25px; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; }
.stckistMap .blueBtnAro { margin: 0px 10px; display: block; max-width: 325px; margin-top: 25px; background-color: #1f191b; color: #FFF; font-size: 12px; border: none; text-align: center; margin-left: 0px; margin-right: 0px; }

.pstcdInpt input[type="text"] { color: #000; margin-bottom: 8px; margin-top: 14px; font-size: 13px; display: inline-block; padding: 16px 15px 14px; background-color: #FFF; text-decoration: none; transition: .3s; line-height: 1.17; letter-spacing: 0.1em; border-radius: 0; text-align: center; margin: 0; text-transform: uppercase; text-align: center; max-width: 325px !important; margin-left: 0px !important; margin-right: 10px !important; }

.stckistPg { padding-left: 100px; padding-top: 50px; }
.stckistPg > p { font-size: 16px; opacity: .5; margin-bottom: 50px; }
.stckistPg h2.themeHead { font-size: 18px; margin: 5px 0px; letter-spacing: 0.09em; text-transform: uppercase; text-align: left; position: relative; margin-bottom: 50px; }
.stckistPg h2.themeHead:before { content: ""; width: 40px; border-top: 1px solid #b9b9b9; position: absolute; top: 10px; left: -70px; }

.stckist { min-height: 225px; margin-bottom: 60px; padding-bottom: 60px; }
.stkEqual { min-height: 110px; }
.miles { margin-bottom: 10px; display: inline-block; color: #f6bd52; }
.stckist h2 { font-size: 18px; margin: 5px 0px; text-align: left; min-height: 42px; }
.stckist a { font-family: 'Caboodle SemiBold', Sans-serif; color: #242424; }
.stckist a:hover { color: #ef7b7a; }
.stAdd { padding-right: 50px; }
.stPsd { white-space: nowrap; }
.stwb a { display: inline-block; padding: 15px 30px; font-size: 12px; text-transform: uppercase; color: #fff; background-color: #101010; font-family: 'Caboodle', Sans-serif; letter-spacing: 0.1em; }
.stwb a:hover { color: #fff; }


.contactPage { padding-top: 80px; }
.contactPage .cntctForm { padding-right: 30px; }
.cntctAddrs { padding-left: 80px!important; padding-top: 0px; }
.cntctAddrs h2 { font-size: 14px; margin: 5px 0px; letter-spacing: 0.09em; text-transform: uppercase; text-align: left; position: relative; margin-bottom: 30px; font-weight: bold; }
.cntctAddrs h2:before { content: ""; width: 40px; border-top: 1px solid #b9b9b9; position: absolute; top: 5px; left: -70px; }
.cntctPhne { font-size: 23px; opacity: 1; letter-spacing: 2px; color: #000; font-weight: bold; margin-bottom: 20px; margin-top: -10px; }
.contactPage .cntctPhne a { color: #000 !important; font-size: 18px; }
.cntctInfo { font-size: 12px; letter-spacing: 1px; margin-bottom: 55px; }
.cntctEmail { font-size: 12px; letter-spacing: 1px; font-weight: bold; word-break: break-all; }
.cntctEmail a { text-decoration: none; color: #000000; }

.nutriTable { width: 100%; /*max-width: 400px;*/ }
.custom-table th { padding: 15px 10px; border: 1px solid #f3f3f3; background-color: #f3f3f3; border-collapse: collapse; font-size: 15px; text-align: center; }
.custom-table td { padding: 8px 10px; border: 1px solid #f3f3f3; border-collapse: collapse; font-size: 13px; }
.custom-table td:last-child { font-weight: bold; }
.custom-table tr:nth-child(even) > td { background-color: #f3f3f3; }


.cntctSocial { padding: 0px; margin: 0px; margin-top: 10px; position: relative; }
/*.cntctSocial:before { content: ""; width: 40px; border-top: 1px solid #b9b9b9; position: absolute; top: 13px; left: -70px; }*/
.cntctSocial li { display: inline-block; margin-right: 10px; }
.cntctSocial li a { display: block; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #212121; text-align: center; line-height: 28px; color: #212121; }

.grid .cntctLft { float: left; background-color: #f3f3f3; }
.grid .cntctRgt { float: right; background-color: #000000; padding-left: 0px !important; padding-right: 0px !important; position: relative; text-align: center; overflow: hidden; }
.cntctRgt img { position: absolute; height: 100%; left: 0; right: 0; margin: auto; top: 0; }
.cntctRgt iframe { position: absolute; height: 100%; left: 0; right: 0; margin: auto; top: 0; width: calc(100% + 1px)!important; }
.cntctForm { padding: 50px 80px; }
.cntctForm h2, .cntctForm h1 { font-size: 17px; letter-spacing: 3px; color: #000; text-align: left; }
.cntctForm p { font-size: 12px; letter-spacing: 2px; }
.cntctForm .form-group label { font-size: 11px; letter-spacing: 1px; color: #000; font-weight: bold; margin-bottom: 10px; }
.cntctForm input[type="text"] { padding: 16px 16px; border: none; font-size: 12px; outline: none; border-radius: 5px; width: 100%; max-width: 100%; margin: 0px; }
.cntctForm textarea { font-size: 12px; margin: auto; }
.regButton { margin-top: 15px; width: 100%; background-color: #1f191b; font-size: 11px; }
.cntctForm h2, .cntctForm h1 { position: relative; }
.cntctForm h2:before, .cntctForm h1:before { content: ""; width: 40px; border-top: 1px solid #b9b9b9; position: absolute; top: 9px; left: -70px; }

/*-------- ucBusinessEnquiry --------*/
.dlryftr h4 { font-size: 16px; text-transform: capitalize; margin-bottom: 30px; }
.dlryftr p { font-size: 14px; line-height: 1.4; }
.dlryftr .Icon { float: left; width: 40px; display: inline-block; }
.dlryftr .Icon i { font-size: 30px; color: #ef7b7a; }
.dlryftr .Icon i.fa.fa-truck { -ms-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.dlryftr .ftrBox { float: left; display: inline-block; width: calc(100% - 50px); text-align: left; }
.dlryftr .ftrBox h2 { margin: 0px; display: inline; font-size: 15px; margin-right: 5px; text-align: left; }


.dlrTooltip { display: inline-block; position: relative; text-align: left; }
.dlrTooltip .left2 { min-width: 250px; top: -395%; right: 100%; margin-right: -126px; transform: translate(0, -50%); padding: 20px; color: #444444; background-color: #FFFFFF; font-weight: normal; font-size: 13px; border-radius: 2px; position: absolute; z-index: 99999999; box-sizing: border-box; box-shadow: 0 1px 8px rgba(0,0,0,0.5); display: none; }
.dlryftr .grid [class*='col-']:nth-child(2) .dlrTooltip .left2 { top: -440%; }
.dlryftr .grid [class*='col-']:nth-child(3) .dlrTooltip .left2 { top: -660%; }
.dlrTooltip:hover .left2 { display: block; }
.dlrTooltip .left2 i { position: absolute; left: 50%; top: 100%; width: 12px; height: 24px; overflow: hidden; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-top: -6px; }
.dlrTooltip .fa-info-circle { color: #ef7b7a; }
.dlrTooltip .left2 i::after { content: ''; position: absolute; width: 12px; height: 12px; left: 0; top: 50%; transform: translate(-50%,-50%) rotate(-45deg); background-color: #FFFFFF; box-shadow: 0 1px 8px rgba(0,0,0,0.5); }
.dlrTooltip .left2 ul li { list-style: none; position: relative; }
.dlrTooltip .left2 ul div b { color: #000; font-size: 15px; line-height: 1.3; }
.dlrTooltip .left2 ul li:before { content: ""; background-color: #696969; width: 4px; height: 4px; display: inline-block; border-radius: 50%; position: absolute; top: 6px; left: -10px; }

/*-------- ucBusinessEnquiry --------*/
.brocContact { /*height: 610px; overflow: hidden;*/ margin-bottom: 100px; }
.brocContact .cntctLft .buButton { max-width: 100%; margin-top: 30px; }
.brocContact .cntctLft .cntctForm h2:before { left: -58px; }
.brocContact .cntctLft .cntctForm .form-group label { margin-top: 24px; margin-bottom: 13px; }
.brocContact .cntctLft .cntctForm input[type="text"] { border-radius: 0px; }
.brocContact .cntctLft .cntctForm .form-group textarea { margin: 0; border-radius: 0px; padding: 19px 18px 17px; border: none; font-size: 12px; outline: none; width: 100%; max-width: 100%; }

.cntctNm { margin-bottom: 100px; margin-left: 80px; }
.cntctNm .busLink .blueButton02 { margin: 0; text-transform: uppercase; font-weight: bold; width: 250px; text-align: center; border-color: #000; color: #000; }
.cntctNm .busLink .blueButton02:hover { color: #fff !important; }
.cntctNm .busNmbr a { color: #000; font-weight: bold; text-transform: uppercase; display: inline-block; letter-spacing: 0.2em; }
.cntctNm .callMail { font-size: 10px; margin-top: 15px; }

.e_brochuredownload .brocContact { background: #f3f3f3; /*height: 600px;*/ }

/*.fix-12-12 .col-12-12 .e_latestproductslider .sliderWrap,
.fix-12-12 .col-12-12 .e_latestproductslider .product-slider { overflow: inherit; }
.fix-12-12 .col-12-12 .e_latestproductslider .swiper-button-next,
.fix-12-12 .col-12-12 .e_latestproductslider .swiper-container-rtl .swiper-button-prev { right: -55px; }
.fix-12-12 .col-12-12 .e_latestproductslider .swiper-button-prev,
.fix-12-12 .col-12-12 .e_latestproductslider .swiper-container-rtl .swiper-button-next { left: -55px; right: auto; }*/


.cstmRdo { position: relative; width: 20px; height: 20px; margin: 5px auto; }
.cstmRdo input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; width: 100%; height: 100%; margin: 0; left: 0; top: 0; z-index: 9; }
.cstmRdo .radioMark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #eee; border-radius: 50%; margin: 0; }
.cstmRdo .radioMark:after { content: ""; position: absolute; top: 5px; left: 5px; width: 10px; height: 10px; border-radius: 50%; background: white; display: none; }
.cstmRdo:hover input[type="radio"] ~ .radioMark { background-color: #ccc; }
.cstmRdo input[type="radio"]:checked ~ .radioMark { background-color: #ef7b7a; }
.cstmRdo input[type="radio"]:checked ~ .radioMark:after { display: block; }

/*Payment*/
.paypal { text-align: left; padding: 30px; margin-bottom: 20px; -webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,.07); -moz-box-shadow: 0 0 14px 0 rgba(0,0,0,.07); box-shadow: 0 0 14px 0 rgba(0,0,0,.07); }
.paypal .cstmRdo { width: auto; height: auto; display: inline-block; background-color: transparent!important; }
.paypal .cstmRdo:hover input[type="radio"] ~ .radioMark { background-color: transparent!important; }
.paypal .cstmRdo input[type="radio"]:checked ~ .radioMark { background-color: transparent!important; }
.paypal .cstmRdo .radioMark { width: 100%; height: 100%; z-index: 8; background-color: transparent; border-radius: 0px; }
.paypal .cstmRdo input:checked { background-color: transparent; border-radius: 0px; }
.paypal .cstmRdo input:checked + .radioMark:before { content: ""; display: block; width: 25px; height: 25px; background-color: #fff; border-radius: 50%; -webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); border: 1px solid #ccc; position: absolute; top: -6px; left: -6px; }
.paypal .cstmRdo input[type="radio"]:checked ~ .radioMark:after { content: "\f00c"; font-family: FontAwesome; font-size: 16px; color: #ef7b7a; position: absolute; left: -1px; top: -2px; background-color: transparent; }
.paypal a { display: inline-block; }
.paypal .hd-txt { font-size: 15px; display: block; margin-bottom: 15px; font-weight: 600; }

.paypal .redBTN { font-size: 14px; text-transform: uppercase; color: #ffffff; padding: 10px 25px; background-color: #ef7b7a; border-radius: 3px; text-align: center; width: auto; max-width: 200px; margin: 10px auto 0px; }

.pymntCrds .card { display: inline-block; margin-right: 9px; margin-bottom: 15px; position: relative; }
.pymntCrds { text-align: left; }





.paypal .input input { margin: 0px; border: 1px solid!important; border-color: rgba(41,41,41,0.2) !important; max-width: 100% !important; font-family: 'HKGrotesk', sans-serif!important; }
.paypal select { font-weight: normal; }
.paypal label { margin-top: 10px; min-height: 19px; }

.paypal .errMsg { font-size: 12px; padding: 0; line-height: 1.5; }

.myPopupPay { background: #fff; padding: 20px; text-align: center; -webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.10); box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.10); border-radius: 5px; }
.myPopupPay h1,
.myPopupPay p { text-align: center; }
.myPopupPay h1, .myPopupPay h2 { font-size: 20px; }
.redtx { color: #ef7b7a; font-weight: bold; }
.green-tick { color: #4caf50; text-align: center; font-size: 50px; }
.proDescLines { }
.mealWishlist .fvrtflipper a { color: #ef7b7a; }
.mealWishlist .fvrtflipper a:hover .fa-heart-o:before { content: "\f004"; }

.mobSideBarOpen, .mobSideBarOpen body { overflow: hidden !important; height: 100%; }
.zoomPopOpen .scroll .container { height: 100vh; }

.table-responsive { overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; overflow-x: auto; }


.paymentStatus { background-image: url(../images/floralBG.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; /*margin-top: -1px;*/ min-height: 600px; }
/*.paymentStatus:before { content: ""; background-image: url(../images/floralTop.png); background-position: left top; background-repeat: no-repeat; background-size: cover; width: 400px; height: 301px; display: inline-block; position: absolute; top: 0px; left: 0px; }
.paymentStatus:after { content: ""; background-image: url(../images/floralBottom.png); background-position: right bottom; background-repeat: no-repeat; background-size: cover; width: 200px; height: 300px; display: inline-block; position: absolute; bottom: 0px; right: 0px; }*/


.succsTop { text-align: center; margin: 100px auto; background: rgba(255, 255, 255, 0.90); padding: 30px; width: 750px; max-width: 95%; }
.succsTop .relative { /*padding-left: 110px;*/ }
.succsTop .tickIcon { display: inline-block; text-align: center; color: #F44336; position: absolute; left: -80px; top: -80px; z-index: -1; opacity: 0.5; transform: rotate(25deg); }
.succsTop .tickIcon .fa { font-size: 215px; }
.succsTop .usrnm { margin: 0px; font-size: 18px; }
.succsTop .usrnm span { display: block; color: #3f3f3f; font-size: 25px; }
.succsTop h2 { font-size: 17px; font-weight: normal; color: #767676; letter-spacing: 0.03em; display: inline-block; width: 100%; }
.succsTop h2 strong { color: #000; }
.succsTop p { font-size: 14px; letter-spacing: 0.03em; color: #3f3f3f; line-height: normal; }
.succsTop a { font-size: 15px; letter-spacing: 1px; color: #ef7b7a; text-decoration: underline; font-weight: bold; display: inline-block; margin: 10px auto; vertical-align: middle; padding: 0px 5px; }
.succsTop a span.material-icons { display: inline-block; vertical-align: middle; margin-right: 5px; font-size: 21px; }

/*.succsTop p span { display: block; margin-top: 20px; }
.succsTop p span strong { font-size: 23px; }
.succsTop p strong { color: #888; font-size: 23px; font-weight: bold; display: inline-block; border-top: 1px dashed #ccc; padding: 5px 35px 10px; border-bottom: 1px dashed #ccc; }
.succsTop p strong a { color: #888; }
.succsTop p strong:hover a { color: #ef7b7a; }*/

.successBnr { display: block; font-family: 'Dementor', sans-serif; text-align: center; font-size: 90px; color: #ef7b7a; font-weight: normal; line-height: 0.6; margin-top: 0; margin-bottom: 25px; }
.successBnr .fa { font-size: 100px; -ms-transform: rotate(-15deg); transform: rotate(-10deg); display: block; margin-bottom: 15px; }

.BlockError .succsTop { }

.BlockSuccess .proFileTbl { padding: 0px !important; }
.discountSec .inputIcon { border: 1px solid #e6e6e6; }
.discountSec .inputIcon:after { content: ""; display: block; clear: both; }
.discountSec .gift::before { top: 9px; left: 10px; right: auto; font-size: 18px; color: #ef7b7a; line-height: 1; }
.discountSec input[type="text"] { text-transform: uppercase; width: calc(100% - 110px); vertical-align: middle; display: inline-block; margin: auto; font-size: 13px; padding: 10px; padding-left: 35px; font-family: 'HKGrotesk', sans-serif!important; font-weight: 600!important; max-width: 100%; float: left; }
.discountSec input[type="text"]::-webkit-input-placeholder { color: #ccc; }
.discountSec input[type="text"]:-ms-input-placeholder { color: #ccc; }
.discountSec input[type="text"]::placeholder { color: #ccc; }

.discountSec input[type="submit"] { padding: 12px 15px; display: inline-block; float: right; background-color: #212121; font-size: 11px; color: #FFF; text-transform: uppercase; letter-spacing: 1px; vertical-align: middle; border: none; margin: auto; width: 110px; text-align: center; cursor: pointer; height: 37px; }

.discountSec input:focus { border: none; box-shadow: none; outline: none; }

.discountSec input[type="text"].errorCSS::-webkit-input-placeholder { color: #000; }
.discountSec input[type="text"].errorCSS:-ms-input-placeholder { color: #000; }
.discountSec input[type="text"].errorCSS::placeholder { color: #000; }


.discountSec:after { content: ""; display: block; clear: both; }
.discountSec .ccCode { text-align: left; font-family: 'HKGrotesk', sans-serif!important; font-weight: 500!important; font-size: 14px; padding: 15px 15px; background: #f7f7f7; border-radius: 5px; }
.discountSec .ccCode span { display: inline-block; width: calc(100% - 22px); vertical-align: top; font-size: 13px; padding-left: 5px; }
.discountSec .ccCode .fa-check-circle { font-size: 20px; color: #4caf50; vertical-align: top; }
.discountSec .ccCode .fa-frown-o { color: #ef7b7a; font-size: 17px; vertical-align: middle; }
.discountSec .ccCode .ccCls { text-align: center; font-size: 17px; color: #ff0000; vertical-align: top; position: relative; padding: 1px 5px 5px; }
.discountSec .ccCode .ccCls input { color: transparent; background: transparent; border: none !important; padding: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.shippingWrap { display: block; width: 100%; padding-left: 30px; position: relative; }
.shippingWrap:after { content: ""; display: block; clear: both; }
.shippingWrap .shipLft { font-weight: bold; width: 60px; float: left; }
.shippingWrap .shipLft p { font-weight: bold; }
.shippingWrap .shipRgt { width: calc(100% - 60px); float: right; }
.shipTtl { font-weight: bold; margin-bottom: 20px; }
.shippingWrap .cstmRadio { display: block; position: absolute; left: 0px; top: 10px; width: 20px; height: 20px; }
.shippingWrap .cstmRadio input { opacity: 0; position: absolute; width: 20px; height: 20px; top: 0; left: 0; }
.shippingWrap .cstmRadio label { width: 20px; height: 20px; border-radius: 50%; border: 1px solid #ccc; margin: 0px; }
.shippingWrap .cstmRadio input:checked + label:before { content: ""; display: block; width: 10px; height: 10px; background-color: #ef7b7a; border-radius: 50%; top: 5px; position: absolute; left: 5px; }

.resetPass .popupContent .pad { /*padding: 50px;*/ box-shadow: none; }
.resetPass .tickIcon { display: inline-block; width: 60px; height: 60px; border: 3px solid #4caf50; color: #4caf50; border-radius: 50px; text-align: center; }
.resetPass .tickIcon .fa { font-size: 30px; line-height: 1.9; }
.resetPass p { text-align: center; font-size: 14px; line-height: normal; }

.thnk_popup .tickIcon { margin: 15px; display: inline-block; width: 60px; height: 60px; border: 3px solid #4caf50; color: #4caf50; border-radius: 50px; text-align: center; }
.thnk_popup .tickIcon .fa { font-size: 30px; line-height: 1.9; }

.thnk_popup p { margin: 10px auto; }

.offerPopup { background: rgba(0, 0, 0, 0.4); }
.offerPopup .popupContent { max-width: 600px; }
.offerPopup .popupContent .pad { padding: 30px !important; border: 0px solid #9c9c9c; }
.offerPopup .popupContent .pad p { margin-top: 0px; padding: 0px !important; margin-bottom: 5px; text-align: left; line-height: 1.4; font-size: 13px; min-height: 50px; }
.offerPopup .popupContent .pad h2 { text-align: left; margin-top: 0px; margin-bottom: 20px; font-size: 20px; display: inline-block; width: 100%; padding: 10px 0px; padding-top: 0px; }
.offerPopup .popupContent .pad h2 .numbers { font-weight: bold; }
.offerPopup .emailInpt { position: relative; margin-bottom: 20px; }
.offerPopup .emailInpt input { padding: 12px 15px 12px 0px !important; height: auto !important; border: 0px !important; box-shadow: none; border-bottom: 2px solid #d9d9d9 !important; color: #000 !important; margin: 0px !important; max-width: 100%; border-radius: 0; font-size: 14px; }
.offerPopup .emailInpt a { background-color: #ef7b7a; color: #fff; padding: 10px; line-height: normal; display: inline-block; width: 100%; margin-top: 20px; text-transform: uppercase; font-size: 14px; letter-spacing: 0.06em; }
.resultButton { text-align: center; }
.resultButton a { font-size: 14px; color: #ef7b7a; }

.slideWithlnk .blueButton02,
.slideWithlnk .blueButton02:hover { background-color: transparent; color: #fff; padding-left: 0px; padding-right: 0px; padding: 10px 10px; margin-top: 0px; font-size: 16px; }

.slideWithbtn .blueButton02 { font-size: 13px; display: inline-block; padding: 15px 30px; margin-top: 15px; background-color: #FFF; color: #1c1b1b; text-decoration: none; transition: .3s; letter-spacing: 0.1em; }
.slideWithbtn .blueButton02:hover { }






.slideWithNone .blueButton02 { display: none; }


.slideWithBxlnk .blueButton02 { background-color: transparent; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: inline-block; width: 100%; height: 100%; padding: 0px; margin: 0px; }
.slideWithBxlnk .blueButton02 span { background-color: transparent; position: absolute; left: 18px; bottom: 50px; }
.slideWithBxlnk .blueButton02:hover { background-color: transparent; }
.section-subtitle { margin: 0; padding: 0; font-family: Georgia,serif; font-size: 17px; line-height: 1.647058823529412em; font-weight: 400; font-style: italic; text-align: left; color: #888; }

.sidePanel { background-color: #212121; }
.sidePanel p { font-size: 13px; color: #fff; line-height: 1.5; }
ul.sideSocial { display: block; margin: 0px; padding: 0px; }
ul.sideSocial li { display: inline-block; margin: auto; padding: 0px; margin-right: 20px; }
ul.sideSocial li:last-child { margin-right: 0px; }

.sideSocial a { color: #fff!important; font-size: 20px; }
.sideSocial a:hover { color: #fff!important; font-size: 20px; margin: 0px; padding: 0px; }
.sidebar.sidePanel .menu { margin-top: 30px; margin-bottom: 30px; }
.sidebar.sidePanel .menu li { list-style: none; }
.sidebar.sidePanel .menu a { color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: .5px; line-height: 30px; }

.homeSocial { display: none; }


.undrln { position: relative; }
.undrln:after { background: url(https://www.imagicalcreations.com/images/underline.svg) no-repeat; background-size: 50% 3px; content: ""; position: absolute; bottom: 0px; left: 0; display: block; width: 100%; height: 3px; }
.R180D { transform: rotateZ(180deg); }

.rateIcon .fa { margin-right: 2px; color: #ccc; }
.rateIcon .fa.fa-star { color: #FFD700; }

.blckHead { margin-top: 85px; }



/*FREE SEARCH RESULT BOX*/

.srchHdr input[type="text"] { -moz-transition-delay: 30ms; -o-transition-delay: 30ms; -webkit-transition-delay: 30ms; transition-delay: 30ms; -moz-transition: border-color 300ms,border-radius 300ms; -o-transition: border-color 300ms,border-radius 300ms; -webkit-transition: border-color 300ms,border-radius 300ms; transition: border-color 300ms,border-radius 300ms; }
.srchHdr.srcFocs input { /*border-bottom-right-radius: 0; border-bottom-left-radius: 0;*/ }
.srchHdr.srcFocs .dvSearchBx { /*border-top: 0px;*/ }


.srchHdr label { font-size: 12px; font-weight: bold; margin: 0px; position: absolute; left: 23px; top: 18px; }
.srchHdr label i { margin-right: 10px; color: #CCC; }
.srchHdr .micIcn { float: left; width: 32px; position: absolute; left: 4px; top: 9px; height: 32px; border-radius: 50%; text-align: center; -moz-transition-delay: 30ms; -o-transition-delay: 30ms; -webkit-transition-delay: 30ms; transition-delay: 30ms; -moz-transition: border-color 300ms,border-radius 300ms; -o-transition: border-color 300ms,border-radius 300ms; -webkit-transition: border-color 300ms,border-radius 300ms; transition: border-color 300ms,border-radius 300ms; }
.srchHdr .micIcn button { background-color: transparent; border: none; font-size: 14px; color: #fff; }
.srchHdr .micIcn button:focus { border: none; outline: none; }
.srchHdr .srchIcn { position: absolute; top: 6px; left: 10px; font-size: 14px; }
.srchHdr .srchIcn i { font-size: 14px; }

.srchHdr .fa-microphone { right: 30px; position: relative; font-size: 18px; }
.searchCnt .tagnew { display: inline-block; border-radius: 8px; font-size: 10px; padding: 0 2px!important; }
.searchCnt .tagused { display: inline-block; border-radius: 8px; font-size: 10px; padding: 0 2px!important; }
.ftrRslt { text-align: left; padding: 15px 20px; border-bottom: 1px solid #e6e6e6; margin-bottom: 5px; }
.ftrRslt span { font-size: 14px; letter-spacing: 0.09em; margin-right: 5px; display: inline-block; vertical-align: middle; }
.ftrRslt a { line-height: normal; color: #ef7b7a; text-transform: initial; float: right; font-size: 14px; display: inline-block; vertical-align: middle; }
span.highlight { font-weight: 700; color: #ef7b7a; }


.dvSearchBx { background: #fff; position: absolute; /*top: 40px;*/ top: 62px; left: 0px; z-index: 99999; display: inline-block; width: 320px; border: 1px solid #e6e6e6; }
.dvSearchBx .ResultWrap { background: #c0c0c0; height: 60px; position: relative; }
.dvSearchBx .ResultWrap .aro_crn { width: 30px; height: 12px; position: absolute; top: -10px; right: 0px; text-align: left; }
.dvSearchBx .ResultWrap p { color: #fff; font-size: 18px; text-transform: uppercase; padding: 20px 10px 0px 20px; text-align: left; }
.dvSearchBx .ResultWrap p span { color: #000; }
.dvSearchBx .ResultList { height: 330px; overflow: auto; padding: 0px; width: 100%; padding-right: 0px; padding-bottom: 3px; }
.dvSearchBx .ResultList .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { margin-right: -1px; }
.dvSearchBx .ResultList .mCSB_scrollTools .mCSB_draggerRail { margin-right: 0; }
.dvSearchBx .ResultList .mCSB_scrollTools .mCSB_draggerContainer { right: 4px; }
.dvSearchBx .ResultList .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #868686; background-color: rgb(134 134 134 / 60%); }
.dvSearchBx .ResultList .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #ccc; background-color: rgb(134 134 134 / 60%); }


.dvSearchBx ul.prolist_secBX { padding: 0px; margin: 0px; list-style: none; margin-right: -5px; }
.dvSearchBx ul.prolist_secBX li { width: 100%; padding: 15px 20px; border-bottom: 1px solid #efefef; }
.dvSearchBx ul.prolist_secBX li:last-child { border-bottom: none; }
.dvSearchBx ul.prolist_secBX li:hover { background-color: #f5f5f5; }
.dvSearchBx ul.prolist_secBX li:after { clear: both; display: block; content: ""; }
.dvSearchBx ul.prolist_secBX li > a { display: block; text-align: left; }
.dvSearchBx .searchImg { width: 60px; text-align: center; display: inline-block; vertical-align: top; margin-right: 15px; }
.dvSearchBx .searchImg img { font-size: 12px; color: #000000; }
.dvSearchBx .searchCnt { width: calc(100% - 76px); text-align: left; display: inline-block; white-space: normal; vertical-align: top; }
.dvSearchBx .searchCnt p.parra { display: inline-block; width: 100%; font-weight: 600; margin: auto; line-height: 1.2; text-transform: initial; font-size: 13px; }
.dvSearchBx .searchCnt p.parra b { font-family: 'Caboodle BOLD', Arial,sans-serif; display: block; margin-top: 7px; }
.dvSearchBx .searchCnt .pro_rate { font-weight: bold; }
.dvSearchBx .searchCnt .pro_rate span { font-size: 27px; color: #cc0000; display: inline-block; border-right: solid 2px #ccc; float: left; margin: 0px; padding-right: 12px; margin-right: 12px; }
.dvSearchBx .searchCnt .pro_rate span sub { font-size: 13px; bottom: 0px; }
.dvSearchBx .searchCnt .pro_rate a.view { float: left; font-size: 14px; color: #0060a1; display: inline-block; text-decoration: none; }
.dvSearchBx .searchCnt .pro_rate a.view i { color: #0060a1; }
.dvSearchBx .searchCnt .line-through-text { text-decoration: line-through; margin-left: 10px; vertical-align: middle; display: inline-block; }

/*FREE SEARCH RESULT BOX*/

.fs0 { font-size: 0px; }

.trmInfo { max-width: 1000px; margin: 13px auto; }
.trmInfoBg { background-color: #fff; text-align: center; padding: 20px 15px; -webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,.07); -moz-box-shadow: 0 0 14px 0 rgba(0,0,0,.07); box-shadow: 0 0 14px 0 rgba(0,0,0,.07); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.trmInfoBg .trIcon { background-color: #ef7b7a; color: #fff; width: 30px; height: 30px; line-height: 30px; font-size: 15px; margin: auto; border-radius: 50px; display: inline-block; text-align: center; margin-right: 10px; vertical-align: middle; }
.trmInfoBg h3 { font-size: 15px; display: inline-block; vertical-align: middle; }
.trmInfoBg p { text-align: center; line-height: 1.2; font-size: 12px; margin: 10px auto; }
.trmInfoBg a { color: #ef7b7a; font-size: 14px; font-weight: 600; display: inline-block; position: relative; padding: 10px 5px; margin: auto; }
.trmInfoBg a:before { content: ""; width: 0%; height: 1px; background-color: #ef7b7a; position: absolute; bottom: 0px; left: 0px; right: 0px; margin: auto; transition: .5s; }
.trmInfoBg a:hover:before { width: 100%; transition: .5s; }

.productNote { font-size: 12px; color: #8c8585; font-style: italic; line-height: 16px; margin-top: 10px; margin-bottom: 20px; }

.flickity-enabled { position: relative; }

.flickity-enabled:focus { outline: none; }

.flickity-viewport { overflow: hidden; position: relative; height: 100%; }

.flickity-slider { position: absolute; width: 100%; height: 100%; }

/* draggable */

.flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }

/* ---- previous/next buttons ---- */

.flickity-prev-next-button { position: absolute; top: 50%; width: 25px; height: 44px; border: none; background: #fff !important; cursor: pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.flickity-prev-next-button:hover { background: white; }
.flickity-prev-next-button:focus { outline: none; }
.flickity-prev-next-button:active { opacity: 0.6; }
.flickity-prev-next-button.previous { left: 0px; }
.flickity-prev-next-button.next { right: 0px; }
.flickity-prev-next-button:disabled { opacity: 0.3; cursor: auto; }
.flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; }
.flickity-prev-next-button .arrow { fill: #333; }


/*.carousel { background: #F6F6F6; }*/
.carousel-main { margin-bottom: 4px; }
.carousel-main img { display: block; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.carousel-cell { width: 100%; height: 590px; /*margin-right: 8px;  counter-increment: carousel-cell; */ overflow: hidden; }
.carousel-nav .flickity-slider { display: block; margin: 0px -4px!important; width: calc(100% + 4px); font-size: 0; }
.carousel-nav .carousel { background: transparent; }
.carousel-nav .carousel-cell { width: 25%; margin: 0; height: auto; padding-left: 2px; padding-right: 2px; }


/*! PhotoSwipe Default UI CSS */
.pswp__button { width: 44px; height: 44px; position: relative; background: 0; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: .75; -webkit-transition: opacity .2s; transition: opacity .2s; -webkit-box-shadow: none; box-shadow: none; }
.pswp__button:focus, .pswp__button:hover { opacity: 1; }
.pswp__button:active { outline: 0; opacity: .9; }
.pswp__button::-moz-focus-inner { padding: 0; border: 0; }
.pswp__ui--over-close .pswp__button--close { opacity: 1; }
.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(../images/iconSkin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; }

.lst-autofill { padding: 0px; border: 1px solid #dadada; font-size: 14px; }
.lst-autofill > div { padding: 5px 15px; transition: .3s; background-color: #FFF; border-bottom: 1px solid #efefef; }
.lst-autofill > div:hover { transition: .3s; background-color: #e6e6e6; }
.lst-autofill > div:last-child { border-bottom: 0px; }

@media(-webkit-min-device-pixel-ratio:1.1), (-webkit-min-device-pixel-ratio:1.09375), (min-resolution:105dpi), (min-resolution:1.1dppx) { .pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before;
{ background-image: url(../images/iconSkin.svg); }
.pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: 0; }
}
.pswp__button--close { background-position: 0 -44px; }
.pswp__button--share { background-position: -44px -44px; }
.pswp__button--fs { display: none; }
.pswp--supports-fs .pswp__button--fs { display: block; }
.pswp--fs .pswp__button--fs { background-position: -44px 0; }
.pswp__button--zoom { display: none; background-position: -88px 0; }
.pswp--zoom-allowed .pswp__button--zoom { display: block; }
.pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; }
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; }
.pswp__button--arrow--left, .pswp__button--arrow--right { background: 0; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; }
.pswp__button--arrow--left { left: 0; }
.pswp__button--arrow--right { right: 0; }
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0,0,0,0.3); height: 30px; width: 32px; position: absolute; }
.pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; }
.pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; }
.pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pswp__share-modal { display: block; background: rgba(0,0,0,0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; }
.pswp__share-modal--hidden { display: none; }
.pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25); box-shadow: 0 2px 5px rgba(0,0,0,0.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform .25s; transition: transform .25s; -webkit-backface-visibility: hidden; will-change: transform; }
.pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px; }
.pswp__share-tooltip a:hover { text-decoration: none; color: #000; }
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0; }
.pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; }
.pswp__share-modal--fade-in { opacity: 1; }
.pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.pswp--touch .pswp__share-tooltip a { padding: 16px 12px; }
a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; }
a.pswp__share--facebook:hover { background: #3e5c9a; color: #FFF; }
a.pswp__share--facebook:hover:before { border-bottom-color: #3e5c9a; }
a.pswp__share--twitter:hover { background: #55acee; color: #FFF; }
a.pswp__share--pinterest:hover { background: #CCC; color: #ce272d; }
a.pswp__share--download:hover { background: #DDD; }
.pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: .75; padding: 0 10px; }
.pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; }
.pswp__caption small { font-size: 11px; color: #BBB; }
.pswp__caption__center { text-align: center; max-width: 1200px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC; }
.pswp__caption--empty { display: none; }
.pswp__caption--fake { visibility: hidden; }
.pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; will-change: opacity; direction: ltr; }
.pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; }
.pswp__preloader--active { opacity: 1; }
.pswp__preloader--active .pswp__preloader__icn { background: url(../images/preloader.gif) 0 0 no-repeat; }
.pswp--css_animation .pswp__preloader--active { opacity: 1; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4,0,0.22,1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4,0,0.22,1) infinite; }
.pswp--css_animation .pswp__preloader__icn { background: 0; opacity: .75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; }
.pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: 0; margin: 0; }

@media screen and (max-width:1024px) {
    .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; }
}

@-webkit-keyframes clockwise {
    0 { -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes clockwise {
    0 { -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes donut-rotate {
    0 { -webkit-transform: rotate(0); transform: rotate(0); }
    50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); }
    100% { -webkit-transform: rotate(0); transform: rotate(0); }
}

@keyframes donut-rotate {
    0 { -webkit-transform: rotate(0); transform: rotate(0); }
    50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); }
    100% { -webkit-transform: rotate(0); transform: rotate(0); }
}

.pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; }
.pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; }
.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); }
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; }
.pswp__top-bar, .pswp__caption { background-color: rgba(0,0,0,0.5); }
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0,0,0,0.3); }
.pswp__ui--idle .pswp__top-bar { opacity: 0; }
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; }
.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { opacity: .001; }
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; }
.pswp__element--disabled { display: none !important; }
.pswp--minimal--dark .pswp__top-bar { background: 0; }

/* PhotoSwipe main CSS */
.pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: 0; }
.pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.pswp img { max-width: none; }
.pswp--animate_opacity { opacity: .001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); }
.pswp--open { display: block; }
.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; }
.pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; }
.pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; }
.pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4,0,0.22,1); transition: transform 333ms cubic-bezier(0.4,0,0.22,1); }
.pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); }
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; }
.pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; }
.pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }
.pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; }
.pswp__img--placeholder { -webkit-backface-visibility: hidden; }
.pswp__img--placeholder--blank { background: #222; }
.pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; }
.pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; }
.pswp__error-msg a { color: #CCC; text-decoration: underline; }
.pswp__button--share { display: none !important; }
.pswp__counter { font-family: 'HKGrotesk', sans-serif; }
/*  /////     PhotoSwipe  end /////   */

.show { }
#show-img { }

.sliderPrev { z-index: 99; }
.detailimg { position: relative; }
.detailimg .flickity-viewport { min-height: 590px; }
.detailimg .carousel-nav .flickity-viewport { min-height: 130px; }
.crossHair { display: none!important; }
.sliderPrev img { max-width: initial; }


.actLinks { border: 1px solid #e6e6e6; }
.actLinks ul { border-bottom: 1px solid #e6e6e6; padding-bottom: 5px; margin-bottom: 5px; }
.actLinks ul li { padding: 10px 15px; list-style: none; }
.actLinks ul li a { font-size: 13px; font-weight: 600; display: inline-block; color: #101010; }
.actLinks ul:last-child { border: none; margin-bottom: 0px; padding-bottom: 0px; }
.actLinks ul li.active a { color: #ef7b7a; }

.actBox { margin-bottom: 20px; padding: 40px; background: #f7f7f7; }
.actBox .pageTitle { margin-top: 0px; margin-bottom: 40px; font-size: 14px; }

.actBox .shipInfo input[type="text"],
.actBox .shipInfo input[type="password"],
.actBox .shipInfo textarea,
.actBox .shipInfo select { padding: 10px 15px 10px; font-size: 13px; border: 1px solid #e6e6e6; }

.accInfoTxt { text-align: left; }
.accInfoTxt label { margin-top: 0px; font-size: 13px; font-weight: 600; margin-bottom: 15px; }
.accInfoTxt ul { margin: 15px auto; min-height: 40px; }
.accInfoTxt ul li { margin-top: 0px; font-size: 13px; font-weight: 500; margin-bottom: 5px; list-style: none; }

.infoEdit { /*margin-bottom: 15px;*/ }
.infoEdit a { display: inline-block; font-size: 13px; font-weight: 500; margin-bottom: 5px; margin-right: 15px; }

.accInfo .pageTitle .actBoxCls { float: right; color: #888; display: inline-block; }
.accInfo .pageTitle .actBoxCls a { color: #101010; -webkit-transition: transform .35s ease; -moz-transition: transform .35s ease; transition: transform .35s ease; display: inline-block; }
.accInfo .pageTitle .actBoxCls:hover a { color: #ef7b7a; transform: rotate(180deg); }

.accInfoEdit { }
.accInfoEdit label { padding-left: 2px; font-size: 13px; font-weight: 600; margin-bottom: 5px; margin-top: 0; }
.accInfoEdit .pageTitle { margin-bottom: 25px; }
.accInfoEdit .form-group { margin-bottom: 15px; }
.accInfoEdit .ordrNextBtn { margin-top: 10px; float: none; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0 !important; }

.odrHtryUl { display: inline-block; vertical-align: middle; width: calc(100% - 230px); border-right: 1px solid #e6e6e6; padding-right: 30px; min-height: 145px; }
.odrUlTotal { display: inline-block; vertical-align: middle; width: 220px; padding-left: 30px; margin-top: 30px; }
.odrUlTotal li { font-weight: bold !important; font-size: 14px; margin-bottom: 10px; text-align: right; }
.odrUlTotal ul li:after { clear: both; content: ""; display: block; }
.odrUlTotal li:last-child { margin-bottom: 0px; }
.odrUlTotal li b { display: inline-block; text-align: left; float: left; font-weight: 500; }

.odrHtry { padding: 20px; background: #fff; margin-bottom: 20px; }
.odrHtry ul li { list-style: none; }
.odrHtry .odrHtryUl li { border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; margin-bottom: 15px; font-size: 15px; }
.odrHtry .odrHtryUl li:last-child { border: none; margin: 0px; padding-bottom: 0px; }
.htryHead { border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin-bottom: 20px; font-size: 15px; }
.htryHead:after { content: ""; clear: both; display: block; }
.odrInvc { float: left; font-weight: 500; border-radius: 3px; display: inline-block; background-color: #f7f7f7; padding: 10px 20px; font-size: 13px; }
.odrInvc span { font-weight: 600 !important; }
.odrDate { float: right; font-weight: 500; margin-top: 8px; text-align: left; }
.odrTrack { float: right; border-radius: 3px; display: inline-block; background-color: #101010; padding: 10px 20px; color: #fff; font-size: 13px; font-weight: 600 !important; letter-spacing: 0.06em; margin-left: 15px; }
.odrTrack .material-icons { font-size: 12px; margin-right: 5px; vertical-align: middle; margin-top: -2px; }
.odrStts { border-radius: 3px; display: inline-block; background-color: #101010; padding: 8px 15px; color: #fff; font-size: 13px; letter-spacing: 0.06em; position: absolute; top: 0; left: calc(100% - 195px); font-weight: normal; min-width: 100px; text-align: center; }
.processing { background-color: #FF9800; }
.cancelled { background-color: #F44336; }
.despatched { background-color: #ffeb3b; color: #000; }
.delivered { background-color: #4CAF50; }


.htryImg { width: 85px; float: left; text-align: left; display: inline-block; padding-right: 10px; }
.htryPrdct { width: 50%; float: left; display: inline-block; }
.htryPrdct p { margin: auto auto 3px; line-height: 1.2; text-transform: initial; font-size: 14px; color: #000; }
.htryPrdct .numbers { margin: 3px auto; font-size: 13px; color: #000; text-align: left; }
.htryTotal { margin-left: 5px; /*font-weight: 600;*/ }
.htryPrdct .htryPrice .htryTotal { margin: auto; display: block; }
.htryftr { border-top: 1px solid #e6e6e6; padding-top: 15px; margin-top: 20px; font-size: 15px; }
.htryftr ul { display: inline-block; float: right; width: calc(100% - 150px); text-align: right; }
.htryftr ul li { display: inline-block; margin-left: 5px; border-left: 1px solid #e6e6e6; padding-left: 10px; }
.htryftr ul li:first-child { border-left: none; }
.htryftr ul li.numbers { font-weight: 600 !important; }
.odrCncl { color: #101010; text-transform: uppercase; font-size: 13px; letter-spacing: 0.09em; margin-right: 5px; display: inline-block; vertical-align: middle; }
.odrCncl span { color: #101010; font-size: 21px; height: 21px; width: 21px; -webkit-transition: transform .35s ease; -moz-transition: transform .35s ease; transition: transform .35s ease; vertical-align: middle; margin-top: -2px; }
.odrCncl:hover { color: #ef7b7a; }
.odrCncl:hover span { color: #ef7b7a; transform: rotate(180deg); }
.odrCncl .fa { color: #101010; font-size: 17px; height: 18px; width: 18px; -webkit-transition: transform .35s ease; -moz-transition: transform .35s ease; transition: transform .35s ease; vertical-align: middle; text-align: center; margin-right: 5px; margin-top: -3px; opacity: 0.7; }
.odrCncl:hover .fa { color: #ef7b7a; transform: rotate(180deg); }

.odrCnlPopup .popupContent { max-width: 500px; }
.odrCnlPopup .popupContent .pad h2 { text-align: center; width: auto; }
.odrCnlPopup .popupContent .pad h2.undrln:after { background-position: center; }
.odrCnlPopup .popupContent .pad p { font-size: 16px; text-align: center; font-weight: 600; min-height: auto; }
.odrCnlPopup .popupContent .pad span { font-size: 12px; text-align: center; font-weight: 600; }
.odrCnlPopup .emailInpt { margin-top: 30px; margin-bottom: 0px; }
.odrCnlPopup .emailInpt a { width: auto; padding-left: 25px; padding-right: 25px; text-transform: initial; letter-spacing: 0.05em; }

.dvCancelMsg .tickIcon { display: inline-block; width: 60px; height: 60px; border: 3px solid #4caf50; color: #4caf50; border-radius: 50px; text-align: center; }
.dvCancelMsg .tickIcon .fa { font-size: 30px; line-height: 1.9; }


.odrTracking { background: #fff; padding: 50px 15px; }
.trackbullet { position: relative; z-index: 1; margin-bottom: 5px; }
.trackbullet:after { content: ""; clear: both; display: block; }
.trackbullet li { list-style-type: none; font-size: 13px; width: 20%; float: left; position: relative; font-weight: 400; }
.trackbullet li:before { width: 30px; height: 30px; line-height: 32px; display: block; font-size: 12px; background: #f7f7f7; border-radius: 50%; margin: auto; padding: 0px; text-align: center; font-family: FontAwesome; content: "\f111"; color: #fff; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
.trackbullet li:after { content: ""; width: 100%; height: 7px; background: #f7f7f7; position: absolute; left: 0; top: 12px; z-index: -1; }

.trackbullet li:last-child:after { border-top-right-radius: 10px; border-bottom-right-radius: 10px; position: absolute; left: -50%; }
.trackbullet li:nth-child(2):after,
.trackbullet li:nth-child(3):after,
.trackbullet li:nth-child(4):after { left: -50%; }

.trackbullet li:first-child:after { border-top-left-radius: 10px; border-bottom-left-radius: 10px; position: absolute; left: 50%; }
.trackbullet li:last-child:after { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.trackbullet li:first-child:after { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.trackbullet li.crossed:before,
.trackbullet li.crossed:after { background: #4CAF50; }
.trackbullet li.crossed:before { content: "\f00c"; }

.trackbullet li.current:after { background: #d2ebd3; }
.trackbullet li.current:before { animation: currentBullet 2s infinite; }

@keyframes currentBullet {
    0% { background: #d2ebd3; color: #fff; }
    25% { background: #4CAF50; color: #fff; }
    50% { background: #d2ebd3; color: #fff; }
    75% { background: #4CAF50; color: #fff; }
    100% { background: #d2ebd3; color: #fff; }
}


.tracklabel { margin-bottom: 30px; }
.tracklabel li { list-style-type: none; font-size: 13px; width: 20%; float: left; position: relative; text-align: center; font-family: 'HKGrotesk', sans-serif!important; font-weight: 500!important; }
.tracklabel:after { content: ""; clear: both; display: block; }
.tracklabel li label { margin: auto; font-size: 14px; font-weight: 500; }
.tracklabel li p { margin: auto; text-align: center; line-height: normal; font-size: 12px; }

.trackDetail h3 { text-transform: uppercase; font-size: 14px; letter-spacing: 0.09em; vertical-align: middle; margin-bottom: 30px; text-align: center; background: #f7f7f7; padding: 15px 10px; }
.trackDetail li { list-style: none; vertical-align: top; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin: 10px auto 5px; }
.trackDetail li p { display: inline-block; margin: auto; vertical-align: top; font-family: 'HKGrotesk', sans-serif!important; font-weight: 500!important; line-height: normal; font-size: 13px; }
.trackDetail li p strong { display: block; }
.trackDetail li p span { display: block; }
.trackDetail li p:nth-child(1) { width: 20%; }
.trackDetail li p:nth-child(2) { width: 15%; }
.trackDetail li p:nth-child(3) { width: 33%; }
.trackDetail li p:nth-child(4) { width: 30%; text-align: right; }
.trackDetail li:first-child p { text-transform: uppercase; font-size: 14px; letter-spacing: 0.09em; vertical-align: middle; font-weight: 500; font-weight: 600 !important; }
.trackDetail li:first-child { margin-bottom: 20px; }
.trackDetail li:last-child { border: none; padding: 0px; }


.hoverImg { position: relative; }
.drift-zoom-pane { z-index: 999; transform: translate3d(0, 0, 0); height: 590px; }
.drift-zoom-pane img { height: initial !important; max-width: initial !important; }
.drift-zoom-pane.drift-opening { animation: drift-fadeZoomIn 180ms ease-out; }
.drift-zoom-pane.drift-closing { animation: drift-fadeZoomOut 210ms ease-in; }
.drift-zoom-pane.drift-inline { position: absolute; width: 150px; height: 150px; border-radius: 75px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3); }
.drift-zoom-pane-loader { display: none; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 66px; height: 20px; animation: drift-loader-rotate 1800ms infinite linear; }
.drift-zoom-pane-loader:before, .drift-zoom-pane-loader:after { content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; border-radius: 20px; background: rgba(255, 255, 255, 0.9); }
.drift-zoom-pane-loader:before { left: 0; animation: drift-loader-before 1800ms infinite linear; }
.drift-zoom-pane-loader:after { right: 0; animation: drift-loader-after 1800ms infinite linear; animation-delay: -900ms; }


/*@keyframes drift-fadeZoomIn {
 0% { transform: scale(1.5); opacity: 0; }
 100% { transform: scale(1); opacity: 1; }
}*/

@keyframes drift-fadeZoomOut {
    0% { transform: scale(1); opacity: 1; }
    15% { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(0.5); opacity: 0; }
}

@keyframes drift-loader-rotate {
    0% { transform: translate(-50%, -50%) rotate(0); }
    50% { transform: translate(-50%, -50%) rotate(-180deg); }
    100% { transform: translate(-50%, -50%) rotate(-360deg); }
}

@keyframes drift-loader-before {
    0% { transform: scale(1); }
    10% { transform: scale(1.2) translateX(6px); }
    25% { transform: scale(1.3) translateX(8px); }
    40% { transform: scale(1.2) translateX(6px); }
    50% { transform: scale(1); }
    60% { transform: scale(0.8) translateX(6px); }
    75% { transform: scale(0.7) translateX(8px); }
    90% { transform: scale(0.8) translateX(6px); }
    100% { transform: scale(1); }
}

@keyframes drift-loader-after {
    0% { transform: scale(1); }
    10% { transform: scale(1.2) translateX(-6px); }
    25% { transform: scale(1.3) translateX(-8px); }
    40% { transform: scale(1.2) translateX(-6px); }
    50% { transform: scale(1); }
    60% { transform: scale(0.8) translateX(-6px); }
    75% { transform: scale(0.7) translateX(-8px); }
    90% { transform: scale(0.8) translateX(-6px); }
    100% { transform: scale(1); }
}

.show599 { display: none; }

.e_products .listHdr { padding-left: 0px; padding-right: 0px; text-align: left; }
.e_products .listHdr:after { content: ""; clear: both; display: block; }
.e_products .listHdr h1,
.e_products .listHdr h4 { display: inline-block; width: calc(100% - 245px); float: left; }
.e_products .listHdr .proFilter { float: right; margin-top: -22px; }

.cstmForm .formlabelmain { margin: auto; }
.cstmForm input { margin-bottom: 15px !important; }
.handMdImg { margin-top: 12px; font-size: 0; }

.prdCustomize { padding: 20px; background: #f7f7f7; }
.prdCustomize p { display: inline-block; font-size: 18px; text-align: left; font-weight: 500; vertical-align: middle; margin: 5px auto !important; width: calc(100% - 205px); line-height: normal; }
.prdCustomize .blueBtnAro { display: inline-block; margin: 5px auto !important; width: 200px; text-align: center; }

.e_customform .close { display: none; }
.e_customform .thnk_popup .close { display: block; }
.e_customform .modal-background .wrap { width: 100%; }
.processingOrder .modalBackground { background-color: rgba(0, 0, 0, 0.5); }
.topSidebarContent .close span.material-icons { color: #b3b3b3 !important; }

.currencySlct select { background-color: rgba(0,0,0,0.1); color: #fff; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.3); background-image: url('../images/caret-icon_white.png'); background-size: 20px; padding-right: 18px; }
.headerFix .currencySlct select { background-image: url('../images/caret-icon_black.png'); }

.e_textwithbtn, .e_textwithbtn .imgTxt { width: 100%; }
.headerFix .currencySlct select { color: #000; }
.currencySlct select option { background-color: #FFF; color: #000; }
.currencyPopup { background-image: url(../images/background.jpg); background-size: cover; background-position: center; background-color: #fff; }
.currencyPopup .popupContent { max-width: 425px; }
.currencyPopup .emailInpt { position: relative; margin-bottom: 20px; max-width: 260px; margin: auto; }
.currencyPopup .emailInpt a { background-color: #ef7b7a; color: #fff; padding: 10px; line-height: normal; display: inline-block; width: 100%; margin-top: 20px; text-transform: uppercase; font-size: 14px; letter-spacing: 0.06em; }
.currencyPopup .popupContent .pad { padding: 30px !important; border: 0px solid #9c9c9c; }
.currencyPopup .modal-background { background-color: rgba(0,0,0,0.40); height: 100%; width: 100%; display: block!important; }
.currencyPopup label { color: #FFF; font-size: 14px; margin-bottom: 25px; }
.currencyPopup h2 { color: #fff; font-weight: 500; font-size: 24px; padding: 20px 0px; }

.eleBlock.e_html .tab-content { position: relative; }
.eleBlock.e_html .tab-content .prodInfo { height: 275px; min-height: 275px; }
.eleBlock.e_html .tab-content .prodInfo:after { background-image: linear-gradient(to bottom, rgba(253, 249, 249, 0.8), #fdf9f9); height: 70px; top: auto; }
.eleBlock.e_html .tab-content .prodInfo .toggleMore { background-color: #fdf9f9; }
.eleBlock.e_html .tab-content .prodInfo.infoOpen { overflow: auto; position: static; }
.eleBlock.e_html .tab-content .prodInfo.infoOpen .moreInfoBtn { padding-top: 7px; background-color: #fdf9f9; width: calc(100% - 17px); }


.shipInfo .err-bx { text-align: left; text-align: left; font-family: 'HKGrotesk', sans-serif!important; font-weight: 500!important; font-size: 14px; padding: 15px 20px; background: #fbe3e4; border-radius: 5px; }

.testimonialList .commentIcon { display: block; width: 40px; height: 40px; float: left; text-align: center; line-height: 40px; border-radius: 50%; background-color: #ef7b7a; color: #FFF; }
.commentInfo { /*display: block; width: calc(100% - 50px); text-align: left; padding-left: 15px; float: left;*/ }
.commentDate { font-size: 13px; font-weight: bold; text-transform: uppercase; }
.commentName { font-size: 16px; font-weight: bold; padding-top: 10px; }
.tstmBlock p { padding: 10px 30px; position: relative; }
.tstmBuy > label { font-size: 12px; font-weight: bold; text-align: left; display: block; }
.tstmBlock p:before { content: "\f10d"; font-family: FontAwesome; position: absolute; left: -1px; top: 0px; font-size: 24px; color: #CCC; }
.tstmBlock p:after { content: "\f10e"; font-family: FontAwesome; position: absolute; right: -1px; bottom: 0px; font-size: 24px; color: #CCC; }
/*.tstmBlock p .fa-quote-left {position: absolute; left: -1px; top: 0px; font-size: 24px;}
.tstmBlock p .fa-quote-right {font-size: 24px;}*/
.tstmBuy a { display: block; text-align: left; color: #000; font-size: 12px; font-weight: bold; }
.tstmBuy img { max-width: 50px; vertical-align: middle; margin-right: 10px; }
.tstmBuy a span { display: inline-block; max-width: calc(100% - 70px); vertical-align: middle; }

.navtop .dvSearchBx { left: 0px!important; position: absolute!important; }
.HomeSearch .navtop .dvSearchBx { margin-top: 41px; }


.eleBlock.e_texttype .textWrap .txtCntnt{padding-bottom: 40px;position: relative;}
.eleBlock.e_texttype .ucText .text12 { height: 225px; min-height: 225px;  overflow: hidden; transition: 2s; }
.eleBlock.e_texttype .ucText .text12:after { opacity: 1; content: ""; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), #fff); height: 70px; top: auto; left: 0; right: 0; bottom: 0; position: absolute; transition: opacity 200ms ease-in; }
.eleBlock.e_texttype .ucText .text12 .toggleMore { display: inline-block; font-size: 13px; line-height: 1.4; min-height: 36px; min-width: 36px; padding-top: 9px; padding-bottom: 9px; padding-left: 25px; padding-right: 25px; border: 2px solid #222; border-radius: 30px; color: #222; font-weight: 700; }
.eleBlock.e_texttype .ucText .text12.infoOpen { overflow: auto; position: static; }
.eleBlock.e_texttype .ucText .moreInfoBtn { bottom: 0px; left: 0px; }
.eleBlock.e_texttype .ucText .prodInfo.infoOpen:after {display:none;}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////// Responsive CSS ///////////////////*/


@media screen and (min-width:1399px) {
    .mdlLogin .content > .container { }
}

@media screen and (max-width:1320px) {
    .proOfr .proNew { padding: 4px 10px 5px; }
    .proOfr .proLbl { padding: 3px 27px 4px 10px; }
    .proOfr .proLbl span { width: 15px; height: 15px; right: 2px; }
}

@media screen and (min-width:1200px) {
    .box-77 .thumbnail-77.glry-thumbimg img { /*max-height: 249px!important;*/ width: auto!important; }
    .show1199 { display: none!important; }
}

@media screen and (min-width:1129px) {
    .frame-94 { text-align: left; }
    .button.button-94 { margin: 0 0 0 60px; }
}

@media screen and (min-width:1120px) {
    /*___________________  ucUsedCarList START ____________________*/
    .usedcars_lst .thumbs_img { max-height: 100%!important; height: 210px!important; }
    .usedcars_lst .thumbs_img img { bottom: auto!important; }
}

@media screen and (min-width:1024px) {
    .grid.grid-85 > [class*='col-'] { border-radius: 0px; }
    .slide.whiteSlide .grid-85 { border-radius: 20px; box-shadow: 0 0 1px rgba(48, 48, 48, 0.54); }
    .grid.grid-85 > [class*='col-']:last-child { border-radius: 0 20px 20px 0; }
    .grid.grid-85 > [class*='col-']:first-child { border-radius: 20px 0 0 20px; }
    .grid.grid-85 > [class*='col-']:after { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #EBEBEB; }
    .grid.grid-85 > [class*='col-']:last-child:after { display: none; }
    .headktop .lgHeader img { width: 100%; }
    .macbook-61.shiftImageVertical.shiftImage { margin: -5% -100% -19% -115%; width: 225%; }
    .macbook-62.shiftImageVertical.shiftImage { margin: -6% -100% -13% 0%; }
    .text-27 { max-width: 360px; }
    .text-26 { max-width: 360px; }
    .grid-84 { color: #303030; margin-top: 50px; background: #fff; border-radius: 20px; }
    .slide.whiteSlide .grid-84 { box-shadow: 0 0 1px rgba(48, 48, 48, 0.54); }
    .grid.grid-84 > [class*='col-'] { border-radius: 0px; }
    .grid.grid-84 > [class*='col-']:last-child { border-radius: 0 20px 20px 0; }
    .grid.grid-84 > [class*='col-']:first-child { border-radius: 20px 0 0 20px; }
    .grid.grid-84 > [class*='col-']:after { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #EBEBEB; }
    .grid.grid-84 > [class*='col-']:last-child:after { display: none; }
    .offer_list .box-77 .thumbnail-77 { height: 200px; }
    .mobVdopop { display: none!important; }
    .poplinks .iconpad { float: none!important; }
}

@media screen and (min-width:768px) {
    .cd-breadcrumb, .cd-multi-steps { padding: 0 1.2em; }
    .cd-breadcrumb li, .cd-multi-steps li { margin: 1.2em 0; }
    .cd-breadcrumb li::after, .cd-multi-steps li::after { margin: 0 1em; }
    .cd-breadcrumb li > *, .cd-multi-steps li > * { font-size: 1.0rem; }
    .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before { /* change custom icon using image sprites - hover effect or current item */ background-position: 0 -40px; }
    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before { background-position: -20px -40px; }
    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before { background-position: -40px -40px; }
    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before { background-position: -60px -40px; }
    .cd-multi-steps { /* reset style */ background-color: transparent!important; padding: 0; text-align: center; }
    .cd-multi-steps li { position: relative; float: none; margin: 0.4em 40px 0.4em 0; }
    .cd-multi-steps li:last-of-type { margin-right: 0; }
    .cd-multi-steps li::after { /* this is the line connecting 2 adjacent items */ position: absolute; content: ''; height: 4px; background: #edeff0; /* reset style */ margin: 0; }
    .cd-multi-steps li > *, .cd-multi-steps li.current > * { position: relative; color: #2c3f4c; }
    .cd-multi-steps.custom-separator li::after { /* reset style */ height: 4px; background: #edeff0; }
    .cd-multi-steps.text-center li::after { width: 100%; top: 50%; left: 100%; -webkit-transform: translateY(-50%) translateX(-1px); -moz-transform: translateY(-50%) translateX(-1px); -ms-transform: translateY(-50%) translateX(-1px); -o-transform: translateY(-50%) translateX(-1px); transform: translateY(-50%) translateX(-1px); }
    .cd-multi-steps.text-center li > * { z-index: 1; padding: .6em 1em; border-radius: .25em; background-color: #edeff0; }
    .no-touch .cd-multi-steps.text-center a:hover { background-color: #2c3f4c; }
    .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * { color: #ffffff; background-color: #96c03d; }
    .cd-multi-steps.text-center.custom-icons li.visited a::before { /* change the custom icon for the visited item - check icon */ background-position: 0 -60px; }
    .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li { width: 80px; text-align: center; }
    .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after { /* this is the line connecting 2 adjacent items */ position: absolute; left: 50%; /* 40px is the <li> right margin value */ width: calc(100% + 40px); }
    .cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before { /* this is the spot indicator */ content: ''; position: absolute; z-index: 1; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 15px; width: 15px; border-radius: 50%; background-color: #edeff0; }
    .no-touch .cd-multi-steps.text-top a:hover { opacity: 1; }
    .cd-multi-steps.text-top li::after { /* this is the line connecting 2 adjacent items */ bottom: 4px; }
    .cd-multi-steps.text-top li > * { padding-bottom: 20px; }
    .cd-multi-steps.text-top li > *::before { /* this is the spot indicator */ bottom: -1px; }
    .cd-multi-steps.text-bottom li::after { /* this is the line connecting 2 adjacent items */ top: 3px; }
    .cd-multi-steps.text-bottom li > * { padding-top: 20px; }
    .cd-multi-steps.text-bottom li > *::before { /* this is the spot indicator */ top: 0; }
    .cd-multi-steps.text-top.count li > *::before,
    .cd-multi-steps.text-bottom.count li > *::before { /* this is the spot indicator */ content: counter(steps); height: 26px; width: 26px; line-height: 26px; font-size: 1.4rem; color: #ffffff; }
    .cd-multi-steps.text-top.count li:not(.current) em::before,
    .cd-multi-steps.text-bottom.count li:not(.current) em::before { /* steps not visited yet - counter color */ color: #2c3f4c; }
    .cd-multi-steps.text-top.count li::after { bottom: 11px; }
    .cd-multi-steps.text-top.count li > * { padding-bottom: 34px; }
    .cd-multi-steps.text-bottom.count li::after { top: 11px; }
    .cd-multi-steps.text-bottom.count li > * { padding-top: 34px; }
    .cd-breadcrumb.triangle li.current > * { color: #ffffff; background-color: #8bc34a; border-color: #8bc34a; }
    .cd-breadcrumb.triangle { /* reset basic style */ background-color: transparent; padding: 0; }
    .cd-breadcrumb.triangle li { position: relative; padding: 0; margin: 4px 4px 4px 0; }
    .cd-breadcrumb.triangle li:last-of-type { margin-right: 0; }
    .cd-breadcrumb.triangle li > * { position: relative; padding: 0.9em .8em 1em 2.5em; color: #2c3f4c; background-color: #edeff0; /* the border color is used to style its ::after pseudo-element */ border-color: #edeff0; }
    .cd-breadcrumb.triangle li.current > * { /* selected step */ color: #ffffff; background-color: #96c03d; border-color: #96c03d; }
    .cd-breadcrumb.triangle li:first-of-type > * { padding-left: 1.6em; border-radius: .25em 0 0 .25em; }
    .cd-breadcrumb.triangle li:last-of-type > * { padding-right: 1.6em; border-radius: 0 .25em .25em 0; }
    .cd-breadcrumb.triangle a:hover { /* steps already visited */ color: #ffffff; opacity: 1.0; }
    .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after { content: ''; position: absolute; top: 0; left: 100%; content: ''; height: 0; width: 0; border: 24px solid transparent; border-right-width: 0; border-left-width: 20px; }
    .cd-breadcrumb.triangle li::after { z-index: 1; -webkit-transform: translateX(4px); -moz-transform: translateX(4px); -ms-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px); border-left-color: #ffffff; /* reset style */ margin: 0; }
    .cd-breadcrumb.triangle li > *::after { z-index: 2; border-left-color: inherit; }
    .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after { /* hide the triangle after the last step */ display: none; }
    .cd-breadcrumb.triangle.custom-separator li::after { /* reset style */ background-image: none; }
    .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after { /* 50px is the height of the <a> element */ border-top-width: 25px; border-bottom-width: 25px; }
    .form-12 { margin-top: 110px; }
    .ebay-listwrap { margin-left: -12px; margin-right: -12px; }
    .offer_list .off_price { /*min-height: 58px!important; line-height: 1.1em!important;*/ }
    .cd-breadcrumb li > *, .cd-multi-steps li > * { font-size: 1.0rem; }
    /*.cd-breadcrumb.triangle { background-color: transparent; padding: 0; width: 528px; margin: 0 auto; }*/
    .cd-breadcrumb.triangle li.current > * { color: #ffffff; background-color: #8bc34a; border-color: #8bc34a; }
    .no-touch .cd-breadcrumb.triangle a:hover { color: #ffffff; opacity: 1.0; }
    .text-42 { opacity: 0.6; }
    .text-43 { opacity: 0.6; }
    .box-53 { margin-top: 65px; }
    .box-54 { margin-top: 65px; }
    .videoThumbnail-82:after { -webkit-transform: scale(1.6); transform: scale(1.6); }
    .videoThumbnail-82:hover:after { -webkit-transform: scale(1.4); transform: scale(1.4); }
    .button.button-92 { font-size: 25px; padding: 23px 83px!important; margin-top: 40px; }
    .button.button-93 { font-size: 25px; padding: 23px 83px!important; }
    .form-97 input[type="tel"] { border-radius: 0 3px 3px 0; border-left: 1px solid rgba(41,41,41,0.2); margin-left: 0; }
    .form-97 select { border-radius: 3px 0 0 3px; }
    .showmobile { display: none; }
    .usedcarflex .flexslider .flex-viewport { max-height: 435px!important; }
}

@media screen and (min-width:600px) {
    .offer_list .off_save { /*line-height: 1em; min-height: 42px;*/ }
    .spofferMinHt .title-77 { /*min-height: 55px!important;*/ }
    .alsoLike .used-cars_lst .thumb_content p.srtList { margin-top: 5px!important; }
    /*.bannerslide .slide.video .sldVDO{min-height: 100vh;}*/
}

@media screen and (min-width:320px) {
    .offerhead { width: 59%!important; }
}


/*======================1400px====================*/

@media screen and (max-width:1280px) {
    .button-7 { display: block; margin: 30px auto!important; }
    .eleBlock.e_html > div { /*height: 100%; overflow: auto;*/ }
}

@media screen and (max-width:1279px) {
    .grid.grid-77 > [class*='col-'] { max-width: 50%; }
    .grid.grid-74 > [class*='col-'] { max-width: 50%; }
}

/*======================1280px====================*/
@media screen and (max-width:1290px) {
}

@media screen and (max-width:1130px) {
    .homeWrp .fix-12-12, .fix-12-12 { /*width: calc(100% - 40px) !important;*/ }
    .homeWrp .fix-12-12 .fix-12-12,
    .fix-12-12 .fix-12-12 { width: 100% !important; }
    .grid.fixedSpaces { margin-left: 0px!important; margin-right: 0px!important; }
    .ftrbackerBT .fix-12-12 { width: calc(100% - 40px) !important; }
    .ftrbackerBT .grid.fixedSpaces.subsForm { margin-left: -10px!important; margin-right: -10px!important; }
    .ftrClmsDiv .grid.fixedSpaces { /*margin-left: -10px!important; margin-right: -10px!important;*/ }
    .homeWrp .fix-12-12 .grid.fixedSpaces.later.grid_12 .col-12-12 { /*padding: 0px;*/ }
    .dtlBrdCrmb { width: calc(100% - 40px) !important; }
    .paypal .input .grid.fixedSpaces { margin-left: -10px !important; margin-right: -10px !important; }
    .shipInfo .form-group .grid.fixedSpaces { margin-left: -10px !important; margin-right: -10px !important; }
}


/*======================1200px====================*/
@media screen and (min-width:1200px) {
    .image-slider-block .e_imageslide .slide_wrap { min-height: 25vw; }
    .e_imageslide .contDBox.cAlignMid { padding-top: 150px; padding-bottom: 115px; }

    /* homepage */
    .homepg .homeWrp .bxLayout .fix-12-12 { max-width: 100%!important; }
    .homepg .hdrRgt { position: initial; width: 100%; text-align: left; padding-left: 27px; }
    .homepg .hdrLnks > li.barIcon { display: none; }
    .homepg .ftrbackerBT .fix-12-12.ftrClmsDiv { max-width: 100%!important; }
    .homepg .navtop { position: fixed; width: 275px; height: 100%; top: 0; left: 0; z-index: 0; opacity: 1; background-color: #FFF!important; overflow: auto; }

    .homepg .navtop::-webkit-scrollbar { display: none; }
    /* Hide scrollbar for IE, Edge and Firefox */
    .homepg .navtop { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }

    .homepg .mainHdr > .fix-12-12 { margin-left: 0px!important; margin-right: 0px!important; width: 100%!important; }
    .homepg .homeWrp { padding-left: 280px; }
    .homepg .mnContentWrp { margin-top: 0px; }
    .homepg .mnContentWrp .homeWrp { /*padding-top: 0px;*/ }
    .homepg .hdrLogo { width: 100%; text-align: left; padding-left: 48px; }
    .homepg .logotop { max-width: 160px; }
    .homepg .currencySlct { display: none; }
    .homepg .rightIcn .whiteBar { display: none!important; }
    .homepg .rightIcn .blackBar { display: block!important; }
    .homepg .mainMenu ul li { display: block; position: relative; }
    .homepg .mainHdr { border-bottom: 0px; background-color: rgba(255,255,255,0); }
    .homepg .mainNav { padding-left: 0px; padding-right: 0px; padding-bottom: 120px; }
    .homepg .mainNav .mainMenu { width: 100%; }
    .homepg .mainNav .mainMenu li { width: 100%; }
    .homepg .mainNav .mainMenu li .divNav { padding-left: 48px; text-align: left; }
    .homepg .mainNav .mainMenu li .divNav > a { width: auto; padding: 10px; color: #212121; text-align: left; padding-left: 0px; }
    .homepg .mainNav .mainMenu li .divNav > a:before { background-color: #e4e4e4!important; margin-left: 0!important; }
    .homepg .mainNav .mainMenu li .divNav > a:before { background-color: transparent!important; background: url(https://www.imagicalcreations.com/images/underline.svg) no-repeat; background-size: 70% 3px; height: 3px; width: 100%; opacity: 0; }
    .homepg .mainNav .mainMenu li .divNav > a:hover:before { opacity: 1; }
    .homepg .mainNav .mainMenu li:first-child .divNav > a:before { opacity: 1; }
    .homepg .mainMenu .dropdown-menu .navSub { position: absolute; top: 0px; left: 100%; width: 282px; padding: 15px; margin-left: 50px; background-color: #212121; opacity: 0; visibility: hidden; transition: .3s; }
    .homepg .mainMenu .dropdown-menu:hover .navSub { margin-left: 0px; background-color: #212121; opacity: 1; visibility: visible; display: block; transition: .3s; }
    .homepg.headerFix .mainHdr { box-shadow: none!important; }
    .homepg .hdrLnks { position: absolute; bottom: 5px; left: 0px; display: block; width: 100%; margin-top: 25px; text-align: left; padding: 0px 20px; padding-left: 48px; }
    .homepg .hdrLnks .srchIcon { width: 100%; padding: 0px; position: relative; margin-bottom: 20px; }
    .homepg .hdrLnks .srchHdr { width: 100%; }
    .homepg .hdrLnks .srchHdr input { margin: 0px; border-radius: 0px; padding-left: 0px; padding-right: 20px; background-color: transparent; border-bottom: 1px solid #e4e4e4; color: #000!important; }
    .homepg .hdrLnks li .material-icons { color: #848484; }
    .homepg .hdrLnks li .material-icons:hover { color: #ef7b7a; }
    .homepg .hdrLnks > li { padding-left: 0; margin-right: 20px; }
    .homepg .hdrLnks > li .hdrBskt,
    .homepg .hdrLnks > li .myAcc { display: none; }
    .homepg .hdrLnks > li .basket-count { }
    .homepg .hdrLnks > li > a.homeShow { display: inline-block!important; }
    .homepg .hdrLnks > li .favourite-count { }
    .homepg .srchIcon .material-icons { position: absolute; z-index: 99; right: 0px; top: 13px; }
    .homepg .hdrTop { position: relative; text-align: left; margin-top: 15px; padding: 0px 30px; top: 0; right: 0; left: 0; padding-left: 48px; }
    .homepg .hdrTop ul li { display: block; padding: 0; }
    .homepg .e_textwithbtn { padding: 10px; }
    .homepg .homeSocial { display: block; text-align: left; margin-top: 20px; padding-left: 48px; padding-bottom: 50px; }
    .homepg .homeSocial h4 { margin: 10px 0px; text-align: left; text-transform: uppercase; font-size: 13px; font-weight: 600; letter-spacing: 1.5px; }
    .homepg .homeSocial ul li { display: inline-block; margin-right: 20px; list-style: none; }
    .homepg .homeSocial ul li a { color: #b5b2b2; }
    .homepg .homeSocial ul li a:hover { color: #ef7b7a; opacity: 1; }
    .homepg .homeSocial p { margin: auto; font-size: 13px; position: absolute; bottom: 15px; left: 0px; text-align: left; padding-left: 48px; line-height: normal; }
    .homepg .hdrTop .hdrBsktpop { border-top: 4px solid #9e9e9e; display: block; position: absolute; left: 37px; top: 20px; }
    .homepg .hdrBsktpop { border-top: 4px solid #9e9e9e; display: block; position: absolute; left: -19px; top: 35px; top: 35px; width: 250px; }
    .homepg .bsktInfo { width: 154px; }
    .homepg .whitelogo { display: none; }
    .homepg .fixlogo { display: block; }
    .homepg .dvSearchBx { left: 280px; top: -1px; right: auto; position: fixed; margin-top: 41px; width: 220px; }
    .homepg .dvSearchBx .ResultList { height: 507px; }
}

@media screen and (min-width:1380px) {
    .homepg .hdrLogo { margin-top: 40px; }
    .homepg .homeSocial p { bottom: 15px; }
}

@media screen and (max-width:1379px) {
    .detailresp { margin-left: 2%!important; }
    .cantsee { padding-left: 20px; padding-right: 20px; }
    .shortlistleft { float: left; margin-left: 0px; }
    .parainterest { font-size: 16px; }
    .homepg .mainNav .mainMenu { margin-top: 10px; }
    .mainNav .mainMenu { margin-top: 0px; width: 100%; }
    .mnContentWrp { margin-top: 120px; }
    .catBanner .listBnr { padding-bottom: 30px; }
    .dvSearchBx { top: 48px; }
    .hdrBsktpop { top: 40px; }
    .myAccDrop { top: 42px; }
}

@media screen and (min-width:1200px) and (max-width:1335px) {
    .headktop .lgHeader { width: unset !important; }
    .bxLayout .prmBlcs, .col-hh-1 .eleBlock, .col-hh-1 { height: 230px; }
    .col-hh-2 .eleBlock, .col-hh-2 { height: 460px; }
    .col-hh-2 .eleBlock .theme1 .prmBlcs, .col-hh-2 .eleBlock .theme1 .prmBlcsSear { height: 460px; }
    .prmBlcs .title-77.firstShow > span span { font-size: 24px; }
    .bxLayout .col-6-12.col-hh-1 .eleBlock.e_promoblock .name-74 .promoDesc { max-height: 130px; }

    .eleBlock.e_html .tab-content .prodInfo { height: 200px; min-height: 200px; }
}

@media screen and (min-width:1200px) {
    .ucAlsoLikeUc .swiper-button-next,
    .ucAlsoLikeUc .swiper-button-prev { display: none!important; }
}

@media screen and (max-width:1200px) {
    .bottomHdr .rightHdrDD .dropdown-el { right: 15px; }
    .homepg .currencySlct select { color: #000; background-image: url(../images/caret-icon_black.png); }
}

@media screen and (max-width:1199px) {
    .hide1199 { display: none!important; }
    .hide96 { display: none!important; }
    .ml14 { margin-left: 4%!important; }
    .actBox { padding: 20px; }

    .homepg .hdrLnks li .material-icons { color: #101010; }
    .homepg .srchIcon .srchHdr input { color: #101010; }
    .homepg .button.actionButton.rightIcn { color: #101010; }
    .homepg .srchIcon .srchHdr input::-webkit-input-placeholder { color: #101010; }
    .homepg .srchIcon .srchHdr input:-ms-input-placeholder { color: #101010; }
    .homepg .srchIcon .srchHdr input::placeholder { color: #101010; }
    .homepg .mainHdr { background-color: rgba(255,255,255,1); transition: .3s; -webkit-box-shadow: 0 1px 14px rgba(0,0,0,.06); -moz-box-shadow: 0 1px 14px rgba(0,0,0,.06); box-shadow: 0 1px 14px rgba(0,0,0,.06); }
    .homepg .hdrLnks .rightIcn .blackBar { display: block; }
    .homepg .hdrLnks .rightIcn .whiteBar { display: none; }
    .homepg .mainNav .mainMenu li .divNav > a:before { background-color: #ef7b7a; }
    .homepg .mainNav .mainMenu li .divNav > a { color: #101010; }
    .homepg .fixlogo { display: block; }
    .homepg .whitelogo { display: none; }
    .homepg .hdrTop ul li { color: #000; }
    .homepg .hdrTop ul li a { color: #101010; }
    .homepg .mainNav .mainMenu li .divNav > a { width: auto; padding: 10px; color: #212121; text-align: left; padding-left: 0px; }
    .homepg .mainNav .mainMenu li .divNav > a:before { background-color: #e4e4e4!important; margin-left: 0!important; }
    .homepg .mainNav .mainMenu li .divNav > a:before { background-color: transparent!important; background: url(https://www.imagicalcreations.com/images/underline.svg) no-repeat; background-size: 70% 3px; height: 3px; width: 100%; opacity: 0; }
    .homepg .mainNav .mainMenu li .divNav > a:hover:before { opacity: 1; }
    .homepg .mainNav .mainMenu li:first-child .divNav > a:before { opacity: 1; }
    .homepg .hdrLnks .srchHdr input { margin: 0px; border-radius: 0px; padding-left: 0px; padding-right: 20px; background-color: transparent; border-bottom: 1px solid #e4e4e4; color: #000 !important; }
    .mainNav { padding-left: 15px; padding-right: 15px; }
    /*-----------------*/
    .sliderWrap { padding-left: 10px; padding-right: 10px; }
    .pswp__ui--idle .pswp__top-bar { opacity: 1; }
    .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 1; }
    .myAccountTab .accInfo .grid.fixedSpaces { margin-left: -10px !important; margin-right: -10px !important; }
    .sliderWrap { padding-left: 20px; padding-right: 20px; }
    .sliderWrap .swiper-button-next { right: -30px; }
    .sliderWrap .swiper-button-prev { left: -30px; }
    .sliderWrap .swiper-button-next:after { font-size: 28px; }
    .sliderWrap .swiper-button-prev:after { font-size: 28px; }
    .e_blogs { padding-left: 15px; padding-right: 15px; }
    .productBlock .proImg .cartBtn { bottom: 0px; opacity: 1; transition: .3s; }
}


@media screen and (max-width:1180px) {
    .clickapnt .apptext .parainterest { display: none!important; }
    .apptext .test_drive.uppdle { letter-spacing: 1.0px!important; }
    .parainterest { font-size: 16px; padding-left: 0px; padding-right: 0px; font-weight: 600; color: #000000; letter-spacing: -0.4px; text-align: center!important; width: 100%; float: left; display: none!important; }
    .frame-94 { margin-top: 18px; }
    .detailresp { margin-right: -11px; margin-top: -12.9px!important; font-size: 12px; letter-spacing: 1.0px!important; border: solid 2px #90b765; width: 100%; text-align: center; }
    .apptext { float: right; width: 37%; }
    .finapad { border-left: solid 1px rgba(255, 255, 255, 0.3); padding-left: 0px!important; padding-top: 2%; }
}

@media screen and (max-width:1100px) {
    .coursech { font-size: 16px; }
}

@media screen and (min-width:1025px) and (max-width:1119px) {
    .usedcars_lst .thumbs_img { max-height: 100%!important; height: 250px!important; }
    .usedcars_lst .thumbs_img img { bottom: auto!important; }
}

@media screen and (min-width:600px) and (max-width:1023px) {
    .actLinks { margin-bottom: 20px; padding: 10px; }
    .actLinks:after { content: ""; clear: both; display: block; }
    .actLinks ul { display: inline-block; float: left; width: 33.33%; border: none; padding: 10px; margin: auto; border-right: 1px solid #f0f0f0; }
    .actLinks ul li { border-bottom: 1px solid #f0f0f0; padding: 15px 5px; }
    .actLinks ul li:first-child { padding-top: 0px; }
    .actLinks ul li:last-child { border-bottom: none; padding-bottom: 0px; }
    .actLinks ul li:after { content: ""; clear: both; display: block; }
    .registerWrap .breadCrumb + .contentTitle { padding-top: 0px; padding-bottom: 0px; }
}

/*======================1024px====================*/

@media screen and (min-width:1024px) and (max-width:1280px) {
    .headktop .lgHeader { margin-top: 0px !important; }
    .hdrRgt { padding-right: 20px; }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
}

@media screen and (min-width:1024px) and (max-width:1200px) {
    .price-85 { font-size: 100px; }
}

@media screen and (min-width:1024px) and (max-width:1199px) {

    .usedCarWrap .dropdown-el { top: 80px!important; }
    .usedCarWrap { padding-left: 15px; padding-right: 15px; }
    .model_list.newcarMdl_lst { padding-left: 15px; padding-right: 15px; }
    .box-77 .thumbnail-77.glry-thumbimg img { /*max-height: 205px!important;*/ width: auto!important; }
    .bottomHdr .fix-12-12 { padding-left: 15px; padding-right: 15px; }

    .hdrBrndlogo { right: 15px!important; }
    .offerHdng .detailCD { right: 115px!important; }
    .sliderFilter .detailCD { right: 15px!important; }
    .fix_12_12 { padding-left: 15px; padding-right: 15px; }
    .paraFormat .textWrap h1, .paraFormat .textWrap h2, .paraFormat .textWrap h3, .paraFormat .textWrap h4 { }
    .paraFormat .textWrap ul.grid { padding-left: 25px; padding-right: 25px; }
    .ftrEnqry .fix-12-12 { width: 100%!important; padding-left: 15px; padding-right: 15px; }
    .ofrDTL .dropdown-el { top: 60px!important; }

    .offrDtlTabs .resp-tab-content .wrap:not(.noSpaces), .offrDtlTabs .resp-tab-content .spaceWrap { padding: calc(0% + 25px) calc(0% + 30px); }
    .searchSectopm .fuller.searchbacker { padding: 0px!important; }
    .srchCheck { margin: 0px 5px; }
    .srchBtns p.advan_srch { width: auto; }
    .homeWrp .prmBlcsSear #contact-form select { height: 30px; padding: 4px 26px 4px 10px; margin-bottom: 10px; }
    .srchTtls { font-size: 16px; }
    .cartype { margin-top: 3px; margin-bottom: 3px; }
    .homeSLider .cd-hero-slider .cd-full-width, .homeSLider .cd-hero-slider .cd-half-width { padding: 0px; }
    .prmBlcsSlider .offerSlider .bannerOffr1 .sml_stitle { font-size: 23px!important; }
    .prmBlcsSlider .offerSlider .bannerOffr2 { font-size: 23px!important; }
    .prmBlcsSlider .offerSlider .bannerOffr3 { font-size: 21px!important; }
    .prmBlcsSlider .promoSlider .bannerOffr1 .sml_stitle { font-size: 23px!important; }
    .prmBlcsSlider .promoSlider .bannerOffr2 { font-size: 23px!important; }
    .fix-12-12.mdlSlider { padding-left: 10px; padding-right: 10px; }
    .grid.fixedSpaces.later.grid_6_6 { padding-left: 10px; padding-right: 10px; }
    .image-slider-block .halftp { margin-top: 12vh; }
    .mdlHero.noBdrBtm { padding-left: 10px; padding-right: 10px; }
    .mdlHero .heading_carlist { padding-left: 0px; padding-right: 0px; }
    .advSrch_open .w49 { max-width: 19.55%!important; }
    .imgHover { bottom: 65px; max-width: 300px; }
    .mnFacture li { float: none !important; }
    .contactPage .grid .cntctLft { max-width: 40% !important; width: 40% !important; }
    .contactPage .grid .cntctRgt { max-width: 60% !important; width: 60% !important; }
    .productCart:before { width: calc(50% - 172px); }
    .productCart:after { width: calc(50% + 172px); }
    .mainMenu .dropdown-menu:hover .navSub,
    .mainMenu .dropdown-menu .navSub.mobileDropDown { margin: auto; right: 0px; width: 180px; left: auto; }
    .navSub .cbp-hrsub-inner::before { left: auto; right: 40px; }
    .productBlock .proImg { min-height: 305px; }
    .ftrbackerBT .ftrClmsDiv .grid.fixedSpaces > [class*="col-4-12"] { padding: 40px 30px; }
    .bottom-nav.footerbottom { padding-left: 30px; padding-right: 30px; }
    .mnContentWrp { margin-top: 130px; }
    .homepg .dvSearchBx { top: 39px; }
    .productCart .grid [class*="col-"].cartForms { max-width: 60%; padding-right: 20px !important; }
    .productCart .grid [class*="col-"].cartSummary { max-width: 40%; }
    .smryItemTxt { width: 40%; }
    .grid.fixedSpaces.mobGrid50 { margin-left: -10px !important; margin-right: -10px !important; }
    .grid.fixedSpaces.mobGrid50 [class*="col-6-12"] { max-width: 50% !important; }
    .prdctList .grid .grid-products,
    .myAccountTab .prdctList .grid .grid-products { width: 33.33% !important; max-width: 33.33% !important; }
    .registerWrap .breadCrumb + .contentTitle { padding-top: 0px; padding-bottom: 0px; }

    .productDetail .tabbedinfo { margin-top: 0px !important; }
    .productDetail .tab-content .prodInfo { height: 395px; min-height: 395px; }
    .productDetail .tabbedinfo .resp-tabs-container { padding: 20px; min-height: 475px; }
    .trmInfo .grid.fixedSpaces { margin-left: -10px !important; margin-right: -10px !important; }
}


@media screen and (max-width:1024px) {
    .hideForTablet { display: none!important; }
    .showForTablet { display: block!important; }
    select { /*padding:6px 26px 6px 20px; font-size: 14px; margin-bottom: 0px; margin-top: 2px;*/ }
    .cell-26 { padding-bottom: 40px; }
    .bannerpad { }
    .box-90 { margin: 30px 0 27px; }
    .alfa-button { font-size: 15px; padding-top: 8px; padding-bottom: 10px; margin-top: 2px; }
    .booking-slct { padding: 10px 10px 10px 10px!important; }
    .share_icons .smallmanutopsmll { width: 20px; }
    .pdrl { padding-left: 2%!important; padding-right: 2%!important; }
    .offr-title { max-width: 75%; display: inline-block; }
    .playBtn.mobVdopop { /*display: block;*/ }
    .playBtn { /*display: block!important;*/ width: 52px; height: 52px; position: absolute; bottom: 30px; right: 10px; opacity: 0.5; transition: .5s; cursor: pointer; }
    .playBtn:hover { opacity: 1; transition: .5s; }
    .finance-table { padding: 0px 15px; }
    .finac-btmtext { padding: 10px 15px; }
    .backtotop { right: 10px; bottom: 100px; }
}

@media screen and (width: 1024px) {
    .usedcars_lst .thumbs_img { max-height: 100%!important; height: 161px!important; }
    .usedcars_lst .thumbs_img img { bottom: auto!important; }
    .bx-viewport .slide { width: 295px!important; }
    .breadmenu { /*padding-left: 20px!important; padding-right: 20px!important;*/ }
    .popup .wrap.popup_image { padding: 18px 18%!important; }
    .ofrWrap .smlLogo { padding-left: 15px; padding-right: 15px; }
}

/*======================1023px====================*/

@media screen and (min-width:1023px) and (max-width:1198px) {
    .cbp-hrmenu > ul > li > a { margin-right: -4px!important; }
    .usedcars_lst { padding-left: 18px!important; padding-right: 18px!important; }
}

@media screen and (max-width:1023px) {
    .nextPrvDiv { margin-top: 35px; }
    .grid:not(.later) > .fab-col-1-12 { max-width: 8.333333333%!important; }
    .grid:not(.later) > .fab-col-2-12 { max-width: 16.66666667%!important; }
    .grid:not(.later) > .fab-col-3-12 { max-width: 25%!important; }
    .grid:not(.later) > .fab-col-4-12 { max-width: 33.33333333%!important; }
    .grid:not(.later) > .fab-col-5-12 { max-width: 41.66666667%!important; }
    .grid:not(.later) > .fab-col-6-12 { max-width: 50%!important; }
    .grid:not(.later) > .fab-col-7-12 { max-width: 58.33333333%!important; }
    .grid:not(.later) > .fab-col-8-12 { max-width: 66.66666667%!important; }
    .grid:not(.later) > .fab-col-9-12 { max-width: 75%!important; }
    .grid:not(.later) > .fab-col-10-12 { max-width: 83.33333333%!important; }
    .grid:not(.later) > .fab-col-11-12 { max-width: 91.66666667%!important; }
    .grid:not(.later) > .fab-col-12-12 { max-width: 100%!important; }
    .grid.grid-85 { max-width: 400px; margin-left: auto; margin-right: auto; }
    .grid.grid-85 > [class*='col-'] { margin-bottom: 30px; box-shadow: 0 0 1px rgba(48, 48, 48, 0.54); }
    .grid.grid-85 > .tint-85 { box-shadow: none; }
    .menupad { margin-top: 12px!important; margin-right: 8px!important; }
    .padinnit.navtop { padding-top: 0px!important; padding-bottom: 0px!important; }
    .navtop .frnLogo { padding-top: 10px!important; }
    .hide23 { display: none!important; }
    .hide1023 { display: none!important; }
    .button.actionButton.rightIcn { }
    .mobPhne { margin-top: 23px!important; }
    .mobPhne a { display: block; }
    .mobPhne a img { margin-top: 0px; margin-right: 5px; width: 30px; float: left; }
    .mobPhne a span { padding-left: 0px; font-size: 17px!important; font-weight: 600; }
    .mnFacture li { float: none!important; }
    .hiderwide { display: none!important; }
    .m22 { margin-top: 22px; }
    .grid.grid-75 > [class*='col-'] { max-width: 50%!important; width: 50%!important; }
    .icon-65 { left: 0; }
    .grid.grid-65 .cell-65 { padding-left: 60px; }
    .grid.grid-84 { max-width: 400px; margin-left: auto; margin-right: auto; }
    .grid.grid-84 > [class*='col-'] { margin-bottom: 30px; box-shadow: 0 0 1px rgba(48, 48, 48, 0.54); }
    .grid.grid-84 > .tint-84 { box-shadow: none; }
    .grid-71 .cell-71:after { display: none; }
    .grid-73 .cell-73:after { display: none; }
    .image-62 { padding-top: 35px; }
    .grid-64 .cell-64:after { display: none; }
    .cell-27 { padding-bottom: 40px; }
    .cell-28 { padding-bottom: 35px; }
    .cell-29 { padding-bottom: 35px; }
    .cell-32 { padding-bottom: 40px; }
    .cell-33 { padding-bottom: 40px; }
    .cell-16 { padding-bottom: 35px; }
    .m25perc { margin-top: 0px; }
    .slide .background02 { height: 12%; }
    .mdlLst h3.mdlistH3 { padding-left: 10px!important; padding-right: 10px!important; }
    .configrtrWrp .config-col { padding-left: 0px!important; padding-right: 0px!important; }
    .navtop .logopadder { padding-top: 25px !important; }
    .showHome { display: none!important; }
    .ucNews.theme2 .newsListBox { max-width: 100%; float: none; }
    .ftrbackerBT .col-3-12 { max-width: 50%; margin-bottom: 20px; }
    .ftrbackerBT .col-3-12:nth-child(3) { clear: both; }
    .baseFtr { margin-top: 28px; }
    .cntctNm { margin-left: 90px; }
    .productCart::before { display: none; }
    .productCart::after { display: none; }
    .productCart .grid [class*="col-"].cartForms,
    .productCart .grid [class*="col-"].cartSummary { width: 100% !important; max-width: 100% !important; padding-left: 10px !important; padding-right: 10px !important; }
    .productCart .grid [class*="col-"].cartForms { border-bottom: 1px dashed #dadada; padding-bottom: 40px; margin-bottom: 30px; }
    .grid.mobgrid { }
    .cartForms { min-height: auto; }
    .mobNavToggle { display: block; }
    .mobNavToggle + .button { display: none !important; }
    .mobSubMenuCls { display: inline-block; }
    .mainNav .menuBacker { color: #fff; background: #fff; position: fixed; top: 0; right: 0; width: 340px; max-width: 90%; margin: auto; height: 100vh; padding-bottom: 50px; z-index: 999999; -webkit-transition: -webkit-transform 0.5s, visibility 0s; transition: transform 0.5s, visibility 0s; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); overflow-y: auto; -webkit-overflow-scrolling: touch; margin-top: 0 !important; }
    .mainNav .menuBacker li .divNav > a { color: #101010; }
    .mainNav .menuBacker li.navLogo { margin-top: 52px; }
    .mainNav .menuBacker li.navLogo a:before { display: none; }
    .mainNav .menuBacker li img { width: 100%; text-align: left; max-width: 160px; }
    .mainNav .menuBacker .dropdown-menu { width: 100%; display: block; }
    .mainNav .menuBacker .dropdown-menu .divNav { padding-left: 48px; text-align: left; }
    .mobSideBarOpen .mainNav .mainMenu { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1; }
    .mainNav .menuBacker li .divNav > a { width: auto; padding: 10px; color: #212121; text-align: left; padding-left: 0px; }
    .mainNav .menuBacker li .divNav > a:before { background-color: transparent !important; background: url(https://www.imagicalcreations.com/images/underline.svg) no-repeat; background-color: rgba(0, 0, 0, 0); background-size: auto; background-size: 70% 3px; height: 3px; width: 100%; opacity: 0; }
    .mainNav .mainMenu li .divNav > a:hover:before { opacity: 1; }
    .hoverImg { display: none; }
    .productDetail .col-6-12.pl32 { padding-left: 10px !important; }
    .catBanner .listBnr { padding-top: 115px; }
    .mnContentWrp { margin-top: 85px; }
    .myAccountTab .grid.fixedSpaces > [class*="col-"] { width: 100% !important; max-width: 100% !important; }
}

@media screen and (min-width:980px) and (max-width:1199px) {
    .th_prcLft .srtList { font-size: 19px!important; }
}

@media screen and (min-width:980px) and (max-width:1024px) {
    .ebay-heading .heading { min-height: 36px; }
    .thmbPrc { min-height: 75px; }
}

@media screen and (width:980px) {
    .bx-viewport .slide { width: 284px!important; }
    .clickapnt { max-width: 98%!important; width: 98%!important; }
    .search-block .col-12-12 .padding-right-0 { padding-right: 7px !important; }
    .advSrch_open .w49 { max-width: 19.6%!important; }
}

@media screen and (min-width:960px) and (max-width:1023px) {
    .usedcars_lst .thumbs_img { max-height: 100%!important; height: 230px!important; }
    .usedcars_lst .thumbs_img img { bottom: auto!important; }
}

@media screen and (max-width:960px) {

    .wrap:not(.noSpaces), .spaceWrap { padding: calc(5.56% + 72px) calc(8% + 8px); }
    select { /*padding: 10px 26px 12px 20px;*/ }
}

@media screen and (max-width:959px) {

    .videoThumbnail { max-width: 100%; width: 100%; }
    .keepwidth25 { }

    .grid:not(.later) > [class*='col-'] { /*max-width:50%!important;*/ width: 100%!important; }
    .grid.keepwidth25:not(.later) > [class*='col-'] { max-width: 100%!important; width: 25%!important; }
    .grid:not(.later) > [class*='col-4-12'] { max-width: 50%!important; width: 50%!important; }
    .grid:not(.later) > [class*='col-1-12-8'] { max-width: 25%!important; width: 25%!important; }
    .grid:not(.later) > [class*='col-'] .mobileLeft { text-align: left; }
    .grid:not(.later) > [class*='col-'] .mobileRight { text-align: right; }

    .grid:not(.later) > [class*='col-'] .pad { /*border: none; padding: 10% 0!important; border-radius: 0; -webkit-transition: 0s!important; transition: 0s!important;*/ }
    .grid:not(.later) > [class*='col-'] .pad:hover,
    .grid:not(.later) > [class*='col-'] .pad.stroke { /*background: inherit; color: inherit;*/ }

    .shiftImage { margin-top: 0!important; margin-bottom: 0!important; }

    .shiftImageVertical { margin-right: 0!important; max-width: 100%!important; }
}

@media screen and (min-width:900px) and (max-width:959px) {
    .usedcars_lst .thumbs_img { max-height: 100%!important; height: 220px!important; }
    .usedcars_lst .thumbs_img img { bottom: auto!important; }
}

@media screen and (max-width:892px) {
    .frame-94 { text-align: center; }
    .button.button-94 { margin: 18px 0 0; }
}

@media screen and (max-width:899px) {
    .frame-94 { padding: 18px 0px 12px 0px; height: auto; }
    .shortlistleft { /*float: left; margin-top: 0px; margin-left: 0%; width: 100%;*/ }
    .apptext { float: left; width: 100%; padding-left: 7%; padding-right: 7%; }
    .detailresp { margin-right: 0px!important; margin-left: 0px!important; margin-top: 3.1px!important; }
    .hire_img { float: none; width: 50%; padding: 0px 0px 0px 18px; }
    .hire_result { border-radius: 4px; border: solid 1px #e1e1e1; height: 320px; }
    .hire_info { float: none!important; padding: 0px 0px 0px 0px; width: 52%; margin-left: 32px; }
    .frame-94 .shortlistleft { float: left; margin-top: 0px; margin-left: 0%; width: 100%; margin-bottom: 13px!important; }
    .frame-94 .shortlistleft a { display: inline-block; float: none; width: auto; }
    .frame-94 .apptext { float: left; width: 100%; padding-left: 7%; padding-right: 7%; }
    .shortlistleft a { margin-bottom: 15px; }
    .shortlist_used .apptext { padding-left: 0px; padding-right: 0px; }
    .shortlist_used { max-width: 92%!important; }
    .clickapnt { max-width: 92%!important; }
    .clickapnt .apptext { padding: 0px!important; width: 100%!important; }
    .clickapnt .apptext .test_drive { width: 100%!important; margin-left: 0%!important; margin-bottom: 20px; }
    .bookingTime { display: inline-block!important; }
}

@media screen and (min-width:800px) and (max-width:1023px) {
    .ofrWrap .smlLogo { padding-left: 5px; padding-right: 5px; }
    .ofrWrap .breadmenu { padding-left: 5px!important; padding-right: 5px!important; }
    .image-slider-block .halftp { margin-top: 85px !important; padding-top: 20px !important; }
    .productBlock .proImg { min-height: 373px!important; }
}

@media screen and (max-width:800px) {
    .wrap:not(.noSpaces),
    .spaceWrap { padding: calc(5.56% + 84px) calc(8% + 15px); }
}

@media screen and (width:800px) {
    .bx-viewport .slide { width: 350px!important; }
    /*.Mdlslider .bxSldwrp .bx-wrapper{max-width:360px!important;}*/
}

@media screen and (max-width:800px) {
    .cantsee { width: 92%; }

    .fuller { max-width: 98%; }
    /*.sidebar .content { padding: 18px; }*/
    .usedcars_lst .thumbs_img img { margin-top: 0px!important; }
}


@media screen and (min-width:769px) and (max-width:1023px) {
    .grid.grid-68 li.col-2-12 { max-width: 33.3333%!important; }
}

/*======================768px====================*/

@media screen and (min-width:768px) and (max-width:1024px) {
    .spofferMinHt .off_price, .spofferMinHt .off_was { min-height: 46px; line-height: 1em; }
    .spofferMinHt .off_dis { min-height: 37px; line-height: 1em; }
    .thumb_content .cropBottom.alsPra { min-height: 44px; }
    .usedcar_blk .thumb_content .cropBottom.alsPra { min-height: 35px!important; }
    .saerchBTNB .inrTx.tp09 { top: 6px!important; }
    .usedcar_blk .thumb_content .srtList { margin-top: 10px!important; }
    .usedcars_lst .blueBtnAro { font-size: 12px; padding: 8px 25px 9px 10px; }
    .usedcar_blk .thmbPrc .srtList.mt12 { margin-top: 2px!important; font-size: 18px!important; }
    .usedcar_blk .th_prcLft { min-height: 45px; }
    .usedcar_blk .title-77 { font-size: 13px; }
}

@media screen and (min-width:768px) and (max-width:1023px) {

    /*for all grid width change*/
    .grid.fixedSpaces [class*="col-3-12"] { max-width: 50%!important; width: 50%!important; }
    .grid.fixedSpaces [class*="col-3-12"]:nth-child(2n+1) { clear: both!important; }
    .grid_3_9.grid.fixedSpaces .col-3-12 { max-width: 25% !important; }
    .grid_9_3.grid.fixedSpaces .col-3-12 { max-width: 25% !important; }
    .row_center .grid.fixedSpaces [class*="col-3-12"] { display: block!important; float: left!important; margin: auto; vertical-align: top; }

    /*.grid.fixedSpaces [class*="col-4-12"] { max-width: 100%!important; width: 100%!important; display: block!important; }
 .grid.fixedSpaces.later.grid_4_4_4.row_flex { display: block!important; }
 .row_center .grid.fixedSpaces [class*="col-4-12"] { float: left!important; margin: auto; vertical-align: top; }
 .row_center .grid.fixedSpaces [class*="col-4-12"] .e_html iframe { padding: 10px; }*/

    .grid.fixedSpaces [class*="col-6-12"] { max-width: 100%!important; width: 100%!important; display: block!important; }
    .grid.fixedSpaces.later.grid_6_6.row_flex { display: block!important; }
    .row_center .grid.fixedSpaces [class*="col-6-12"] { float: left!important; margin: auto; vertical-align: top; }
    .row_center .grid.fixedSpaces [class*="col-6-12"] .e_html iframe { padding: 10px; }

    .trmInfo .grid.fixedSpaces { margin-left: -20px !important; margin-right: -20px !important; }
    .trmInfo .grid.fixedSpaces [class*="col-6-12"] { /* max-width: 50% !important; */ /* width: 50% !important; */ padding-left: 20px !important; padding-right: 20px !important; margin-bottom: 20px; }

    .grid.ipad50 [class*="col-6-12"] { max-width: 50% !important; }
    .grid.ipad50 .registerForm { padding-right: 25px; min-height: auto; }
    .grid.fixedSpaces.ipad50 .registerForm .grid.fixedSpaces { margin-left: -10px !important; margin-right: -10px !important; }

    .grid.fixedSpaces.mobGrid50 { margin-left: -10px !important; margin-right: -10px !important; }
    .grid.fixedSpaces.mobGrid50 [class*="col-6-12"] { max-width: 50% !important; }

    .myAccountTab .accInfo .grid.fixedSpaces > [class*="col-"] { width: 50% !important; max-width: 50% !important; }
    .myAccountTab .accInfo .grid.fixedSpaces > [class*="col-12-12"] { width: 100% !important; max-width: 100% !important; }

    .popup .wrap.popup_image { padding: 18px 8%!important; }
    .footerbottom { padding-left: 2%!important; padding-right: 2%!important; }
    .offer_list .off_price, .offer_list .off_save, .offer_list .off_was { font-size: 19px; }
    .offer_list .off_dis { font-size: 16px; }

    .box-77 .thumbnail-77.glry-thumbimg img { /*max-height: 150px!important;*/ width: auto!important; }
    /*.ucbarwithbtn{margin-left:-10px!important; margin-right:-10px!important;}*/
    .valuationWrp { min-height: 60vh!important; }
    .configrtrWrp { min-height: 55vh!important; }
    .ftrDiclsr { margin-right: 5px!important; }
    .usedCarWrap .tabbedinfo ul.tabs li { padding: 10px 35px!important; }
    .offer_list .box-77 .thumbnail-77 { height: 140px; }
    .grid.later .col-8-12, .grid.later .fix-8-12 { max-width: 100%!important; }
    .grid.later.grid_4_8 .col-8-12, .grid.later.grid_8_4 .col-8-12 { max-width: 66.66%!important; }
    .grid.later .col-4-12, .grid.later .fix-4-12 { /*max-width:100%!important;*/ }
    .Pformat { padding-left: 10px!important; padding-right: 10px!important; }
    .finance-info.fs18 .view_srt_list, a.addList { padding-left: 7px!important; padding-right: 7px!important; margin-right: 0px!important; font-size: 11px!important; }
    .srchAgain { padding-left: 7px!important; padding-right: 7px!important; font-size: 11px!important; }
    .dlrDtion { width: 65%!important; }
    .enter_your_reg { background-size: 100%!important; }
    iframe { width: 100%!important; }
    .footerbottom > ul { padding-bottom: 20px; }

    .cd-hero.homeSLider { margin-top: 0px!important; }
    .mdlSlider h1.bannermed { margin-left: 10px; }
    .offer_lstitm .title-77 { min-height: 70px; font-size: 16px!important; }
    .grid:not(.later) > [class*="col-"].dealerdetails_wrap { max-width: 66.66%!important; }
    .ofrDTL .ofrWrap .clickapnt { max-width: 92%!important; }
    .usedcars_lst .thumbs_img { max-height: 170px!important; height: 170px!important; }
    .fix-12-12c .fixedSpaces.later.grid_12 .col-12-12.ae-5 > div { margin-left: -10px!important; margin-right: -10px!important; }
    .search-block .fix-12-12c .col-12-12 { padding-left: 10px!important; padding-right: 10px!important; }
    .bottomHdr .hdrLogo { padding-left: 10px; }
    .ftrwdth.ftrMenus { padding-left: 15px; padding-right: 15px; }
    .ftrEnqry .grid.fixedSpaces { padding-left: 10px; padding-right: 10px; }
    .paraFormat .textWrap { padding-left: 0px!important; padding-right: 0px!important; }
    .paraFormat .textWrap ul.grid { padding: 0px; }
    .ofrDTL .dropdown-el { top: 60px!important; }
    .usedCarWrap .dropdown-el { top: 85px!important; }

    .offrDtlTabs .tabbedinfo ul.tabs li { padding: 10px 30px!important; }
    .offrDtlTabs .resp-tab-content .wrap:not(.noSpaces), .offrDtlTabs .resp-tab-content .spaceWrap { padding: calc(0% + 25px) calc(0% + 30px); }
    .srchCheck { margin: 0px 5px!important; }
    .carsrchWrp .searchSectopm .searchbacker { /*padding: 5px 8px 5px 8px!important;*/ }
    .usedCarWrap { padding-left: 10px; padding-right: 10px; }
    .usedCarWrap h3, .usedCarWrap .h3 { padding-left: 10px; }
    .list_content li { max-width: 100%!important; }
    .image-slider-block .halftp { max-width: 60%!important; margin-top: 120px !important; padding-top: 50px !important; }
    .halftp { padding-top: 5vh !important; }
    .buyonline_wrp { width: 98%; margin: 20px 1%; float: left; }
    .sumryLst { width: 100%!important; }
    .finOpt_frm .frmInpt input { padding: 10px 18px 10px!important; }
    /*header*/
    .topHdr { height: 50px; }
    .topHdr .hdrLeft { margin-top: 15px; }
    .hdrRgt { margin-top: 15px; padding-right: 20px; }
    .homeLnk { position: absolute; padding: 9px 5px; }
    .homeLnk a { font-size: 16px; }
    /*.mainMenu li:nth-child(4) { margin-right: 50px !important; }
 .mainMenu li:nth-child(5) { margin-left: 50px !important; }*/

    .srchForm { min-height: 30px; }
    .srchForm input[type="text"] { height: 30px; }
    .srchBtn { width: 43px; padding: 2px; }
    .scroll .container, .mobile .simplifiedMobile .container { height: auto; }
    .topHdr { font-size: 12px; }
    .prdctList .grid .grid-products,
    .myAccountTab .prdctList .grid .grid-products { width: 50% !important; max-width: 50% !important; }
    .myAccountTab .prdctList .grid.fixedSpaces { margin-left: -10px !important; margin-right: -10px !important; }
    .stckistMap { padding-left: 70px; padding-right: 10px; }
    .stckistPg .grid [class*="col-"] { width: 50% !important; max-width: 50% !important; }
    .stckist h2 { min-height: 45px; }
    .stckist { padding-bottom: 0px; }
    .contactPage .grid .cntctLft { max-width: 50% !important; width: 50% !important; }
    .contactPage .grid .cntctRgt { max-width: 50% !important; width: 50% !important; }
    .brocContact .cntctForm { padding-right: 30px; }
    .dlryftr p br { display: none; }

    .homeWrp .nLayout:first-child > .fix-12-12 .e_texttype .paraFormat.ucText { padding-top: 0px!important; padding-bottom: 0px!important; }
    .homeWrp .fix-12-12 .grid.fixedSpaces.later.grid_12 .col-12-12 .e_texttype { padding-left: 15px!important; padding-right: 15px!important; }

    .mainMenu .dropdown-menu:hover .navSub,
    .mainMenu .dropdown-menu .navSub.mobileDropDown { margin: auto; right: 0px; width: 180px; left: auto; }
    .navSub .cbp-hrsub-inner::before { left: auto; right: 40px; }
    .productBlock .proImg { min-height: 352px; }
    .ftrbackerBT .ftrClmsDiv .grid.fixedSpaces > [class*="col-4-12"] { padding: 35px 25px; }
    .ftrbackerBT .ftrClmsDiv .ftrHead { min-height: 35px; margin-top: 0px; margin-bottom: 15px; }
    .subsForm input[type="text"] { padding: 10px 10px; }
    .dvSearchBx { top: 62px; }
    .hdrBsktpop { top: 54px; }
    .dtlReview .shipInfo .grid { margin-left: -2% !important; margin-right: -2% !important; }
    .ftrLogo { padding: 0px 20px; }

    .myAccountTab .productList { padding-left: 0 !important; padding-right: 0 !important; }
    .productList .prdctList .grid.fixedSpaces { margin-left: -10px !important; margin-right: -10px !important; }

    /*.carousel-cell { height: 525px; }
 .detailimg .flickity-viewport { min-height: 525px; }
 .detailimg .carousel-nav .flickity-viewport { min-height: 200px; }

 .ipadLeft { width: calc(100% - 200px); float: left; }
 .ipadRight { width: 200px; height: 525px; float: right; }
 .carousel.carousel-nav { float: left; width: 200px; -webkit-transform: rotate(90deg) translate(0px, -100%); transform: rotate(90deg) translate(0px, -100%); -webkit-transform-origin: left top; transform-origin: left top; }
 .carousel-main { margin-right: 8px; }
 .carousel-nav .carousel-cell { width: 100%; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); counter-increment: carousel-cell; }
 .detailimg:after { clear: both; display: block; content: ""; }*/
    .productDetail .grid.fixedSpaces.autoheight > .col-6-12 { max-width: 50% !important; }
    .detailimg .flickity-viewport { min-height: 356px; }
    .detailimg .flickity-viewport .carousel-cell { height: 356px; }
    .detailimg .carousel-nav .flickity-viewport .carousel-cell { height: 85px!important; }
    .detailimg .carousel-nav .flickity-viewport { min-height: 85px!important; }
    .productDetail .tabbedinfo .resp-tabs-list li { padding: 10px 3px!important; width: 30%; height: 45px; float: left; }
    .productDetail .tabbedinfo .tabs.resp-tabs-list { display: none; }
    .productDetail .tabbedinfo .resp-tabs-container h2.resp-accordion { display: block; }
    .productDetail .tabbedinfo .resp-tabs-container { padding: 20px; margin: auto; min-height: auto; }
    .productDetail .tabbedinfo .resp-tab-content { padding-top: 5px; }
    .notifyEmail input[type="text"] { max-width: 200px; }
    .proDescLines { min-height: 531px; }
    .blogDtlPage .grid.fixedSpaces [class*="col-3-12"] { clear: inherit !important; max-width: 25% !important; }
    .cntctForm .grid.fixedSpaces { margin-left: -10px!important; margin-right: -10px!important; }
    .contactPage .cntctForm { padding-left: 50px; }
    .cntctForm h2:before, .cntctForm h1:before { left: -50px; }
}

@media screen and (min-width:768px) and (max-width:1000px) {
    .homeWrp .grid.fixedSpaces.later.grid_12, .mnContentWrp .grid.fixedSpaces.later.grid_12 { /*max-width: 630px;*/ margin: auto!important; }
    .homeWrp .menufactureLOGO { margin-left: -50px; margin-right: -50px; }
}

@media screen and (min-width:768px) and (max-width:998px) {
    .reserve_me { padding-right: 0px!important; padding-left: 0px!important; width: 113px; text-align: center; }
    .enquiry_now { padding-right: 0px!important; padding-left: 0px!important; /*margin-right: 3px!important;*/ font-size: 12px; width: 113px; text-align: center; }
}

@media screen and (width:768px) {
    .bx-viewport .slide { width: 340px!important; }
}

@media screen and (max-width:768px) {
    .leftControl-83, .rightControl-83 { display: none; }
    .showTab { display: block!important; }
    .hideForPhablet { display: none!important; }
    .showForPhablet { display: block!important; }

    .panel { padding: 2.78% 1%; }
    .svg-5 { margin: 20px auto; }
    .logopadder { padding-top: 10px; }
    .svg-6 { margin: 20px auto; }
    .offer_dtl .ofrPrice { font-size: 18px!important; }
    .ofrWrap .breadmenu { padding-left: 0px!important; padding-right: 0px!important; }
    .offer_list .off_price { font-size: 16px!important; }
}

/*======================767px====================*/

@media screen and (max-width:767px) {
    .mdlLogin .thnk_popup .pad { box-shadow: none !important; }
    .max70 { max-width: 100%; }
    .hide767 { display: none!important; }
    .popup:not([class*="fade-"]) { background: rgba(255, 255, 255, 1.0)!important; }
    .zoomPopOpen .popup { background: rgba(255, 255, 255, 0.7) !important; }
    .zoomPopOpen .popupContent { max-width: 95%; }
    .mdlAddBasket.modal-container .modal-background { background: transparent; }
    .cell-53 { margin-bottom: 40px; }
    .cell-51 { margin-bottom: 40px; }
    .grid.later > .fab-col-1-12 { max-width: 8.333333333%!important; }
    .grid.later > .fab-col-2-12 { max-width: 16.66666667%!important; }
    .grid.later > .fab-col-3-12 { max-width: 25%!important; }
    .grid.later > .fab-col-4-12 { max-width: 33.33333333%!important; }
    .grid.later > .fab-col-5-12 { max-width: 41.66666667%!important; }
    .grid.later > .fab-col-6-12 { max-width: 50%!important; }
    .grid.later > .fab-col-7-12 { max-width: 58.33333333%!important; }
    .grid.later > .fab-col-8-12 { max-width: 66.66666667%!important; }
    .grid.later > .fab-col-9-12 { max-width: 75%!important; }
    .grid.later > .fab-col-10-12 { max-width: 83.33333333%!important; }
    .grid.later > .fab-col-11-12 { max-width: 91.66666667%!important; }
    .grid.later > .fab-col-12-12 { max-width: 100%!important; }
    .grid.later > [class*='col-'] { max-width: 100%!important; width: 100%!important; padding: 0 !important; }
    .grid.later > [class*='col-2-12b'] { max-width: 100%!important; width: 44%!important; }
    .grid.later > [class*='col-'] .mobileLeft { text-align: left; }
    .grid.later > [class*='col-'] .mobileRight { text-align: right; }
    .pad { background: inherit; color: inherit; border: none; padding: 0!important; overflow: inherit; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0s!important; transition: 0s!important; }
    .popupContent .pad { padding: 2% 4%!important; }
    .pad.shadow { -webkit-box-shadow: none!important; box-shadow: none!important; }
    .popup .wrap.popup_image .pad.shadow { -webkit-box-shadow: 0 25px 34px rgba(0, 0, 0, 0.09), 0 0px 28px rgba(0, 0, 0, 0.5), 0 0px 1px rgba(0, 0, 0, 0.12) !important; box-shadow: 0 25px 34px rgba(0, 0, 0, 0.09), 0 0px 28px rgba(0, 0, 0, 0.5), 0 0px 1px rgba(0, 0, 0, 0.12) !important; }
    form label { margin-top: 30px; }
    .no_red_txt form input[type="radio"] { width: 15px!important; }
    .no_red_txt strong { color: #5d5d5d; }
    .no_red_txt span { display: inline-block!important; width: auto!important; }
    .modal-container .modal-background { /*background: rgb(255, 255, 255);*/ }
    .offerPopup .modal-background { background: transparent; }
    .e_businessenquiry .modal-background { background: transparent; }
    h1, .h1 { font-size: 50px; }
    h1.mega, .h1.mega { font-size: 70px; }
    h1.huge, .h1.huge { font-size: 60px; }
    h1.small, .h1.small { font-size: 40px; }
    h2.banner, .h2.banner { font-size: 32px; line-height: 32px; }
    h2.bannermed, .h2.bannermed { font-size: 32px; line-height: 32px; }
    .mobileCrop { margin: 0!important; }
    .mobileCropBottom { margin-bottom: 0!important; }
    .mobileCropTop { margin-top: 0!important; }
    .mobileCropLeft { margin-left: 0!important; }
    .mobileCropRight { margin-right: 0!important; }
    .adPopup .popupContent .pad { padding: 20px!important; }
    .box-66 { margin-bottom: 30px; }
    .box-89 { margin-bottom: 60px; }
    .form-97 select { width: 100%; }
    .w25 { width: 100%; max-width: 100%; }
    .hidenow { display: none; }
    .form-96 .input-96 { max-width: 100%!important; }
    .form-96 select.inputEnq { max-width: 100%; padding-top: 13px!important; padding-bottom: 16px!important; }
    .showmobile { display: block; }
    #contact-us .mobcontactus { max-width: 49%; float: left; }
    #contact-us .mobcontactus li p { text-align: center; }
    .widey { width: 100%; }
    .mdlSlider .halftp p, .mdlSlider h1.bannermed { margin-left: 10px; margin-right: 10px; }
    .offer_dtl .ofrFea.ofrSml { font-size: 16px!important; }
    .offer_dtl .ofrFea { font-size: 20px!important; }
    .offer_list .off_save, .offer_list .off_was, .offer_list .off_dis { font-size: 16px!important; }
    .ftrDiclsr { padding-left: 2%; padding-right: 2%; }
    .offrDtlTabs .resp-tab-content .container .wrap.spaces { padding: 0; }
    .offrDtlTabs .resp-tab-content .container .wrap.spaces .h2head-txt { padding-top: 0px!important; }
    .inputGroup { width: 148px!important; }
    .inputGroup label { padding: 12px 24px!important; }
    .specpad { padding: 0px 0px 8px 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
    .innerspecpad { margin: 0px!important; }
    .cd-breadcrumb, .cd-multi-steps { width: 100%!important; margin-top: -34px!important; background-color: #ffffff!important; padding: 0px!important; }
    .cd-breadcrumb.triangle li > * { position: relative; padding: 0.9em .8em 1em 0.5em!important; }
    .cd-breadcrumb li.current > *, .cd-multi-steps li.current > * { color: #89c54a!important; border-bottom: solid; }
    .accessorbox { padding: 0px; border: solid 0px; border-top: dashed 1px #e1e1e1; border-radius: 0px; background: #fff; padding-top: 30px; }
    .postcodebacker { padding: 0px; margin: 20px; background: #ffffff; border-radius: 0px; }
    .paddingtop12 { padding-top: 12px!important; }
    .buyOnlinePop .pad.shadow { padding: calc(5% + 10px) calc(8% + 5px)!important; }
    .fillDetail .formForfill .manualsearch .confirmation input, .fillDetail .almostDone2 .confirmation input { display: inline-block!important; width: auto!important; }
    .step3 .accessorbox .servbox { height: 150px; }
    .btnsx03 label span label { margin: -3px 0px!important; line-height: 44px; }
    .deliveryAdd .accessorbox .servbox .RegNo { margin-top: 3px; }
    .stepFomrs { margin-top: 0px!important; }
    .wideforms .eqr-ptxt { margin-bottom: 50px; }
    .pdrl .eqr-ptxt { margin-bottom: 50px; }
    .homeWrp .prmBlcsSear .searchSectopm .form.parraGF span.vecAvbl { top: unset!important; bottom: 130px; }
    .mnFacture li { float: none!important; }
    .usedCarWrap .title-77 { margin-top: 20px!important; }
    .cd-multi-steps.carrental { width: 90%!important; margin: 0px auto 1em!important; background-color: #edeff0!important; padding: 0.5em 1em!important; }
    .cd-multi-steps.carrental li.current > * { border-bottom: unset!important; }
    .cd-multi-steps.carrental li::after { margin: 0 .5em; }
    .cd-multi-steps.carrental.text-top li { float: left!important; height: auto; }
    .proceed .mail-check > div { min-width: 120px; }
    .proceed .mail-check div span:first-child { float: left; margin-right: 5px; }
    .proceed .mail-check span.rel-chk-td { width: 20px; float: left; }
    .proceed .mail-check div > input { float: left; width: 20px; }
    .proceed .bluedoc .rel-chk-td input { float: left; width: 20px; }
    .cbp-hrmenu > ul > li > a { display: inline-block; padding: 14px 10px 14px; }
    .usedcarflex .flexslider .flex-viewport { max-height: unset!important; }
    .grid.later .hiderwideas { display: none!important; }
    .page_item { padding-left: 10px!important; padding-right: 10px!important; }
    .grid.later .col-8-12 { width: 100%!important; }
    /*.addgrid li{max-width:100%!important;}*/
    /*.popup .close { top: -20px!important; right: -20px!important; }*/
    .finance-info.fs18 .view_srt_list, a.srchAgain, a.addList { margin-right: 0px!important; width: 100%; font-size: 14px!important; margin-bottom: 3px!important; text-align: center; }
    .smallmanu { width: 30px!important; margin-left: 3px; min-height: 30px!important; max-width: 40%!important; margin-left: 0px!important; }
    .Pformat { padding-left: 10px!important; padding-right: 10px!important; }
    .smallmanu img { /*max-width:100%!important;*/ }
    .popup.active .hidersmall { display: block!important; padding-top: 35px!important; }
    .sidebar.top { height: 100%; }
    iframe { width: 100%!important; }
    .e_html iframe { height: auto; min-height: 350px; }
    .e_imageblock { margin: 10px 0px; }
    input.dlrDtion.left { width: 80%!important; float: left!important; }
    #map_canvas { margin-top: 10px!important; }
    .chsHP.uppercase { padding-top: 30px!important; }
    .brandLogoRGT { width: 60px!important; margin-right: 3px; }
    .brandLogoRGT img { max-width: 100%!important; }
    .heading_carlist .smallmanu { width: auto!important; }
    .image-slider-block .imagesection { min-height: 275px; height: auto!important; padding-bottom: 30px; padding-left: 20px !important; padding-right: 20px !important; }

    .footerbottom > ul { padding-bottom: 20px; }
    .cd-hero-slider .line_2 { font-size: 20px!important; line-height: 30px; }
    /*.usedcars_lst .box-77:hover .thumbnail-77.thumbs_img img {opacity: 1!important;transform: none!important;}*/
    /*.zoomlnk{display:none!important;}*/
    .search-block .tab1 { width: 155px!important; }
    .search-block .tab2 { width: 145px!important; }
    .heading_carlist h1.little { max-width: 59%; margin-top: 14px; font-size: 19px; display: inline-block; float: left; margin-left: 0px!important; }
    .mdlLst .heading_carlist h1.little { max-width: 100%; }
    h1.pagemain_title { font-size: 18px!important; text-align: center; }
    .usedCarList h1.pagemain_title { text-align: left; }
    .cd-slider-nav { bottom: 15px!important; }
    .shortlist_used a.addList { font-size: 11px!important; }
    .shortlist_used { }
    .contrightDtl.financedetails .detail_info h1 { font-size: 15px!important; }
    .popupContent h2 { padding-top: 10px; }
    .finc-heading2 h2 { color: #303030!important; }
    .menupad.rightIcn { margin-left: 10px!important; }
    .paraFormat .textWrap h1,
    .paraFormat .textWrap h2,
    .paraFormat .textWrap h3,
    .paraFormat .textWrap h4,
    .paraFormat .textWrap ul.grid { /*padding-left: 20px; padding-right: 20px;*/ }
    .hdrBrndlogo { right: 15px!important; }
    .offerHdng .detailCD, .newcarMdl_lst .detailCD { right: 115px!important; }
    .ofrDTL .grid.fixedSpaces.autoheight .col-6-12 { max-width: 100%; }
    .headWidth { margin-top: 20px!important; }

    .usedCarWrap .grid.fixedSpaces.autoheight > div { max-width: 100%; padding: 0px 15px!important; }
    .usedCarWrap .detailCD { top: -63px; }
    .usedCarWrap { padding-left: 10px; padding-right: 10px; }
    .usedCarWrap h3, .usedCarWrap .h3 { padding-left: 10px; }

    .mdlHero .heading_carlist { padding-left: 10px; padding-right: 10px; }

    .disclaim01 { padding-bottom: 8px; }
    .finOpt_frm .frmInpt { height: auto!important; }
    select { /*padding: 9px 12px 10px 20px;*/ }
    .buyonline_wrp { width: 98%; margin-top: 20px; padding: 25px 0px 25px 0px; }
    .config_full.fortyeight .frmInpt { width: 100%; }

    .buyonline_frm { padding: 22px 10px 4px 10px; }
    .buyonline_frm ul li { font-size: 15px; }
    .finOpt_frm .grid.fixedSpaces { margin-left: -25px!important; margin-right: -25px!important; }

    .rgtMenu { padding-top: 3px!important; margin-right: 35px!important; }
    .ftrEnqry { height: auto!important; padding-bottom: 15px; }

    .ucNewCarSpec .list-innertxt li.col-6-12 { max-width: 100%!important; }
    .ucNewCarSpec .list-innertxt li { font-size: 16px!important; }

    .cd-multi-steps.text-top li { float: none!important; }
    .popup .wrap.popup_image { padding: 1%!important; }
    .ftrwdth { max-width: 100%!important; }
    .ftrCompdtl { padding-left: 2%!important; padding-right: 2%!important; }
    .eqr_txtp .chk-box { display: inline-block!important; vertical-align: top; }
    .chk-box input { display: inline-block!important; }
    h1 { font-size: 24px; }
    .thnk_popup .pad.shadow { -webkit-box-shadow: 0 25px 34px rgba(0, 0, 0, 0.09), 0 0px 28px rgba(0, 0, 0, 0.5), 0 0px 1px rgba(0, 0, 0, 0.12)!important; box-shadow: 0 25px 34px rgba(0, 0, 0, 0.09), 0 0px 28px rgba(0, 0, 0, 0.5), 0 0px 1px rgba(0, 0, 0, 0.12)!important; }
    .thnk_popup .pad { padding: 2% 4%!important; border: 4px solid #fff; color: #303030!important; background: #fff!important; overflow: hidden!important; }
    .smallmanutop { width: 25px!important; }
    .container-techdtl > ul > li.techGrid { width: 100%!important; }
    /*.popup_image .pop-close.close { top: -15px!important; right: -15px!important; }*/
    /*.popup_spc.popupContent .h2-txt{padding-top:0px!important;}*/
    .popup_spc.popupContent h2:not(.h2head-txt) { padding-top: 0px!important; }
    .popup_spc.popupContent h2.h2head-text { padding-top: 12px!important; }
    .pymtStatus h3 { padding-left: 20px; padding-right: 20px; }
    .pymtStatus h1 { font-size: 32px; line-height: 1.1; padding-left: 5px; padding-right: 5px; }
    .cd-slider-nav { display: none!important; }
    /*value form popup*/
    .vac-padshad { padding: 2% 4%!important; /* -webkit-box-shadow: 0 25px 34px rgba(0, 0, 0, 0.09), 0 0px 28px rgba(0, 0, 0, 0.5), 0 0px 1px rgba(0, 0, 0, 0.12)!important;
      box-shadow: 0 25px 34px rgba(0, 0, 0, 0.09), 0 0px 28px rgba(0, 0, 0, 0.5), 0 0px 1px rgba(0, 0, 0, 0.12)!important; */ }

    .vac-padshad .hidersmall { display: block!important; }

    /*partExquote form popup radio btn*/
    .no-partq-txt span input[type=radio] { width: 20px!important; }
    .form-96 select.inputEnq.ipt-Enq { margin-top: 5px!important; }
    .no-partq-txt { vertical-align: middle!important; }
    .EbaySec .name-77 { padding: 0px 10px 10px!important; }
    /*ebay element*/
    .ImgsBlcs.Img-B { padding-left: 10px!important; padding-right: 10px!important; }
    /*iamge element*/
    .MediaWall { padding-left: 10px!important; padding-right: 10px!important; }
    /*media wall*/
    .mdlHero > .name-77 { padding-left: 10px!important; padding-right: 10px!important; }
    .usedcarflex .flxSld.zoomlnk { display: none!important; }

    .cbp-hrmenu > ul > li:first-child { opacity: 0; }
    .dropdown-el label { line-height: 1em; }
    /*header*/
    .topHdr { }
    .topHdr .hdrLeft { }
    .hdrRgt { }
    .mainHdr { }
    .mainMenu li:nth-child(4) { margin-right: 0px !important; }
    .mainMenu li:nth-child(5) { margin-left: 0px !important; }
    .hdrLogo { }
    .srchForm { min-height: 30px; }
    .srchForm input[type="text"] { height: 30px; font-size: 12px; }
    .srchBtn { width: 43px; padding: 2px; position: absolute; right: 0px; }
    .mnContentWrp { }
    .scroll .container, .mobile .simplifiedMobile .container { height: auto; }
    .mobNavToggle { }
    .mainMenu .dropdown-menu .cbp-hrsub.navSub { position: inherit; opacity: 1; background-color: transparent; border-radius: 0px !important; padding: 0px !important; width: 100%; display: none; box-shadow: none !important; margin-left: 0px; }
    .mainMenu .dropdown-menu .cbp-hrsub.mobileDropDown { display: block !important; }
    .mainMenu .dropdown-menu .cbp-hrsub.navSub ul li { display: inline-block !important; }
    .mainMenu .dropdown-menu .cbp-hrsub.navSub ul li a { color: #000; border: none; }
    .mainMenu .dropdown-menu .cbp-hrsub.navSub .cbp-hrsub-inner::before { display: none; }
    .topHdr { font-size: 12px; }
    .navtop { }
    .mainHdr > .fix-12-12 { width: 100%!important; }
    .homeWrp.theme1 { }
    .e_bannerslider .cd-full-width { max-width: 100%; left: 0; padding: 0px 20px; }
    .ftrbackerBT .col-3-12:nth-child(2),
    .ftrbackerBT .col-3-12:nth-child(3) { max-width: 50% !important; }
    .ftrbackerBT .col-3-12:nth-child(3) { clear: inherit; }
    .ftrbackerBT .col-3-12 { max-width: 100% !important; }
    .sideFilters .filter-attr { float: left; width: 50%; padding: 0px 20px; }
    .sideFilters { display: none; position: absolute; z-index: 995; background-color: #fff; width: calc(100% + 40px); top: 0px; left: 0px; right: 0px; padding: 15px 0px !important; margin: auto -20px auto; -webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.05); box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.05); }
    .prdctfltrBtn { /*display: block;*/ position: absolute; left: 0px; bottom: 22px; color: #585858; padding: 11px 10px 10px; text-transform: uppercase; border: 0px; font-size: 14px !important; }
    .prdctfltrBtn * { cursor: pointer; }
    .proFilter::after { bottom: 8px; }

    .prdctList .grid { position: relative; }
    .prdctList .grid .grid-products,
    .myAccountTab .prdctList .grid .grid-products { width: 50% !important; max-width: 50% !important; }

    .productDetail .homebacker .col-6-12 { max-width: 100% !important; width: 100% !important; }
    .dlryftr .grid.fixedSpaces > [class*="col-"] { width: 100% !important; max-width: 50% !important; margin: 10px 0px; padding-left: 0px; }
    .dlryftr p br { display: none; }
    .productHdr { padding-left: 0px; padding-right: 0px; }
    .showBskt .hdrBsktpop { }
    .stckstLft { max-width: 100%; }
    .stckstRgt { max-width: 100%; }
    .stckstRgt #map_canvas { margin-top: 0px !important; }

    .stckistMap h2 br { display: none; }
    .stckistMap .blueBtnAro { margin-top: 0; }
    .stckistPg { padding-left: 70px; }
    .stckistPg .grid [class*="col-"] { width: 100% !important; max-width: 100% !important; }
    .stckistPg .grid [class*="col-"] .stckist { padding-bottom: 0; min-height: inherit; margin-left: -80px; }
    .stckistPg .stckist h2 { min-height: inherit; }
    .stckistPg .stkEqual { min-height: inherit; }
    .stckistPg .stwb { margin-top: 20px !important; }
    .stckistPg > p { margin-left: -70px; }
    .blogDtlPage .ucBlogDetail .table { float: none; width: calc(100% - 0px); }
    .blogDtlPage .nwsshare { float: none; display: inline-block; text-align: left; }
    .blogDtlPage .nwsshare a { text-align: left; }
    .image-slider-block .imagesection .fix-12-12 { margin: 0 !important; width: 100% !important; }
    .image-slider-block .imagesection .fix-12-12 .col-6-12 { padding-left: 0px; padding-right: 0px; }
    .contactPage .grid .numAddress .col-6-12 { padding: 0px !important; }
    .contactPage .grid .cntctForm { padding: 50px 80px; }
    .content .grid .cntctLft { max-width: 100% !important; width: 100% !important; }
    .content .grid .cntctRgt { max-width: 100% !important; width: 100% !important; }
    .content .grid .cntctRgt.equalFormHeight { height: auto !important; }
    .content .grid .cntctRgt img { position: initial; height: initial; width: initial; }
    .content .grid .cntctRgt iframe { position: initial; height: 303px!important; margin-bottom: -3px; }
    .cntctAddrs h2 { padding-left: 0px !important; padding-right: 0px !important; }
    .cntctNm [class*="col-"] { width: 100%; max-width: 100%; margin-bottom: 30px; }
    .cntctNm { margin-bottom: 60px; }
    .pro-table .tbl-ttl a.fa { right: 5px; }
    .productCart .cartForms .tabItem .contactus { margin-left: -10px !important; margin-right: -10px !important; }
    .hdrBskt img.cart_iconGrey { display: inline-block; }
    .hdrBskt img.cart_icon { display: none; }
    .registerWrap .grid.fixedSpaces { }
    .registerWrap .grid.fixedSpaces .proFileTbl { }
    .registerWrap .grid.fixedSpaces .col-12-12 > .ordrNextBtn { }
    .grid.ipad50 [class*="col-6-12"] { max-width: 100%; }
    .registerForm { min-height: auto; padding-right: 0px; border: none; }
    .grid.fixedSpaces.ipad50 .registerForm .grid.fixedSpaces { margin-left: -10px !important; margin-right: -10px !important; }
    .grid.fixedSpaces.ipad50 .registerForm .grid.fixedSpaces [class*='col-'] { max-width: 50%; }
    .BlockSuccess, .BlockError { padding-left: 10px !important; padding-right: 10px !important; }
    .discountSec.input input { max-width: 100%!important; }
    .discountSec a { float: right; margin-top: 10px; }
    .grid.row_flex { display: block; }
    .bxLink_element .BxLink a span { left: 10px; bottom: 15px; }
    .slideWithBxlnk .blueButton02 span { left: 38px; }
    .ftrbackerBT .ftrClmsDiv > .grid.fixedSpaces { display: block; }
    .ftrbackerBT .ftrClmsDiv .grid.fixedSpaces > [class*="col-4-12"] { width: 100%!important; max-width: 100%!important; display: block; }
    .footerbottom ul { text-align: center; width: 100%; margin-bottom: 10px; float: none; }
    .footerbottom .wbstBy { float: none; display: block; text-align: center; }
    .dtlReview .shipInfo .grid { margin-left: -2% !important; margin-right: -2% !important; }
    .offerPopup .popupContent .grid [class*="col-"] { max-width: 100%; float: none; padding: 0px; }
    .odrDate { float: left; width: 100%; margin-top: 15px; margin-bottom: 5px; }
    .ftrNav { display: block; }
    .ftrNav li { display: inline-block!important; border-right: 1px solid #ccc; width: auto; margin-bottom: 10px; }
    .ftrNav li p { margin-top: 0px!important; margin-bottom: 0px!important; padding-left: 5px; padding-right: 5px; }
    .ftrNav li:last-child { border: none!important; }
    .currencySlct select { padding: 7px 9px 7px; padding-right: 18px; }
    .currencySlct select option { /*padding: 5px 10px!important; width: 75px;*/ }
    .tab-content .prodInfo { height: auto; min-height: auto; }
    .eleBlock.e_html .tab-content .prodInfo { height: auto; min-height: auto; padding: 0px; }
    .tab-content .prodInfo:after,
    .moreInfoBtn { display: none !important; }
    .blrAccr { margin-bottom: 0px!important; }
    .sideTabView { margin-top: 0px!important; padding: 0px!important; }
    .acrdnTabView { padding: 0px!important; }
    .e_twitter,
    .e_googlemap { padding-left: 10px; padding-right: 10px; }
    .gllryHead { padding-left: 10px; padding-right: 10px; }
    .grid_12 .e_videowithtext .prmBlcs { padding-left: 10px; padding-right: 10px; }
    .tabbedinfo .resp-tabs-container { min-height: initial!important; }
    .col-hh-1 .eleBlock.e_texttype { height: auto!important; }
    .eleBlock.e_texttype .textWrap .txtCntnt { padding-bottom: 0px; position: relative; }
    .eleBlock.e_texttype .ucText .text12 { height: 100%; min-height: 100%; }
    .eleBlock.e_texttype .ucText .text12:after {display:none; }
}

@media screen and (max-width:749px) {
    .cd-breadcrumb, .cd-multi-steps { width: 100%; }
    .filtermob { width: 100%; margin-top: -10px; margin-bottom: 0px; position: relative!important; }
    .fullest { width: 100%!important; }
    .hide749 { display: none; }
    select { /*padding: 14px 26px 14px 20px;*/ }
    .specpad { margin-top: -32px; }
    .carrental_specpad { margin-top: -32px; padding: 15px!important; }
}

@media screen and (width: 736px) {
    .usedcarflex .flexslider .flex-viewport { max-height: 500px!important; }
    .productBlock .proImg { min-height: 326px!important; }
}

@media screen and (max-height: 736px) {
    .homepg .homeSocial p { position: inherit; padding: 0; margin-top: 10px; }
}

@media screen and (max-width:699px) {
    .cd-multi-steps.carrental.text-top { width: 100%!important; }
    div.dhx_space { display: none; }
    .live_content input[type=text] { width: 100%!important; max-width: 100%!important; margin-top: 0px; padding-top: 25px; }
    div.sel_area { position: relative; float: none; margin-bottom: 20px; }
    div.live_content label { width: 100%!important; text-align: left; }
    .live_content .sel_area select { width: 100%!important; padding: 12px 26px 12px 20px; font-size: 14px; margin-bottom: 0px; margin-top: 24px!important; }
    .setheight { height: 198px!important; }
    .continuebutton { max-width: 185px!important; }
    .proceed .comfirm .righthold .continuebutton { max-width: 100%!important; }
    .proceed .comfirm .righthold { width: 100%!important; }
    .carrental_specpad { margin-top: -24px; }
    .manualsearch-bg .live_content .sel_area.age { float: left; width: 40%; }
    .manualsearch-bg .live_content .sel_area { float: right; }
    .manualsearch-bg .live_content .sel_area select.setwide02 { width: 240px!important; margin-top: 0px!important; }
    .cd-breadcrumb, .cd-multi-steps { width: 100%!important; }
    .lefthold { width: 35%!important; }
    .lefthold .backbutton { padding: 12px 15px!important; }
    .righthold { width: 60%!important; }
    .closeone { right: 174px!important; }
    .closetwo { right: 126px!important; }
    .closethree { right: 118px!important; }
    .grid-products .proPriceWrp { padding-top: 15px; }
}

@media screen and (min-width:600px) and (max-width:979px) {
    .th_prcLft, .th_prcRgt { width: 100%!important; }
    .th_prcRgt p span.prceVal { display: inline-block!important; }
    .prceTip { right: auto!important; left: -25px; }
    .th_prcRgt p { text-align: left!important; }
}

@media screen and (min-width:600px) and (max-width:767px) {
    .offer_list .box-77 .thumbnail-77 { height: 115px; }
    .ftrwdth .grid.later > [class*="col-"] { width: 33%!important; max-width: 33%!important; }
    .ftrwdth .grid.later > [class*="col-"]:first-child { width: 100%!important; max-width: 100%!important; margin-bottom: 20px; }
    .offrDtlTabs .tabbedinfo ul.tabs li, .usedCarWrap .tabbedinfo ul.tabs li { padding: 10px 15px!important; }
    .image-slider-block .halftp { max-width: 60%!important; margin-top: 100px; }
    div.halftp { padding-top: 5vh !important; }
    .box-77 .thumbnail-77.glry-thumbimg img { /*max-height: 110px!important;*/ width: auto!important; }
    .thmbPrc .th_prcLft .micro { font-size: 14px!important; }
    .fin_wrp .fin_div p { font-size: 12px!important; }
    .fin_wrp .fin_div { font-size: 18px!important; }
    .thmbPrc .th_prcLft { min-height: 30px!important; }
    .valuationWrp .cd-breadcrumb.triangle li > * { padding: 0.9em .8em 1em 0em!important; font-size: 15px!important; }
    .popup .close.loc-close { top: -35px!important; right: -35px!important; }
    .dropdown-el { min-width: 230px!important; }
    .usedcars_lst .thumbs_img, .used-cars_lst .thumbs_img { height: 215px!important; }
    .usedcarflex .flexslider .flex-viewport { /*max-height:unset!important;*/ max-height: 430px!important; height: auto!important; }
    .menufactureLOGO li.logoset { width: 33.33%!important; max-width: 33.33%!important; padding: 30px 48px 48px!important; }
    .usedcars_lst { max-width: 50%; }
    .model_list.newcarMdl_lst { padding-left: 15px; padding-right: 15px; }
    .headRgtWrp select { width: auto; max-width: 199px; }
    .ofrDTL .dropdown-el { top: -68px!important; }
    .hdrSrch { position: absolute; top: 48px; right: 39px; width: 175px; background-color: transparent; }
    .hdrSrch input[type="text"] { background-color: transparent; }
    .subsForm input[type="submit"], .subsForm input[type="button"] { }
    .mainNav ul li.srchIcon { width: 135px; }
    .dvSearchBx { top: 62px; }
    .hdrBsktpop { top: 54px; }
    .trmInfo .grid.fixedSpaces { margin-left: -10px !important; margin-right: -10px !important; }
    .trmInfo .grid.fixedSpaces [class*="col-6-12"] { max-width: 50% !important; width: 50% !important; padding-left: 10px !important; padding-right: 10px !important; }
    .ftrSubscribe p, .subsForm { max-width: 450px; }
    .registerForm { padding-top: 0px; }
    .grid.fixedSpaces.mobGrid50 { margin-left: -10px !important; margin-right: -10px !important; }
    .grid.fixedSpaces.mobGrid50 [class*="col-6-12"] { max-width: 50% !important; }
    .smryItemTxt { width: 40%; }
    .actLinks { padding: 10px 0px; }
    .odrHtryUl { padding-right: 10px; width: calc(100% - 200px); }
    .odrUlTotal { padding-left: 10px; width: 195px; }
    .odrStts { left: calc(100% - 184px); }
    .htryPrdct { width: calc(100% - 90px); }
    .myAccountTab .prdctList .grid { margin-left: -10px !important; margin-right: -10px !important; }
    .e_products .grid-products,
    .myAccountTab .accInfo .grid.fixedSpaces > [class*="col-"] { width: 50% !important; max-width: 50% !important; }
    .myAccountTab .accInfo .grid.fixedSpaces > [class*="col-12-12"] { width: 100% !important; max-width: 100% !important; }
    .trackDetail li p:nth-child(1) { width: 18%; }
    .trackDetail li p:nth-child(2) { width: 14%; }
    .productBlock .proImg { min-height: 292px; }
    .ucGallery .grid.fixedSpaces [class*='col-'] { max-width: 50%; }
    .ucGallery .grid.fixedSpaces [class*='col-']:nth-child(2n + 1) { clear: both; }
}

@media screen and (min-width:600px) and (max-width:736px) {
    .usedcar_blk .thumb_content .cropBottom.alsPra { min-height: 42px!important; }
    .thumb_content .cropBottom.alsPra { min-height: 63px!important; }
    .spofferMinHt .title-77 { min-height: 49px; line-height: 1em; }
    .spofferMinHt .off_was { min-height: 32px; line-height: 1em; }
    .spofferMinHt .off_dis { min-height: 48px; line-height: 1em; }
    .spofferMinHt .off_price { min-height: 40px; line-height: 1em; }
    .usedcar_blk .thumb_content .srtList { margin-top: 10px!important; font-size: 23px!important; }
    .offer_list .off_price { min-height: 48px!important; }
}

@media screen and (min-width:600px) and (max-width:650px) {
    .alsoLike .used-cars_lst .thumb_content p.srtList { font-size: 21px!important; }
    .alsoLike .used-cars_lst .thumb_content .thumb-loc { min-height: 36px!important; }
}

@media screen and (min-width:600px) and (max-width:640px) {
    .homeWrp .prmBlcsSear .searchSectopm .form.parraGF { margin-bottom: 15px!important; margin-top: 0px!important; }
    .homeWrp .prmBlcsSear #contact-form select { margin-bottom: 8px!important; }
    .homeWrp .searchSectopm { padding-left: 4%!important; }
    .imgHover { max-width: 250px!important; }
    .prmBlcsSlider li.offerSlider p, .prmBlcsSlider .offerSlider h2, .prmBlcsSlider .offerSlider .bannerOffr2, .prmBlcsSlider .offerSlider .bannerOffr3 { padding-right: 0px!important; }
}

@media screen and (max-width:600px) {
    .srchbacker { background: #333333!important; }
    .frame-94 .shortlistleft a { width: 100%; margin-bottom: 7px!important; }
    .wrap:not(.noSpaces), .spaceWrap { padding: calc(5.56% + 72px) calc(8% + 8px); }
    .widey { width: 100%; margin-bottom: 6.9px; }
    .frame-94 { padding: 12px 10px 12px 10px; height: 194px; }
    .apptext { float: left; width: 100%; padding-left: 1%; padding-right: 1%; }
    .srchbacker { background: #90b765!important; }
    .hire_booknow { position: relative!important; bottom: 0px; right: 0px; margin-top: 100px; text-align: center; }
    .hire_result { height: 400px; }
    .fullwidth { width: 100%!important; }
    .cntr { position: relative; right: 0px; top: 0px; margin-top: -94px; margin-left: 32px; text-align: left; }
    .btn-radio { cursor: pointer; display: inline-block; }
    .btn-radio02 { margin-left: 20px!important; }
    .intro { font-size: 16px; margin-bottom: 5%; }
    .h2intro { font-size: 14px; margin-top: 14px; }
    .h2click { font-size: 18px; }
    .detailprice { font-size: 15px; margin-top: 2%; letter-spacing: 0px; }
    .wrap:not(.noSpaces), .spaceWrap { padding: calc(5.56% + 72px) calc(8% + 8px); }
    h3.little, .h3.little { font-size: 18px; }
    .callusbtn { margin-top: -5px; font-size: 18px; }
    .cantsee { font-size: 12px!important; padding-left: 20px; padding-right: 20px; width: 92%; margin-bottom: 12px!important; }
    .author-77 { background: #fff; border-top: 1px solid #EBEBEB; padding-top: 6px; margin-top: 4px; position: relative; text-align: left; }
    .finance-info { font-size: 16px; font-weight: 400; margin-top: 4px; color: #354d5f; }
    .finance-info02 { font-size: 16px; font-weight: 400; margin-top: 4px; color: #354d5f; }
    .finapad { border-left: solid 1px rgba(255, 255, 255, 0.3); padding-left: 0px; padding-top: 1%; }
    .popup .wrap.spaces { padding: 10px; }
    .hidefull { display: block; }
    .shortlist_used .srchbacker { background: #90b765!important; }
}

@media screen and (width:600px) {
    .popup .close.loc-close { top: -37px!important; right: -20px!important; }
}

@media screen and (max-height:599px) {
    .flip-container .flipper .front,
    .flip-container .flipper .back { display: block; min-height: auto; }
    .flip-container .flipper { display: block; }
    .sidePanel p + .buttonEnq { margin-bottom: 50px; }
    .product-slider .productBlock .proTtl { margin-bottom: 15px; }
}

@media screen and (max-width:599px) {
    .hdrBsktpop { top: 43px; }
    .show599 { display: block; }
    .proceed .bluedoc .title-77 { text-align: center; }
    .proceed .bluedoc .rel-chk-td input { float: none; width: 20px!important; display: inline-block!important; }
    .proceed .bluedoc .title-77 .terms { text-align: center; float: none; display: block; width: 100%; margin-top: 5px; }
    .srchIcon .material-icons { position: initial; }
    .srchIcon.mobSrchOpen .srchHdr { display: block; }
    .srchIcon .srchHdr { display: none; min-width: 100% !important; margin-right: 0px !important; position: fixed; top: 132px; left: 0px; right: 0px; padding: 10px 20px; background-color: #000; border-bottom: 1px solid rgb(0, 0, 0); }
    .srchIcon .srchHdr .material-icons { position: absolute; top: 18px; right: 30px; cursor: text; }
    .srchIcon .srchHdr input { border-radius: 0px; background-color: transparent; border-color: #fff !important; }
    .srchIcon .srchHdr input::-webkit-input-placeholder { color: #fff; opacity: 1; }
    .srchIcon .srchHdr input::-ms-input-placeholder { color: #fff; opacity: 1; }
    .srchIcon .srchHdr input::placeholder { color: #fff; opacity: 1; }


    .homepg .srchIcon .srchHdr,
    .catBannerShown .srchIcon .srchHdr { background-color: rgba(0,0,0,0.1); border-bottom: 1px solid rgba(221, 221, 221, 0.21); }
    .homepg .srchIcon .srchHdr { background-color: rgba(0,0,0,0.35); }
    .homepg .srchIcon .srchHdr .material-icons,
    .catBannerShown .srchIcon .srchHdr .material-icons { opacity: 1; }
    .homepg .srchIcon .srchHdr input,
    .catBannerShown .srchIcon .srchHdr input { background-color: transparent; border-color: #fff !important; }
    .homepg .srchIcon .srchHdr input::-webkit-input-placeholder,
    .catBannerShown .srchIcon .srchHdr input::-webkit-input-placeholder { color: #fff; opacity: 1; }
    .homepg .srchIcon .srchHdr input::-ms-input-placeholder,
    .catBannerShown .srchIcon .srchHdr input::-ms-input-placeholder { color: #fff; opacity: 1; }
    .homepg .srchIcon .srchHdr input::placeholder,
    .catBannerShown .srchIcon .srchHdr input::placeholder { color: #fff; opacity: 1; }

    .headerFix .srchIcon .srchHdr { background-color: #fff; border-top: 1px solid #efefef !important; border-bottom: 1px solid #efefef !important; }
    .headerFix .srchIcon .srchHdr .material-icons { opacity: 0.6; }
    .headerFix .srchIcon .srchHdr input { background-color: #fff; border-color: #efefef !important; }
    .headerFix .srchIcon .srchHdr input::-webkit-input-placeholder { color: #000; opacity: 0.6; }
    .headerFix .srchIcon .srchHdr input::-ms-input-placeholder { color: #000; opacity: 0.6; }
    .headerFix .srchIcon .srchHdr input::placeholder { color: #000; opacity: 0.6; }

    .homepg .srchIcon .srchHdr input { padding-left: 18px; color: #fff!important; }
    .homepg .srchIcon .srchHdr .material-icons { color: #fff!important; }
    .homepg.headerFix .srchIcon .srchHdr input { color: #101010!important; }
    .homepg.headerFix .srchIcon .srchHdr .material-icons { color: #101010!important; }

    .dvSearchBx { left: 20px; right: 0px; top: 60px; width: calc(100% - 40px); }
    .mainNav { padding-left: 10px; padding-right: 10px; padding-top: 60px; }

    div.prmBlcsSlider .offerSlider p, div.prmBlcsSlider .offerSlider h2 { padding-right: 0px!important; }
    .prmBlcsSlider .offerSlider .bannerOffr2 { font-size: 20px!important; padding-right: 0px!important; }
    .prmBlcsSlider .offerSlider .bannerOffr3 { font-size: 18px!important; padding-right: 0px!important; }
    .promoHeading, .prmBlcsSlider .offerSlider .bannerOffr2, .prmBlcsSlider .offerSlider .bannerOffr3, .prmBlcsSlider .offerSlider .bannerOffr4 { display: none; }
    .offerSlider { background-size: 100% !important; }
    .cd-hero-slider .line_2 { font-size: 18px!important; padding-right: 0px!important; }
    .ftrEnqry .col-6-12 { text-align: center!important; margin-bottom: 10px; padding: 0px!important; }
    .ftrEnqry .col-6-12 * { text-align: center!important; }

    .cd-breadcrumb li > *, .cd-multi-steps li > * { display: inline-block; font-size: 0.7rem!important; }
    .maxer { max-width: 100%!important; }
    .fillDetail .formForfill .manualsearch { padding: 5px 5px 15px!important; }
    .fillDetail .formForfill .manualsearch p.almostDone { padding: 12px 10px 10px; }
    .servbox { height: 72px!important; }
    .deliveryAdd .accessorbox .servbox { height: 100%!important; min-height: 100px; }
    .accessorbox .servbox .accessimg { display: block!important; width: 50%; position: static!important; float: none; text-align: left; }
    .accessorbox .servbox .accessimg img { width: auto!important; float: none; max-width: 120px; }
    .accessorbox .servbox .accessimg:after { content: ""; display: block; clear: both; }
    .step3 .accessorbox .servbox { height: 200px!important; }
    .accessorbox .servbox .accesstext { width: 100%!important; float: left; position: static!important; }
    .priceCheck { position: absolute; right: 10px; top: 10px; }
    .deliveryAdd .accessorbox .servbox .LocTitle { width: 65%!important; }
    .homeWrp .srchBtns p.advan_srch { width: auto; padding-top: 2px; }
    .homeWrp .prmBlcsSear .searchSectopm .form.parraGF span.vecAvbl { bottom: 73px; }
    .homeWrp .prmBlcsSear .alfa-button { margin-top: 15px!important; }
    .menufactureLOGO .logoset { width: 50%!important; height: 50%!important; }
    .menufactureLOGO li.logoset { padding: 30px!important; }
    .ftrwdth .grid.later > [class*="col-"] { margin-bottom: 25px; }
    .pill.controller { margin-left: 10px; margin-right: 10px; }
    .pill.controller li { width: 100%; }
    .pill.controller li:first-child { border-radius: 4px 4px 0px 0px!important; }
    .pill.controller li:last-child { border-radius: 0px 0px 4px 4px!important; }
    .offrDtlTabs .tabbedinfo ul.tabs li, .usedCarWrap .tabbedinfo ul.tabs li { width: 100%; margin-left: 0px!important; margin-right: 0px!important; margin-bottom: 1%!important; border: 1px solid #ccc!important; }
    .grid:not(.later) > [class*='col-'] { max-width: 100%!important; width: 100%!important; }
    .grid:not(.later) > [class*='col-1-12-8'] { max-width: 25%!important; width: 25%!important; }
    .menufactureLOGO > [class*="col-"] { max-width: 100%!important; margin-bottom: 10px; }
    .prmBlcs.prmBlcsSlider { width: 300px; }
    .backtotop { bottom: 280px; }
    /*--------------Top Mobile Icon Start--------------*/
    .sideTopMenu { /*display: inline-block;*/ position: fixed; top: 64px; left: 0; right: 0px; width: 100%; background: #f4f4f4; z-index: 999; text-align: center; border-bottom: 1px solid #c1c1c1; padding: 7px 0px 5px; height: 57px; }
    .sideTopMenu a { color: #373737; display: inline-block; }
    .sideTopMenu a .fa { font-size: 20px; }
    .sideTopMenu a .fa.fa-heart { color: #d80025; }
    .sideTopMenu a .fa.fa-heart-o { color: #d80025; }
    .sideTopMenu a span { display: inline-block; width: 100%; text-align: center; font-family: Arial; font-size: 15px; }
    .content .bottomHdr { display: none; /*margin-top: 75px !important;*/ }
    .padinnit.navtop { /*padding-bottom: 59px !important;*/ }
    .rgtMenu { display: none; }
    span.button.actionButton.rightIcn { background: transparent !important; right: 10px !important; top: 8px !important; }
    .button.actionButton.rightIcn img { display: none; }
    .button.actionButton.rightIcn img.mobileBar { display: inline-block; }
    .sections.desktop .left.top { width: 45%; }
    .mobLftLogo { width: 175px; display: inline-block !important; position: relative; top: 0px; left: 20px; padding-top: 10px; }
    .mobLftLogo a { display: inline-block; }
    .mobBrandRgtLogo { display: inline-block !important; max-height: 63px; position: relative; right: 5px; }
    .mobBrandRgtLogo a { display: inline-block; }
    .mobBrandRgtLogo a img { max-height: 63px; }
    div.homeWrp { /*position: relative; padding-top: 275px !important; margin-top: 10px;*/ }
    .homeWrp .prmBlcsSear .carsrchWrp { border: none !important; padding: 0; height: auto!important; background: transparent; }

    .homeWrp .prmBlcsSear { width: 100%; height: auto; }
    .homeWrp .prmBlcsSear .searchSectopm .form.parraGF { margin: 10px 0px !important; }
    .homeWrp .prmBlcsSear .alfa-button { margin-top: 10px !important; margin-bottom: 15px !important; }

    .homeWrp .theme1 .cd-hero-slider li { min-height: 100%!important; }
    .homeWrp .prmBlcs:hover .blueBtnAro { z-index: 995; }
    .homeWrp .promoWrap img { max-width: 100% !important; }
    .homeWrp .prmBlcs.prmBlcsSlider { width: 100%; height: 275px !important; position: absolute; top: 0px; left: 0px; }

    .homeWrp .cd-hero.homeSLider { height: 100%; }
    .homeWrp .homeSLider .cd-hero-slider { height: 275px !important; min-height: auto; }
    .homeWrp .prmBlcsSlider .cd-hero-slider .offerSlider .cd-full-width { padding: 15px 20px !important; }
    .homeWrp .promoHeading span { font-size: 15px; text-transform: uppercase; }
    .homeWrp .promoHeading span:last-child { font-size: 25px; display: block; }
    .homeWrp .offrTopBDR { left: 20px; max-width: calc(100% - 40px); top: 0; bottom: unset; }
    .homeWrp .prmBlcsSlider .promoSlider .bannerOffr2 { font-size: 25px; }
    .homeWrp .cd-hero-slider .line_2 { font-size: 15px !important; line-height: 1em; }
    .seeOffr { display: inline-block; }
    .cd-hero-slider .rollarrow { display: none; }

    .offrListTop { border-top: none !important; margin-top: 10px !important; }
    .prmBlcsSlider .offrListTitle { width: calc(100% - 65px) !important; line-height: 1em; }
    .offrListTitle b { font-size: 15px; display: block; }
    .cd-hero-slider li.offerSlider { background-position: bottom right !important; }
    .topHdr .hdrLeft .hdrLnks { position: absolute; top: 65px; left: 20px; z-index: 9; }
    .topHdr .hdrLeft .hdrLnks > li { padding: 0px; }
    .topHdr .hdrLeft .hdrLnks > li a { color: #000; opacity: 1; }
    /*--------------Top Mobile Icon End--------------*/
    .grid.fixedSpaces.subsForm { margin-left: 0px !important; margin-right: 0px !important; }
    .emailInput.mt15 { margin-top: 0px !important; }
    .subsForm input[type="submit"] { }
    .subsForm .col-6-12 { padding-left: 0px!important; padding-right: 0px!important; margin-bottom: 10px; }
    .footerbottom ul,
    .footerbottom .wbstBy { float: none; width: 100%; }
    .ftrbackerBT .grid.fixedSpaces.subsForm { margin-left: 0px !important; margin-right: 0px !important; }
    .bottom-nav li { line-height: 1.5; margin-left: 5px; padding-left: 5px; }
    .ftrbackerBT .grid li p { }
    .bottom-nav ul li:first-child { display: block; margin-bottom: 2px; }
    .bottom-nav ul li:nth-child(2) { padding-left: 0; margin-left: 0; border-left: 0; }
    .swiper-wrapper > li { min-height: 400px!important; }
    .sideFilters .filter-attr { float: none; width: 100%; padding: 0px 30px; }
    .sideFilters { padding-top: 0px !important; }
    .proDesc .Desline1 .gray-proname,
    .proDesc1 { font-size: 40px !important; }
    .cartCount { width: 125px; margin-right: 5px; vertical-align: middle; }
    .cartCount input[type="text"] { padding: 10px 40px; }
    .cartCount .minus { height: 40px; line-height: 40px; font-size: 30px; }
    .cartCount .plus { height: 40px; line-height: 40px; font-size: 30px; }
    .finance-section .addBasket { margin-right: 10px; padding: 11px 25px; vertical-align: middle; }
    .dlryftr .grid.fixedSpaces > [class*="col-"] { width: 100% !important; max-width: 100% !important; }
    .contentTitle .undrln::after { background-position: center; }
    .mdlAddBasket.modal-container .modal-background .wrap { padding-left: 5%; padding-right: 5%; }
    .blogDtlPage .widget { margin-top: 50px; }
    .blogDtlPage .grid.fixedSpaces [class*="col-"] { padding: 0; }
    .homeWrp .nLayout:first-child > .fix-12-12 .e_texttype .paraFormat.ucText { padding-top: 0px!important; padding-bottom: 0px!important; }
    .contactPage .grid .cntctForm,
    .grid .cntctForm { padding-left: 20px; padding-right: 20px; }
    .grid .cntctForm h2 { margin-top: 40px!important; }
    .grid .cntctForm h2::before { top: -30px!important; left: 0px!important; }
    .cntctAddrs h2 { margin-top: 40px!important; }
    .cntctAddrs h2::before { top: -30px!important; left: 0px!important; }
    .cntctAddrs { padding-left: 0px !important; }
    .cntctNm { margin-left: 10px; }
    .paypal .input .grid.fixedSpaces [class*="col-"] { margin-bottom: 10px; }
    .paypal .input .grid.fixedSpaces [class*="col-"]:last-child { margin-bottom: 0px; }
    .productCart .cartForms .tabItem .ordrNextBtn { float: none; /*margin-left: 10px;*/ }
    .showBskt .hdrBsktpop:before { right: 60px; }
    .cartTable .tbl.pro-table { }
    .cartTable .register-acc { float: none !important; margin: auto !important; }
    .cartTable .register-acc .select.mright { float: none !important; }
    .registerWrap .grid.fixedSpaces .col-12-12 > .col-6-12 { }
    .shipInfo .form-group .grid.fixedSpaces [class*="col-"] { margin-bottom: 15px; }
    .shipInfo .form-group .grid.fixedSpaces [class*="col-"]:last-child { margin-bottom: 0px; }
    .registerWrap .grid.fixedSpaces .col-12-12 .ordrNextBtn { float: none; }
    .registerWrap .grid.fixedSpaces .col-12-12 > .ordrNextBtn { margin-left: 10px; margin-right: 0px; }
    .registerWrap .grid.fixedSpaces .proFileTbl [class*="pull-"] { float: none !important; text-align: left; }
    .regstrHdr { padding: 30px 0px 30px 0px; }
    .registerWrap .grid.fixedSpaces .BlockSuccess,
    .registerWrap .grid.fixedSpaces .BlockError { padding-left: 10px !important; padding-right: 10px !important; }
    .succsTop { padding: 20px; }
    .succsTop h1 { font-size: 70px; }
    .succsTop h1 span { font-size: 30px; }
    .succsTop p strong { font-size: 18px; padding: 5px 10px 10px; }
    .succsTop p { font-size: 15px; }
    .succsTop p br { display: none; }
    .pro-table th { }
    .pro-table td { }
    .pro-table .tbl-qty input { }
    .pro-table tr:nth-child(2n) td { background-color: transparent; }
    .sideFilters .filter-attr .cstmChk label { font-size: 12px; }
    .cartTable .slctCountry { width: auto; display: inline-block; margin-right: 0px; }
    .cartTable .slctCountry select { width: 105px; }
    .offerPopup .wrap.spaces.thnk_popup { padding: 20px; }
    .offerPopup .popupContent .pad { padding: 20px !important; }
    .offerPopup .emailInpt input { }
    .offerPopup .emailInpt a { }
    .succsTop { box-shadow: none!important; margin: 70px auto 20px auto; }
    .successBnr { margin-top: 0px; }
    .successBnr .fa { font-size: 80px; }
    .cartTable td.tbl-qty { }
    .hdrRgt .hdrLnks > li:first-child { position: absolute; left: 20px; top: 16px; }
    .cntctForm .form-group > label + .grid [class*='col-'] { padding: 0px !important; margin-bottom: 15px; }
    .cntctForm .form-group > label + .grid [class*='col-']:last-child { margin-bottom: 0px; }
    .enqry-checkbox { padding-left: 90px; text-align: left; position: relative; }
    .enqry-checkbox .chk { position: absolute; left: 5px; top: 5px; }
    .cntctLft .enqry-checkbox { padding-left: 40px; }
    .cntctLft .enqry-checkbox .form-consent p { line-height: 1.2em; padding-top: 5px; }

    .sndButn { margin-left: 0px !important; margin-right: 0px !important; text-align: center !important; }
    .popupContent .sapblue + h2 { margin-top: 10px !important; }
    .popupContent h2 + .margin-top-4 { margin-top: 10px !important; }
    .mobNavToggle { }
    .hdrLnks { float: none; position: relative; }
    .hdrLnks > li { padding: 0; margin: auto 15px; display: inline-block !important; }
    .hdrLnks > li.barIcon { margin: auto; padding: 0; margin-left: 15px; }
    .hdrLnks > li .hdrBsktpop { /*left: calc(50% - 185px); width: 300px;*/ left: 0; width: 100%; }
    .hdrLnks > li .hdrBsktpop > svg { left: calc(50% - -27px); }
    .basket-count { margin-left: 10px; right: auto; }
    .hdrLogo { position: absolute; top: 0; left: 0; right: 0; text-align: center; z-index: 999; }
    .productBlock .proImg { min-height: auto; }
    .listBnr .fix-12-12 { width: 90% !important; }
    .catBanner .bnrMaxTxt { max-width: 100%; margin: auto; }
    .ftrbackerBT .ftrClmsDiv .grid.fixedSpaces > [class*="col-4-12"] { padding: 20px; }
    .bottom-nav.footerbottom { padding: 20px; }
    .contentTitle { font-size: 40px; }
    .trmInfo .grid.fixedSpaces { margin-left: 0px !important; margin-right: 0px !important; }
    .trmInfo .grid.fixedSpaces [class*="col-6-12"] { max-width: 100% !important; width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; margin-bottom: 15px !important; }
    .productHdr .backBtn { margin: 10px auto; }
    .cartNotifi p { text-align: center; margin: auto; }
    .cartNotifi .material-icons { display: block; margin: auto; margin-bottom: 5px; }
    .sliderWrap { padding-left: 20px; padding-right: 20px; }
    .sliderWrap .swiper-button-next { right: -25px; }
    .sliderWrap .swiper-button-prev { left: -25px; }
    .sliderWrap .swiper-button-next:after { font-size: 28px; }
    .sliderWrap .swiper-button-prev:after { font-size: 28px; }
    .proDesc .Desline1 { margin-top: 10px; }
    .proOption { margin-bottom: 10px; margin-top: 10px; }
    .catBanner .listBnr { padding-top: 165px; }
    .catBanner .catTitle { font-size: 55px; }
    .grid.fixedSpaces.ipad50 .registerForm .grid.fixedSpaces { margin-left: -10px !important; margin-right: -10px !important; }
    .grid.fixedSpaces.ipad50 .registerForm .grid.fixedSpaces [class*='col-'] { max-width: 50% !important; }
    .registerForm .nextPrvDiv { margin-top: 45px; }
    .registerWrap .contentTitle { font-size: 50px; }
    .registerWrap .contentTitle .undrln::after { background-position: left center; }
    .grid.fixedSpaces.mobGrid50 [class*="col-6-12"] { padding-left: 0px; padding-right: 0px; }
    .cartRight { padding: 30px 20px; }
    .productCart .contentTitle { font-size: 50px; }
    .productCart .contentTitle .undrln::after { background-position: left center; }
    .cartForms .resp-tabs-list { display: block !important; }
    .cartTabs .resp-tabs-list li { margin-right: 30px; }
    .cartTabs .resp-tabs-list li:nth-last-child(2) { margin-right: 0px; }
    .cartList > li { width: 100%; float: none; margin-right: auto; }
    .smryItemImg { width: 39%; height: auto; }
    .smryItemTxt { width: 60%; padding-left: 10px; }
    .smryItemPrice { width: 60%; float: none; text-align: left; padding-left: 10px; }
    .smryAddrs .col-6-12 { margin-bottom: 20px; }
    .ordrNextBtn { padding: 10px 20px; }
    .pro-table tr:first-child th { display: none; }
    .cartTable table,
    .cartTable table tbody,
    .cartTable table tbody tr,
    .cartTable table tbody tr td { display: inline-block; }
    .cartTable .tbl-item { float: left; }
    .cartTable .tbl-item span { vertical-align: top; }
    .cartTable table tbody tr td.tbl-item { width: 50% !important; }
    .cartTable table tbody tr td.tbl-item img { width: 100% !important; }
    .cartTable table tbody tr td.tbl-item-name { width: 50%!important; margin-top: 5px; }
    .cartTable table tbody tr td.tbl-qty { width: calc(50% - 0px); }
    .cartTable table tbody tr td.tbl-unit { width: calc(50% - 0px); }
    .cartTable table tbody tr td.tbl-ttl { width: calc(50% - 0px); }
    .cartTable table tbody tr td.tbl-qty > div:first-child { width: calc(100% - 30px) !important; }
    .cartTable table tbody tr td.tbl-qty input { width: 100% !important; }
    .pro-table tr:nth-child(2n) { background: #fafafa; }
    .pro-table td.tbl-ttl a.clsX { right: 12px; }
    .cartTable table tbody tr td.tbl-ttl .show599 { display: inline-block; font-weight: bold; }
    .pro-table .tbl-item-name span strong { padding-bottom: 0px; }
    .actLinks { padding: 20px; }
    .actLinks ul:after { content: ""; clear: both; display: block; }
    .actLinks ul li::after { content: ""; clear: both; display: block; }
    .actLinks { margin-bottom: 20px; }
    .odrHtryUl { width: 100%; border-right: none; border-bottom: 1px solid #e6e6e6; padding: 0px; padding-bottom: 20px; min-height: auto; }
    .htryftr ul { width: 100%; text-align: left; margin-top: 10px; }
    .htryftr ul li { margin-left: 0px; padding-left: 0px; }
    .odrUlTotal { width: 100%; padding: 0; margin-top: 20px; }
    .odrUlTotal li::after { clear: both; display: block; content: ""; }
    .odrStts { position: initial; margin-bottom: 10px; float: left; }
    .actBox { padding: 2px; }
    .myAccountTab .prdctList .grid .grid-products { padding-left: 0px; padding-right: 0px; width: 100% !important; max-width: 100% !important; }
    .myAccountTab .accInfo { padding: 20px; }
    .accInfoTxt ul { min-height: auto; }
    .actBox .pageTitle::after { content: ""; clear: both; display: block; }
    .actBox .pageTitle { margin-bottom: 15px; }
    .trackDetail .trackHead { display: none; }

    .trackDetail ul li { padding-bottom: 15px; margin-bottom: 15px; }
    .trackDetail ul li::after { content: ""; clear: both; display: block; }
    .trackDetail ul li p { width: 100% !important; margin-bottom: 15px; }
    .trackDetail ul li p:last-child { margin-bottom: 0px; }
    .trackDetail ul li p::before { content: attr(data-label); text-transform: uppercase; letter-spacing: 0.09em; font-weight: 600 !important; display: block; width: 100%; float: none; text-align: left; }
    .trackDetail ul li p:after { content: ""; clear: both; display: block; }
    .trackDetail ul li p:first-child { padding-right: 15px; }
    .trackDetail ul li p:nth-child(1),
    .trackDetail ul li p:nth-child(2) { text-align: left; width: 50% !important; float: left; }
    .trackDetail ul li p:nth-child(4) { text-align: left; }

    .odrTracking { padding: 35px 15px; }

    .trackbullet { width: 70px; display: inline-block; vertical-align: top; text-align: center; }
    .trackbullet li { width: 70px; float: none; padding-bottom: 15px; padding-top: 15px; margin: auto; }
    .trackbullet li:first-child { padding-top: 0px; }
    .trackbullet li::after { width: 7px; height: 100%; left: calc(50% - 4px) !important; top: -50%; }
    .trackbullet li:first-child::after { top: 15px; }

    .tracklabel { width: calc(100% - 75px); display: inline-block; vertical-align: top; margin: auto; }
    .tracklabel li { float: none; display: block; width: 100%; text-align: left; margin-bottom: 25px; }
    .tracklabel li p { text-align: left; display: inline-block; margin-right: 10px; }
    .e_products .listHdr h1,
    .e_products .listHdr h4 { float: none; width: 100%; }
    .e_products .listHdr .proFilter { float: none; margin: auto; margin-top: 10px; }
    .proTtl { display: block; overflow: visible; min-height: auto; }
    .prdCustomize { text-align: center; }
    .prdCustomize p { width: 100%; text-align: center; }
    .blogDtlPage { padding-left: 15px; padding-right: 15px; }
    #lnkBasket { position: initial; }
    .e_imageslider .swiper-wrapper > li { min-height: auto !important; padding: 0px; height: 40vw !important; }
}

@media screen and (max-width:570px) {
    .button.button-89, .text-89 { float: left; }
    .text-89 strong { display: block; }
    .text-89 { font-size: 20px; top: -4px; text-align: left; }
    .grid-89 { margin-top: 35px; }
    h1.header-89 { text-align: left; }
    .button.button-79, .text-79 { float: left; }
    .text-79 strong { display: block; }
    .text-79 { font-size: 20px; top: -4px; text-align: left; }
    .button.button-87, .text-87 { float: left; }
    .text-87 strong { display: block; }
    .text-87 { font-size: 20px; top: -4px; text-align: left; }
    .button.button-76, .text-76 { }
    .text-76 strong { display: block; }
    .text-76 { font-size: 20px; top: -4px; }
}

@media screen and (max-width:550px) {
    .manualsearch-bg { height: auto; }
    .manualsearch-bg .live_content .sel_area.age { float: none; width: 100%; margin-top: 0; margin-bottom: 15px; }
    .manualsearch-bg .live_content .sel_area { float: none; width: 100%; margin-bottom: 0; display: inline-block; margin-top: 15px; }
    .manualsearch-bg .live_content .sel_area select.setwide02 { width: 100%!important; }
}

@media screen and (max-width:540px) {
    .bannerpad { }
    h2.banner, .h2.banner { font-size: 28px; }
    .mobpadding { padding: 5px 15px; }
    .manualsearch ul div ul li { max-width: 100%; }
}

@media screen and (max-width:520px) {
    .hidenowmob { display: none; }
    .container-techdtl > ul > li { width: 100%; }
}

@media screen and (min-width:500px) and (max-width:900px) {
    .ucNewCarSpec .h2head-txt { padding-top: 86px!important; font-size: 18px!important; }
}

@media screen and (max-width:500px) {
    .frame-94 { padding: 12px; border: none; }
}

@media screen and (max-width:499px) {
    .cd-breadcrumb li::after, .cd-multi-steps li::after { display: inline-block; content: '\00bb'; margin: 0 0.2em!important; }
    .cd-breadcrumb.triangle li > * { position: relative; padding: 0.9em .3em 1em 0.3em!important; }
    .innerspecpad { border: solid 0px #e1e1e1!important; }
    .enterholder { width: 74%!important; }
    .cd-breadcrumb li, .cd-multi-steps li { height: 35px; }
    .panel01 .regbox, .panel03b .milebox { padding: 10px 0px 10px 0px!important; margin: 10px 0px 20px 0px!important; }

    .panel03b .inputfix { width: 66%!important; margin-left: -14px; }
    .panel02.manualsearch, .panel03c.manualsearch { padding: 10px 0px!important; }
    .notifyEmail input[type="text"] { margin-right: 0px!important; width: 100%!important; max-width: 100%!important; margin-bottom: 10px!important; }
    .notifyEmail .addBasket { width: 100%; }
}

@media screen and (min-width:481px) and (max-width:767px) {
    .Mdlslider .bxSldwrp { padding-left: 40px!important; padding-right: 40px!important; }
}

@media screen and (min-width:480px) and (max-width: 767px) {
    .w49 { width: 49.33%!important; max-width: 100%; }
    .allContBx { -webkit-text-size-adjust: none !important; }
}

@media screen and (min-width:480px) and (max-width:1023px) {
    /*.nwCarlist .box-77 .thumbnail-77 > img { max-height: 99px!important; width: auto!important; }
    .nwCarlist .box-77 .thumbnail-77 { min-height: 99px!important; }*/
}

@media screen and (min-width:480px) and (max-width:959px) {
    .nwCarlist.grid:not(.later) > [class*="col-"] { max-width: 50%!important; width: 100%!important; }
    .ebay_wdth { max-width: 50%; width: 50%; float: left; }
}

@media screen and (max-width:480px) {
    .hdrLnks #lnkBasket { position: initial !important; }
    .hdrLnks > li .hdrBsktpop { left: 0; width: 100%; }
    .Mdlslider .bxSldwrp { padding-left: 0px!important; padding-right: 0px!important; }
    .bx-wrapper .bx-prev { left: -15px!important; }
    .bx-wrapper .bx-next { right: -15px!important; }
    .bx-controls-direction { position: absolute; bottom: -10px; width: 70px; left: 0px; right: 0px; margin: auto; height: 32px; }
    .bx-wrapper .bx-controls-direction a { top: 60px!important; }
    .book-bx .manualsearch { padding: 0px!important; }
    .Mdlslider { padding-bottom: 25px!important; }
    .reg_form { max-height: 500px; }
    .showsmall { display: block!important; }
    .hidersmall { display: none; }
    .formheader { font-size: 19px; line-height: 19px; }
    .sidebar { width: 100%; max-width: 100%; }
    h2.banner,
    .h2.banner { font-size: 28px; }
    .title-77 { font-size: 19px; }
    h1.ditty, .h1.ditty { font-size: 15px; }
    p.micro, p.mirco { font-size: 16px!important; }
    .newcar_blk .micro.bluetxt { font-size: 11px!important; }
    .newcar_blk .micro.vhprice { font-size: 24px!important; }
    .widey { width: 100%; margin-bottom: 6.9px; }
    h3.fromTop span { width: 100%; }
    .micro.srtList { font-size: 21px!important; }
    .OffrSld .ofrTtl { min-height: 38px; }
    .ucarDtlt { width: 100%!important; }
    .financedetails .reserve_me, .financedetails .enquiry_now { width: 100%!important; margin-right: 0px; text-align: center; font-size: 14px!important; }
    .ucarDtrt { width: 100%!important; margin-top: 5px!important; }
    .step3 .accessorbox .servbox { height: 250px!important; }
    .step3 .accesscontain { padding: 20px 0px!important; }
    .deliveryAdd .accessorbox .servbox .LocTitle { width: 100%!important; }
    .hire_result02 { height: 575px!important; }
    .hire_result02 .servbox { height: 200px!important; }
    .btn-radio { display: block; float: none; }
    .btn-radio:not(:first-child) { margin-left: 0; margin-top: 15px; }
    .todaymenu { min-width: 300px; top: 53px; }
    .callusbtn { background-color: #FFF!important; color: #333!important; }
    .callusbtn .fa.callicon { display: none; }
    .callusbtn img.callicon { display: block; position: absolute; right: 10px; color: #FFF; font-size: 20px; top: 0px; }
}

@media screen and (max-width:435px) {
    .hideForPhone { display: none!important; }
    .showForPhone { display: block!important; }
    .ftrbackerBT .col-3-12:nth-child(2), .ftrbackerBT .col-3-12:nth-child(3) { max-width: 100% !important; }
}

@media screen and (min-width:420px) and (max-width:840px) {
    .mnfct_logo { max-width: 47%!important; }
    .nwCarlist .box-77 .thumbnail-77 > img { max-height: 103px!important; width: auto!important; }
}

@media screen and (min-width:420px) and (max-width:767px) {
    .addgrid li { max-width: 50%!important; }
}

@media screen and (min-width:420px) and (max-width:599px) {
    .usedcars_lst { max-width: 50%!important; width: 50%!important; }
}

@media screen and (max-width:420px) {
    .stckistMap { padding-left: 0px; }
    .stckistMap h2::before { top: -17px; left: 0px; }
}

@media screen and (min-width:412px) and (max-width:480px) {
    .teamcontainer { height: 430px!important; }
}

@media screen and (max-width:375px) {
    .posReal .title-77.posTitle1 .closebtn { right: -28px; }
    .smr-part { padding: 15px!important; }
    .proceed .pro-box .fix-6-12 { padding: 5px!important; }
    .proceed .postcode_lookup .btn_find { max-width: 75px!important; }
    .proceed .mail-check > div { min-width: auto; }
    .offerHdng .detailCD, .newcarMdl_lst .detailCD, .sliderFilter .detailCD { width: 260px; }
    .offerHdng .dropdown-el.expanded, .newcarMdl_lst .dropdown-el.expanded, .sliderFilter .dropdown-el.expanded { width: 345px; max-width: 345px; }
}

@media screen and (min-width:360px) and (max-width:599px) {
    .fin_wrp .fin_div { width: 50%; }
    .fin_wrp .fin_div p { font-size: 12px!important; }
    .fin_wrp .fin_div { font-size: 18px!important; }
}

@media screen and (min-width:360px) and (max-width:480px) {
    .usdpaging { line-height: 3; }
    .usdpaging .show_page { padding: 8px 4px 8px 3px!important; }
    .usdpaging .active_page { padding: 8px 4px 8px 3px!important; }
}

@media screen and (min-width:360px) and (max-width:370px) {
    .hdrLnks > li { margin: auto 10px; }
}

@media screen and (min-width:320px) and (max-width:999px) {
    .ofrDTL .ofrWrap { width: 98%!important; }
    /*.contbx-wdth{width:98%!important;}*/
}

@media screen and (min-width:320px) and (max-width:667px) {
    .book-bx .manualsearch.mnSrch { width: 100%; max-width: 250px; margin: 0px; }
    .popButton.ppbtn { border-top: 0px; margin-top: 5px; padding-bottom: 10px; }
}

@media screen and (min-width:320px) and (max-width:640px) {
    .dealermore { width: 300px; max-width: 100%; }
}

@media screen and (min-width:320px) and (max-width:820px) {
    .emissionRte_wrp { padding-bottom: 0px; padding-top: 20px; }
    .emissionRte_wrp, .fuelndTax { width: 100%; }
    .anualMilage input[type="text"] { max-width: 150px!important; float: left; margin-top: 0px; margin-right: 10px!important; }
    .fuelndTax .mlgeDtl .anualMilage { width: 100%; }
    .fuelndTax .ttlMnthCost { width: 100%; margin-bottom: 20px; }

    .fuel-price input[type="text"] { max-width: 60px!important; margin-top: 0px; padding-left: 5px; padding-right: 5px; display: inline-block!important; margin-right: 5px!important; }
}

@media screen and (min-width:320px) and (max-width:599px) {
    .spofferMinHt .title-77 { min-height: unset!important; padding-bottom: 5px; }
    .offer_list .off_price { min-height: unset!important; padding-bottom: 5px; }
    .ftrSocial { padding-right: 10px!important; }
    .navtop .frnLogo { width: 40%!important; float: left; white-space: initial; }
    .navtop .frnLogo a { margin-top: 15px; padding-right: 5px; }
    .navtop .menuSidebar { float: right; white-space: initial; }
    .navtop .menuSidebar .srchHdr { min-width: auto; float: left; margin-right: 0; width: 73%; }
    .navtop .menuSidebar .srchHdr .micIcn { right: 10px; }
    .navtop .menuSidebar .srchHdr label { left: 15px; }
    /*.navtop .menuSidebar .button.actionButton { margin-top: 16px!important; margin-left: 5px!important; }*/
    .hide599 { display: none!important; }
    .popupContent .close { height: 35px!important; width: 35px!important; background-size: 33px!important; }
    .popupContent .close .icn_close { height: 35px; width: 35px; }
    .hdrBrndlogo { right: 10px; padding-left: 10px; min-width: 75px; float: right; }
    .heading_carlist { padding-top: 15px!important; }
    .model_list.newcarMdl_lst { padding-left: 15px; padding-right: 15px; }
    .offerHdng .detailCD, .newcarMdl_lst .detailCD, .sliderFilter .detailCD { position: relative; float: left; left: 0; top: 5px!important; width: 78%; }
    .offerHdng .detailCD::after, .newcarMdl_lst .detailCD::after, .sliderFilter .detailCD::after { clear: both; display: block; content: ""; }
    .offerHdng .hdrBrndlogo, .newcarMdl_lst .hdrBrndlogo, .sliderFilter .hdrBrndlogo { position: initial!important; display: inline-block!important; }
    .offerHdng .dropdown-el, .newcarMdl_lst .dropdown-el, .sliderFilter .dropdown-el { position: absolute!important; min-width: initial!important; top: 0px!important; left: 0px!important; right: initial !important; width: 100%; }
    /*.heading_carlist.mdllstHdr h1 { width: 100%; max-width: 100%; text-align: center!important; margin-top: 15px; }
    .heading_carlist.mdllstHdr h1::before { clear: both; display: block; content: ""; }*/
    .paraFormat .textWrap { /*padding-left: 10px!important; padding-right: 10px!important;*/ }
    .detailimg { }
    .productHdr::after { content: ""; clear: both; display: block; }
    .breadCrumb.fromLeft { display: none !important; }
    .ofrDTL .dropdown-el, .usedCarWrap .dropdown-el { min-width: 95%!important; left: 0px!important; right: 0px!important; margin: auto; max-width: 95%!important; }
    .usedCarWrap .detailCD { position: initial; }
    .advSrch_open .deeper { padding: 15px!important; }
    .headRgtWrp { position: initial; width: 100%; padding: 0px; text-align: center; margin-bottom: 10px; }
    .headRgtWrp .linkButton { width: 49%; min-width: 49%; text-align: center; margin: 0px!important; float: none; padding: 8px 15px; position: absolute; right: 0px; top: -33px; font-size: 12px; box-shadow: none; border: 0px; }
    .headRgtWrp select { width: 49%; min-width: 49%; margin: auto; float: none; }
    .usedcar_blk .thmbPrc .usdCarLtn { padding-bottom: 15px; }
    .sliderFilter { top: 75px!important; width: 100% !important; padding-left: 10px; padding-right: 10px; }
    .sliderFilter .hdrBrndlogo { right: 9px !important; }
    .image-slider-block .halftp { max-width: 99%!important; margin-top: 145px !important; }
    div.halftp { padding-top: 5vh !important; }
    .mdlSlider .halftp p, .mdlSlider h1.bannermed { margin-left: 0px; }
    /*.usedcars_lst .thumbs_img, .used-cars_lst .thumbs_img { height: auto!important; max-height: unset!important; }
    .usedcars_lst .thumbs_img img, .used-cars_lst .thumbs_img img { position: relative!important; }
    .nwCarlist .box-77 .thumbnail-77 { text-align: center!important; min-height: initial!important; }*/
    .newcarMdl_lst .modelBlk { margin-bottom: 20px; }
    .ftrbacker .grid:not(.later) > [class*="col-"] { max-width: 50%!important; width: 100%!important; padding-right: 0px; }
    .ftrbacker .grid:not(.later) > [class*="col-"] .fxHead { font-size: 15px; margin-top: 9px; }
    .ftrbacker .grid:not(.later) > [class*="col-"] .fxNav .smallmanutop { margin-right: 2px; }
    .fuller { max-width: 100%!important; }
    .col-hh-1 { height: auto; }
    .col-hh-1 .e_aiblock.eleBlock { height: auto; }
    .e_imageblock:hover .imgBlockTint, .bxLayout .e_aiblock:hover .imgBlockTint { opacity: 1!important; }
    .e_imageblock:hover .imgBlockHover { display: none; }
    .sortByDiv .dropdown-el { min-width: 100%; }
    .tags-container { min-height: initial; }
    .dtlBrdCrmb { position: initial; top: 4px; padding-top: 2px; min-width: 110px; width: auto; padding-right: 0px; z-index: 99 !important; background: transparent; height: 35px; }
    .dtlBrdCrmb .backBtn { margin-top: 0px; }
    .mnContentWrp { margin-top: 133px; }
    .searchSectopm { padding: 10px !important; }
    .headRgtWrp { z-index: 99; }
    .dtlBrdCrmb > a.srchAgn { margin-top: 5px; }
    .col-12-12 { }
    .productDtls { margin-top: 15px; padding-top: 0px; }
}

@media screen and (min-width:320px) and (max-width:480px) {
    .mobPhne a span { padding-left: 0px!important; font-size: 14px!important; }
    .mobPhne { margin-top: 24px; padding-left: 10px; }
    .mobPhne a img { width: 20px!important; margin-top: 8px; float: left; margin-right: 0px!important; }
    .menuSidebar.topNavbar .menupad.rightIcn { margin-left: 0px!important; }
    .pdng { padding-right: 25px!important; padding-left: 25px!important; }
    .book-bx input.regPlate.val-regPlate { text-align: center!important; }
    .ucNewCarSpec .h2head-txt { padding-top: 58px!important; font-size: 15px!important; }
}

@media screen and (min-width:320px) and (max-width:479px) {
    .book-bx input.book-input.pcode-input { max-width: 259px!important; }
    .ebay_wdth { max-width: 100%; width: 100%; }
    .vdoThumbwrp .videoThumbnail { w5idth: 100%; max-width: 100%; margin: 0px; }
    .vdoThumbwrp .vdoThmbtxt { width: 100%; max-width: 100%; }
    .nwCarlist .box-77 .thumbnail-77 > img { max-height: unset!important; }
    .newcar_blk .title-77 { min-height: unset!important; padding-bottom: 5px!important; }
}

@media screen and (min-width:320px) and (max-width:420px) {
    .addgrid li { max-width: 100%!important; }
    .usedcars_lst { max-width: 100%!important; width: 100%!important; }
    .manualsearch.searchfeild p { font-size: 13px; }
    .blueBtn { font-size: 13px!important; }
    .MediaPopup .pop-up-pre { margin-bottom: 25%!important; }
    .bx-wrapper .blueBtn { padding: 10px 10px 12px 0; }
    .advSrch_open .slc_down .slectVLW { width: 100%!important; max-width: 100%!important; }
    .hdrLnks > li { margin: auto 8px; }
}

@media screen and (min-width:320px) and (max-width:400px) {
    .sml_stitle.banner-spn1 { margin-bottom: 15px!important; }
}


@media screen and (max-width:355px) {
    .usdpaging { line-height: 3; }
    .usdpaging .show_page { padding: 8px 2px 8px 2px!important; }
    .usdpaging .active_page { padding: 8px 2px 8px 2px!important; }
    .bottomHdr .fix-12-12 { padding-left: 15px; padding-right: 15px; }
    .offerHdng .detailCD, .newcarMdl_lst .detailCD, .sliderFilter .detailCD { width: 200px!important; }
    .offerHdng .dropdown-el.expanded, .newcarMdl_lst .dropdown-el.expanded, .sliderFilter .dropdown-el.expanded { width: 290px!important; max-width: 290px!important; }
    .dtlBrdCrmb > a.srchAgn { padding-left: 10px; padding-right: 10px; }
    .fin_wrp .fin_div { width: 100%; min-height: auto; text-align: left; font-size: 18px!important; }
    .fin_div p { display: inline!important; font-size: 12px!important; }
    .topHdr .hdrLeft .hdrLnks > li a { font-size: 10px; }
    .topHdr > .fix-12-12 { width: calc(100% - 20px) !important; }
    .hdrRgt .hdrLnks > li:first-child { left: 10px; }
    .topHdr .hdrLeft .hdrLnks { left: 10px; }
    .mobNavToggle { }
    .hdrLnks > li { margin: auto 8px; }
    .hdrLnks > li.barIcon { margin-left: 5px; }
    h1.huge, .h1.huge { font-size: 50px; }
    .button.uppercase,
    .uppercase { letter-spacing: 0.07em; }
    .odrHtry { padding: 20px 15px; }
    .odrInvc { padding: 10px 10px; }
    .odrTrack { padding: 10px 10px; margin-left: 0px; }
    .actBox .pageTitle .ordrNextBtn { margin-top: 15px; float: left !important; }
    .mdlLogin p.form-title { font-size: 43px; }
}


/*only for banner slider height*/

@media screen and (min-width:401px) and (max-width:420px) {
    .carousel-cell { height: 380px; }
    .detailimg .flickity-viewport { min-height: 380px; }
    .detailimg .carousel-nav .flickity-viewport { min-height: 90px; }
}

@media screen and (min-width:371px) and (max-width:400px) {
    .carousel-cell { height: 345px; }
    .detailimg .flickity-viewport { min-height: 345px; }
    .detailimg .carousel-nav .flickity-viewport { min-height: 60px; }
}


@media screen and (min-width:355px) and (max-width:370px) {
    .carousel-cell { height: 333px; }
    .detailimg .flickity-viewport { min-height: 333px; }
    .detailimg .carousel-nav .flickity-viewport { min-height: 75px; }
    div#dvCaptcha { transform: scale(0.82); -webkit-transform: scale(0.82); transform-origin: 0 0; -webkit-transform-origin: 0 0; }
}

@media screen and (min-width:320px) and (max-width:355px) {
    .carousel-cell { height: 293px; }
    .detailimg .flickity-viewport { min-height: 293px; }
    .detailimg .carousel-nav .flickity-viewport { min-height: 60px; }
    div#dvCaptcha { transform: scale(0.82); -webkit-transform: scale(0.82); transform-origin: 0 0; -webkit-transform-origin: 0 0; }
}

/*only for banner slider height*/


#cd-logo { float: left; margin: 13px 0 0 5%; }
#cd-logo img { display: block; }

@media only screen and (min-width: 768px) {
 #cd-logo { margin: 23px 0 0 5%; }
}

.input-96.inputEnq { border: 1px solid rgba(41, 41, 41, 0.2)!important; margin: 5px 0px 0px 0px!important; height: 52px!important; }
.fromRight.linkEnq { margin-top: 7px; }
.cd-primary-nav { /* mobile first - navigation hidden by default, triggered by tap/click on navigation icon */ float: right; margin-right: 5%; width: 44px; height: 100%; background: url("../images/cd-icon-menu.svg") no-repeat center center; }
.cd-primary-nav ul { position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.cd-primary-nav ul.is-visible { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); }
.cd-primary-nav a { display: block; height: 50px; line-height: 50px; padding-left: 5%; background: #21272c; border-top: 1px solid #333c44; color: #ffffff; }

@media only screen and (min-width: 768px) {
 .cd-primary-nav { /* reset navigation values */ width: auto; height: auto; background: none; }
 .cd-primary-nav ul { position: static; width: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); line-height: 70px; }
 .cd-primary-nav ul.is-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
 .cd-primary-nav li { display: inline-block; margin-left: 1em; }
 .cd-primary-nav a { display: inline-block; height: auto; font-weight: 600; line-height: normal; background: transparent; padding: .6em 1em; border-top: none; }
}

/* -------------------------------- 

Slider

-------------------------------- */
.cd-hero { position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 0; border-top: solid 0px #e1e1e1; }

@media screen and (max-width:1199px) { /*.cd-hero{margin-top:70px;}*/
}

.cd-hero-slider { position: relative; height: 60vh; overflow: hidden; }
.cd-hero-slider li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.cd-hero-slider li.selected { /* this is the visible slide */ position: relative; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.cd-hero-slider li.move-left { /* slide hidden on the left */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected { /* the is-moving class is assigned to the slide which is moving outside the viewport */ -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; }

@media only screen and (min-width: 1020px) {
 .cd-hero-slider { height: 60%; max-height: 400px; }
}

@media only screen and (min-width: 1280px) {
 .cd-hero-slider { height: 60%; max-height: 440px; }
}

/* --------------------------------  Single slide style  -------------------------------- */

.cd-hero-slider { list-style: none; }
.cd-hero-slider li { background-position: center center; background-size: cover; background-repeat: no-repeat; min-height: 362px; }

.cd-hero-slider .allMdl { color: #ffffff; margin-bottom: 0; }
.cd-hero-slider .allMdl.btm01 { margin-bottom: 20px; }
.cd-hero-slider .head02 { color: #ffffff; margin-top: -24px; margin-bottom: 4px; letter-spacing: 0.2px; font-weight: 200; text-transform: none; }
.cd-hero-slider .head03 { color: #ffffff; margin-top: -4px; margin-bottom: 4px; letter-spacing: 0.2px; font-weight: 200; text-transform: none; }
.cd-hero-slider .head04 { margin-top: 0px; margin-bottom: 0; }
.cd-hero-slider .head04.btm04 { margin-top: 25px; }
.mdlOny { font-size: 16px; font-weight: 600; }
.mdlOTR { font-size: 14px; color: #ffffff; padding-top: 2px; }
.mdlHero { padding-top: 34px; padding-bottom: 20px; border-bottom: solid 1px #e1e1e1; }
.h3Hro { color: #333333; margin-bottom: 18px; border-bottom: solid 1px #eeeeee; padding-bottom: 16px; padding-top: 0px; }


.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width { position: absolute; width: 100%; height: 100%; z-index: 999; left: 0; top: 0; /* this padding is used to align the text */ padding-top: 0px; text-align: center; /* Force Hardware Acceleration in WebKit */ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
.cd-hero-slider .cd-img-container { /* hide image on mobile device */ display: none; }
.cd-hero-slider .cd-img-container img { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.cd-hero-slider .cd-bg-video-wrapper { /* hide video on mobile device */ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.cd-hero-slider .cd-bg-video-wrapper video { /* you won't see this element in the html, but it will be injected using js */ display: block; min-height: 100%; min-width: 100%; max-width: none; height: auto; width: auto; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }



.cd-hero-slider .cd-btn { display: inline-block; padding: 1.2em 1.4em; margin-top: .8em; background-color: rgba(212, 68, 87, 0.9); font-weight: 700; letter-spacing: 1px; color: #ffffff; text-transform: uppercase; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; }
.cd-hero-slider .cd-btn.secondary { background-color: rgba(22, 26, 30, 0.8); }
.cd-hero-slider .cd-btn:nth-of-type(2) { margin-left: 1em; }
.no-touch .cd-hero-slider .cd-btn:hover { background-color: #d44457; }
.no-touch .cd-hero-slider .cd-btn.secondary:hover { background-color: #161a1e; }

@media only screen and (max-width: 3200px) {
 /* .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 20px;
  }
  .cd-hero-slider h2, .cd-hero-slider p {
    margin-bottom: 20px;
	
  }*/
 .cd-hero-slider .cd-bg-video-wrapper { display: block; }

 .darkoverlay { display: block; background: url(../images/overlay01.png) top center no-repeat; background-size: cover; }
}

@media only screen and (max-width: 1279px) {
 .cd-hero-slider .cd-full-width,
 .cd-hero-slider .cd-half-width { padding-top: 20vh; padding-left: 4%; padding-right: 4%; }
 .cd-hero-slider h2, .cd-hero-slider p { margin-bottom: 20px; }
 .cd-hero-slider .cd-bg-video-wrapper { display: block; }
}

@media only screen and (max-width: 1024px) {


 .cd-hero-slider li:nth-of-type(4) { /*background-image: none;*/ }
 .cd-hero-slider .cd-full-width,
 .cd-hero-slider .cd-half-width { }
 .cd-hero-slider .cd-bg-video-wrapper { display: block; }
 .cd-hero-slider .cd-half-width { width: 45%; }
 .cd-hero-slider .cd-half-width:first-of-type { left: 5%; }
 .cd-hero-slider .cd-half-width:nth-of-type(2) { right: 5%; left: auto; }
 .cd-hero-slider .cd-img-container { display: block; }


 .cd-hero-slider .cd-btn { }
}

@media only screen and (max-width: 520px) {
 .cd-hero-slider .cd-full-width,
 .cd-hero-slider .cd-half-width { padding-top: 21vh; }
}


/* -------------------------------- 

Single slide animation

-------------------------------- */
@media only screen and (min-width: 768px) {
 .cd-hero-slider .cd-half-width { opacity: 0; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); }
 .cd-hero-slider .move-left .cd-half-width { -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); }
 .cd-hero-slider .selected .cd-half-width { /* this is the visible slide */ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
 .cd-hero-slider .is-moving .cd-half-width { /* this is the slide moving outside the viewport 
    wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */ -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s; -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s; transition: opacity 0s 0.5s, transform 0s 0.5s; }
 .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
 .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type { /* this is the selected slide - different animation if it's entering from left or right */ -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s; -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s; transition: opacity 0.4s 0.2s, transform 0.5s 0.2s; }
 .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
 .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) { /* this is the selected slide - different animation if it's entering from left or right */ -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s; -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s; transition: opacity 0.4s 0.4s, transform 0.5s 0.4s; }
 .cd-hero-slider .cd-full-width h2,
 .cd-hero-slider .cd-full-width p,
 .cd-hero-slider .cd-full-width .cd-btn { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); }
 .cd-hero-slider .move-left .cd-full-width h2,
 .cd-hero-slider .move-left .cd-full-width p,
 .cd-hero-slider .move-left .cd-full-width .cd-btn { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); }
 .cd-hero-slider .selected .cd-full-width h2,
 .cd-hero-slider .selected .cd-full-width p,
 .cd-hero-slider .selected .cd-full-width .cd-btn { /* this is the visible slide */ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
 .cd-hero-slider li.is-moving .cd-full-width h2,
 .cd-hero-slider li.is-moving .cd-full-width p,
 .cd-hero-slider li.is-moving .cd-full-width .cd-btn { /* this is the slide moving outside the viewport 
    wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */ -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s; -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s; transition: opacity 0s 0.5s, transform 0s 0.5s; }
 .cd-hero-slider li.selected h2 { -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s; -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s; transition: opacity 0.4s 0.2s, transform 0.5s 0.2s; }
 .cd-hero-slider li.selected p { -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s; -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s; transition: opacity 0.4s 0.3s, transform 0.5s 0.3s; }
 .cd-hero-slider li.selected .cd-btn { -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s; -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s; transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s; }
}
/* -------------------------------- 

Slider navigation

-------------------------------- */
.cd-slider-nav { position: absolute; /* width: 100%;*/ display: inline-block; bottom: 0; right: 18px; z-index: 2; text-align: right; height: 55px; }
.cd-slider-nav nav, .cd-slider-nav ul, .cd-slider-nav li, .cd-slider-nav a { height: 100%; }
.cd-slider-nav nav { display: inline-block; position: relative; }
.cd-slider-nav .cd-marker { position: absolute; bottom: 0; left: 0; width: 20px; height: 100%; }
.cd-slider-nav .cd-marker.item-2 { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.cd-slider-nav .cd-marker.item-3 { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); }
.cd-slider-nav .cd-marker.item-4 { -webkit-transform: translateX(300%); -moz-transform: translateX(300%); -ms-transform: translateX(300%); -o-transform: translateX(300%); transform: translateX(300%); }
.cd-slider-nav .cd-marker.item-5 { -webkit-transform: translateX(400%); -moz-transform: translateX(400%); -ms-transform: translateX(400%); -o-transform: translateX(400%); transform: translateX(400%); }
.cd-slider-nav ul:after { clear: both; content: ""; display: table; }
.cd-slider-nav li { display: inline-block; width: 21px; float: left; }


.no-touch .cd-slider-nav li.selected a:hover { background-color: transparent; }
.cd-slider-nav a { display: block; position: relative; padding-top: 35px; font-size: 1rem; font-weight: 700; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; }
.cd-slider-nav a:before { content: ''; position: absolute; width: 12px; height: 12px; top: 8px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /*background: url('../images/cd-icon-navigation.svg') no-repeat left center / 115px;*/ border: 1px solid #fff; background-color: #b2b2b2; border-radius: 50%; }
.no-touch .cd-slider-nav a:hover { background-color: rgba(0, 1, 1, 0.0); }
.cd-slider-nav li:first-of-type a:before { background-position: 0 0; }
.cd-slider-nav li.selected:first-of-type a:before { background-position: 0 -24px; }
.cd-slider-nav li:nth-of-type(2) a:before { background-position: -24px 0; }
.cd-slider-nav li.selected:nth-of-type(2) a:before { background-position: -24px -24px; }
.cd-slider-nav li:nth-of-type(3) a:before { background-position: -48px 0; }
.cd-slider-nav li.selected:nth-of-type(3) a:before { background-position: -48px -24px; }
.cd-slider-nav li:nth-of-type(4) a:before { background-position: -72px 0; }
.cd-slider-nav li.selected:nth-of-type(4) a:before { background-position: -72px -24px; }
.cd-slider-nav li:nth-of-type(5) a:before { background-position: -96px 0; }
.cd-slider-nav li.selected:nth-of-type(5) a:before { background-position: -96px -24px; }

.bgColor { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 9999; text-align: center; }
.bgColor .loading { position: relative; top: 35%; }
.bgColor .loaderWhite { background-color: #fff; border-radius: 8px; padding: 15px 25px; }

@media only screen and (min-width: 768px) {
 .cd-slider-nav { height: 45px; }
 .cd-slider-nav .cd-marker,
 .cd-slider-nav li { }
 .cd-slider-nav a { padding-top: 48px; font-size: 0.9rem; text-transform: uppercase; }
 .cd-slider-nav a::before { top: 10px; }
}

/* -------------------------------- 

Slider dots/controls 

-------------------------------- */
.cd-slider-controls { position: absolute; bottom: 20px; left: 53%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 3; text-align: right; width: 90%; }
.cd-slider-controls::after { clear: both; content: ""; display: table; }
.cd-slider-controls li { display: inline-block; margin-right: 10px; }
.cd-slider-controls li:last-of-type { margin-right: 0; }
.cd-slider-controls li.selected a { background-color: #ffffff; }
.cd-slider-controls a { display: block; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; height: 10px; width: 10px; border-radius: 50%; border: 2px solid #ffffff; }
.no-touch .cd-slider-controls a:hover { background-color: #ffffff; }


/* -------------------------------- 

Main content

-------------------------------- */
.cd-main-content { width: 90%; max-width: 768px; margin: 0 auto; padding: 2em 0; }
.cd-main-content p { font-size: 1.4rem; line-height: 1.8; color: #999999; margin: 2em 0; }

@media only screen and (min-width: 1170px) {
 .cd-main-content { padding: 3em 0; }
 .cd-main-content p { font-size: 1.6rem; }
}

@media only screen and (max-width: 480px) {
 .cd-hero { position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 62px; }
}
/* -------------------------------- 

Javascript disabled

-------------------------------- */
.no-js .cd-hero-slider li { display: none; }
.no-js .cd-hero-slider li.selected { display: block; }

.no-js .cd-slider-nav { display: none; }

@media only screen and (min-width: 320px) and (max-width: 480px) {
 .halftp { padding-top: 5vh!important; }
 .cd-hero-slider li { min-height: 100%; }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
 .halftp { padding-top: 8vh!important; }
 /* .cd-hero-slider {height:40vh!important;}*/
 .cd-hero-slider li { min-height: 100%; }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
 .halftp { padding-top: 8vh!important; }
 .cd-hero-slider { height: 50vh!important; }
}

.bannerslide .cd-hero-slider { height: 60vh!important; }

.megmen { clear: both; font-size: 0.8125em; margin: 0 auto; position: relative; color: #000; text-align: left; }
.cbp-hrmenu { width: 100%; }

/* general ul style */
.cbp-hrmenu ul { margin: 0; padding: 0; list-style-type: none; text-align: left; }

/* first level ul style */
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner { margin: 0 auto; max-width: 1024px; font-size: 14px; }

.cbp-hrmenu > ul > li { display: inline-block; margin: 0 6px; }



.cbp-hrmenu > ul > li > a { padding: 4px 15px 16px; color: #212121; font-size: 14px; }


.cbp-hrmenu > ul > li:first-child a { margin-left: 0px; }

.cbp-hrmenu > ul > li:last-child > a { margin-right: 0px; }

.cbp-hrmenu > ul > li > a:hover { color: #000; /*transition: 0s!important; opacity: 1.0!important;*/ }
.cbp-hrmenu > ul > li > a.booktop { font-weight: bold; border-bottom: solid 2px; }
.cbp-hrmenu > ul > li > a { border-bottom: solid 2px transparent; }

.cbp-hrmenu > ul > li > a:hover { border-bottom: solid 2px; }


.cbp-hrmenu > ul > li.cbp-hropen > a:hover { transition: 0s; }

/* sub-menu */
.cbp-hrmenu .cbp-hrsub { display: none; position: absolute; background: #ffffff; /*width: 100%;
	left: 0;*/ top: 30px; -webkit-box-shadow: -1px 10px 20px -10px rgba(0,0,0,0.44); -moz-box-shadow: -1px 10px 20px -10px rgba(0,0,0,0.44); box-shadow: -1px 10px 20px -10px rgba(0,0,0,0.44); }

.cbp-hropen .cbp-hrsub { display: block; padding-bottom: 1em; z-index: 9990; min-width: 208px; }

.cbp-hrmenu .cbp-hrsub-inner > div { /*width: 40%;*/ float: left; /*padding: 0 2em 0;*/ padding: 0 1em 0; width: 100%; }

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after { content: " "; display: table; }

.cbp-hrmenu .cbp-hrsub-inner:after { clear: both; }

.cbp-hrmenu .cbp-hrsub-inner > div a { line-height: 2.4em; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; background: #ffffff!important; padding: 0!important; color: #000; }

.cbp-hrmenu .cbp-hrsub-inner > div > ul > li { display: block; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.cbp-hrsub h4 { color: #9E9E9E; margin: 0; font-size: 16px; font-weight: 400; }
.cbp-hrsub h4 a { color: #9E9E9E!important; text-transform: uppercase; }

/* Examples for media queries */

@media screen and (max-width: 52.75em) {

 .cbp-hrmenu { font-size: 80%; }
}

@media screen and (max-width: 43em) {

 .cbp-hrmenu { font-size: 120%; border: none; }

 .cbp-hrmenu > ul,
 .cbp-hrmenu .cbp-hrsub-inner { width: 100%; padding: 0; }

 .cbp-hrmenu .cbp-hrsub-inner { padding: 0 2em; font-size: 75%; }

 .cbp-hrmenu > ul > li { display: inline-block; }

 .cbp-hrmenu > ul > li > a { display: inline-block; padding: 1em 10px; }

 .cbp-hrmenu .cbp-hrsub { position: relative; }

 .cbp-hrsub h4 { padding-top: 0.6em; }

}

@media screen and (max-width: 36em) {
 .cbp-hrmenu .cbp-hrsub-inner > div { width: 100%; float: none; padding: 0 2em; }
}

li.cbp-hropen:last-child .cbp-hrsub { right: -5px; }

/*
 * jQuery FlexSlider v2.6.3
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face { font-family: 'flexslider-icon'; src: url('fonts/flexslider-icon.eot'); src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; }
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover { outline: none; }
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: auto; display: block; max-height: 500px; margin: auto; max-width: 100%; }
.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }
/* =======* DEFAULT THEME *=======*/
.flexslider { margin: 0 0px 10px; background: #fff; border: 0px solid #fff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); }

.flexslider ul.slides { background: #fff!important; }
.flex-active-slide img { background-size: cover!important; }
@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) {.flex-active-slide img;
{ position: relative; right: -1px; }
}
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; -moz-user-select: none; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.usedcarflex .flex-viewport { max-height: 385px!important; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.0); }
.flex-direction-nav a:before { display: none; font-size: 40px; display: inline-block; content: ''; color: rgba(0, 0, 0, 0.0); }
.flex-direction-nav a.flex-next:before { display: none; content: ''; }
.flex-direction-nav .flex-prev { background: url(../images/chev-left.png) no-repeat; left: -10px; }
.flex-direction-nav .flex-next { background: url(../images/chev-right.png) no-repeat; right: -10px; text-align: right; }
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }
.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; }

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }
.flex-control-thumbs { display: none; margin: 3px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }


.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
    .flex-direction-nav .flex-next { opacity: 1; right: 10px; }
}

@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.1.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa02{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:bold;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-square:before,.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}
/* -------------------------------- 

Primary style

-------------------------------- */
html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
*, *::after, *::before { box-sizing: border-box; }

header { position: relative; }
header h1 { text-align: center; font-size: 2rem; }
.pull-right { float: right!important; }
.pull-left { float: left!important; }
.displayB { display: block; }
.displayNB { display: inline-block; }
.btmSpace { margin-bottom: 24px; }
.mtop { margin-top: 24px; }
.mtop18 { margin-top: 18px; }
.mbottom { margin-bottom: 14px; }
.mtminus25 { margin-top: -25px; }
.pdR06 { padding-right: 6px!important; }
.nws16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs19 { font-size: 19px; }
.fs20 { font-size: 20px; }
.alsColor { color: #999; }
.color_99 { color: #999999; }
.gray_33 { fill: #333333; }
.white_ff { color: #ffffff; }
.dark_ff { color: #212121; }
.req-fld { color: #ff0000; font-size: 16px; }
.height48 { height: 48px; }
.height_auto { height: auto; }
.fw400 { font-weight: 400!important; }
.contbody { padding-top: 14px!important; }
.posRL { position: relative; overflow: visible!important; }
.pCont { margin-bottom: 22px; margin-top: 2px; padding-bottom: 12px; }
.contCLS { float: right; position: inherit; padding: 4px; }
.spacegrid { margin-top: 2px!important; max-width: 100%!important; }
.loc_name { font-size: 14px!important; margin-bottom: 0px!important; padding: 8px!important; color: #3e3e3e!important; text-transform: uppercase!important; position: relative; padding-left: 5px; }
.loc_name:before { content: ""; display: block; width: 4px; height: 14px; position: absolute; left: -3px; background-color: #ef7b7a; top: 10px; }
.contacts_wrap { display: inline-block; float: left; padding-right: 30px; margin-top: -10px; margin-bottom: 20px; }
.contacts_bdr { border-bottom: dotted 2px #e1e1e1; }
.contacts_wrap ul { display: block; }
.contact_dtl { /*max-width: 12.9%;*/ width: 155px; float: left; display: block; }
.closeTX { float: right!important; font-size: 14px!important; padding-top: 4px!important; padding-right: 4px!important; }
.aplNow { letter-spacing: 0px!important; background: #7EBD00; }
.repDrv { border-top: solid 1px #e1e1e1; padding-top: 12px; }
.border_b_e1 { border-bottom: solid 1px #e1e1e1; }
.border_b_ee { border-bottom: solid 2px #eeeeee; }
.phnoB { font-size: 21px; margin-bottom: 2px; }
.blueBtnAro { font-size: 13px; display: inline-block; padding: 15px 30px; background-color: #000; text-decoration: none; transition: .3s; line-height: 1; letter-spacing: 0.1em; color: #ffffff; margin: 10px; cursor: pointer; }
.blueBtnAro.button { background-color: #000; color: #fff; }
.blueBtnAro:hover { }
.blueBtnAro[style="background-color:#FFFFFF"],
.blueBtnAro[style="background-color:#FFF"],
.blueBtnAro[style="background:#FFFFFF;"],
.blueBtnAro[style="background:#FFF;"] { color: #000; }
.popupContent .blueBtnAro { background-color: #ef7b7a; }
.cAlignLeft .blueBtnAro { margin-left: 0px; }
.cAlignRight .blueBtnAro { margin-right: 0px; }
.cAlignCenter .blueBtnAro { margin-left: auto; margin-right: auto; }
.blueBtn { font-size: 14px; font-weight: 600; margin-bottom: 8px; padding: 10px 22px 12px 0; }
.alsPra03 { padding-top: 0px; font-size: 14px; }
.mnttl-86 { letter-spacing: 0; font-size: 14px; }
.csnDD { background: #212121; padding: 8px 12px 12px 12px; margin-top: 8px; margin-right: 0.3%; border-radius: 4px; margin-bottom: 18px; }
.aplyFNC { margin-top: 20px; margin-bottom: 20px; background-color: rgba(181, 181, 181, 0.3); border: solid 0px #666666; }
.inCrp { font-size: 21px; padding-left: 20px; padding-right: 20px; color: #666666; }
.fa-times.close { width: 30px; height: 30px; background-color: #fff; border: solid 1px #000; border-radius: 50%; color: #000; font-size: 19px; padding-top: 4px; margin-top: 10px; }
.alsPra { padding-top: 4px; font-size: 16px; }
/*.list_content li { list-style: square; color: #303030; margin-bottom: 10px; font-size: 15px; opacity: .8; }*/
.list_content li { list-style: none; color: #303030; margin-bottom: 10px; font-size: 15px; opacity: .8; display: block; padding-left: 20px; position: relative; }
.list_content li:before { content: ""; display: block; width: 5px; height: 5px; background-color: #303030; position: absolute; top: 6px; left: 0px; }
.list_content li span { color: #303030; }
.click_Collect { font-size: 13px; border-radius: 3px; float: right; background: #c5253d; font-weight: 600; margin-right: 0px!important; }
.test_drive { background: #8bc34a; border-radius: 40px; padding-left: 40px; padding-right: 40px; color: #fff; margin-left: 30px; font-weight: 600!important; }
.cntSection { margin-bottom: 12px!important; padding-bottom: 13px!important; border-bottom: solid 2px #e1e1e1!important; }
.line01USD { padding-top: 0px; font-size: 14px; font-weight: 600; color: #ef7b7a; }
.line02USD { border-top: solid 1px #eeeeee; padding-top: 10px; font-size: 32px; margin-top: 16px; margin-bottom: 0px; }
.line02USD span { float: right; font-size: 12px; color: #666666; }
.line03USD { border-bottom: solid 1px #eeeeee; padding-top: 0px; font-size: 14px; margin-top: 2px; padding-bottom: 14px; }
.line03USD span { color: #c5253d!important; font-weight: 600; }
.line04USD { font-size: 17px; margin-bottom: 4px; padding: 4px; }
.line05USD { font-size: 17px; /*background:#ffffff;*/ padding: 4px; margin-bottom: 4px; }
.line06USD { font-size: 17px; /*background:#deebf4;*/ padding: 4px; margin-bottom: 4px; }
.line07USD { font-size: 17px; /*background:#deebf4;*/ padding: 4px; margin-bottom: 4px; border-left: solid 1px #ffffff; }
.line08USD { font-size: 17px; background: #ffffff; padding: 4px; }
.addList { font-size: 12px; color: #ffffff; padding: 8px 16px; background: #ef7b7a; border-radius: 3px; margin-right: 5px!important; display: inline-block; }
.view_srt_list { font-size: 12px; color: #ffffff; padding: 8px 16px; background: #999999; border-radius: 3px; margin-right: 5px!important; display: inline-block; }
.srchAgain { font-size: 12px; color: #ffffff; padding: 8px 16px; background: #303030; border-radius: 3px; display: inline-block; }
.srtList { color: #303030; font-size: 24px !important; margin-top: 24px !important; }
.srtListspn { color: #c80f2e; font-size: 12px; }
.srtListclr { color: #c80f2e; }
.srtListpra { padding-top: 5px; color: #ef7b7a; font-weight: 600; font-size: 14px!important; text-transform: uppercase; padding-bottom: 18px; }
.fa-remove:before {
  content: "\f00d"; }
.itaTX { border-bottom: 1px dotted #ababab; text-decoration: none; }

.usdpaging { /*border-top: solid 1px #e1e1e1;*/ padding-top: 18px; margin-bottom: 25px; }
.usdpaging a { padding: 8px 0px; margin: 0px 5px; }
.usdpaging a:hover { background-position: 0 -100%; }
.usdpaging .active_page { padding: 8px 12px 8px 12px; background: #ccc; }
.usdpaging .show_page { padding: 8px 12px 8px 12px; border: solid 1px; }

.bdr0 { border-bottom: solid 0px #e1e1e1; }
.bdrnone { border: solid 0px #e1e1e1; }



.ofrTri { font-weight: 600; margin-top: 14px; background: #ef7b7a; padding-top: 10px; margin-bottom: 8px; padding-right: 63px; }
.ofrh3 { color: #333333; margin-bottom: 18px; border-bottom: solid 1px #eeeeee; padding-bottom: 10px; padding-top: 0px; }
.ofrtx { margin-top: 4px; height: auto; margin-bottom: 12px; }
/*-- layout css --*/

.searchfullPart { border-bottom: 1px solid #e1e1e1; }



.advSrch_open select { margin-right: 0; margin-bottom: 10px; }
.frmSec .mrgTop { margin-top: 15px; }
.mrgTop .fa { position: relative; top: -3px; left: 0; font-size: 16px; color: #b2b2b2; padding-right: 5px; }
.homebacker { /*background:#fff;*/ }
.menufactureLOGO { margin-top: 25px; margin-bottom: 25px; }
.menufactureLOGO::after { clear: both; display: block; content: ""; }
.menufactureLOGO li { width: 117px; padding: 0px 10px!important; display: table-cell; vertical-align: middle; text-align: center; }
.menufactureLOGO li a { background-color: #fff; }
.menufactureLOGO li img { border: solid 1px #e1e1e1; }
.menufactureLOGO li img:hover { border: solid 1px #fff; }
/*-- promo--latest-news--imagefeed --*/
.ImgsBlcs .thumbnail-77,
.prmBlcs .thumbnail-77 { overflow: hidden; border: solid 0px rgba(255, 255, 255, 0.25); }
.ImgsBlcs .fullthumbnail { height: auto!important; }
/*-- all images are overflow to BOXES --*/
/*-- ENDs boxes --*/
.latestnews .imgDIS { font-weight: 400; font-size: 24px; border-bottom: solid 0px #d50032; padding-bottom: 4px; letter-spacing: -0.5px; margin-top: 24px; }
.latestnews .ltsNesw { margin-top: -2px; height: 24px; color: #a1a1a1; margin-bottom: 0px; }
.latestnews .abtNews { padding-top: 12px; border-bottom: solid 0px rgba(33, 33, 33, 0.12); overflow: hidden; }
.latestnews .brandCR a { border: solid 1px #E8E6E1; /*display:inline-block;*/ }
.latestnews .sceHead { color: #212121; font-size: 18px; font-weight: 600; margin-bottom: 0px; line-height: 1; }
.latestnews .pareSRC { line-height: 1; }
.latestnews .readMR { color: #111; font-weight: 900; }
/*-- end --*/
.socialSec .table { border-bottom: solid 0px #e1e1e1; }
.socialSec .sclHead { font-weight: 400; font-size: 20px; border-bottom: solid 0px #d50032; padding-bottom: 4px; letter-spacing: -0.5px; margin-top: 24px; }
.socialSec .teaseline { margin-top: -2px; height: 24px; color: #a1a1a1; margin-bottom: 0px; }
.socialSec .clrTx { color: #35B0F5; }
.socialSec .timeline { padding: 0!important; max-height: 300px; overflow: auto; }
.mont { }
.blueButton01 { font-size: 13px; display: inline-block; padding: 15px 30px; margin-top: 40px; background-color: #FFF; color: #1c1b1b; text-decoration: none; transition: .3s; letter-spacing: 0.1em; }
.blueButton02 { font-size: 13px; display: inline-block; padding: 15px 30px; margin-top: 40px; background-color: #FFF; color: #1c1b1b; text-decoration: none; transition: .3s; letter-spacing: 0.1em; }
.blueButton02:hover { background-color: #1c1b1b; color: #fff; transition: .3s; }
.blueButton02:hover, .saerchBTNB:hover { box-shadow: none!important; }
.inrTx { position: absolute; right: 14px; top: 12px; }
.inrTx.tp09 { top: 9px; }
.socialSec .equalElement .sclHead, .latestnews .equalElement .imgDIS { margin-top: 0!important; }
/*-- Banner --*/
.cont_wrap { padding-top: 0px; padding-bottom: 24px; border-bottom: solid 0px #e1e1e1; margin-bottom: 24px; }
.cont_wrapDTL { padding-top: 0px; padding-bottom: 24px; border-bottom: solid 1px #e1e1e1; }

.bannerslide .hidenowmob { margin-top: 12px!important; }
/* --- Row classes for front home page --- */
.grid.grid_4_4_4 { margin-left: -5px!important; margin-right: -5px!important; }
.grid_4_4_4 > [class*="col-"] { padding-left: 5px!important; padding-right: 5px!important; }
.grid_4_4_4 .thumbnail-77 { /*height:224px; text-align:center;*/ }
.grid_4_4_4 .thumbnail-77 img { width: inherit!important; max-width: 100%!important; }
.grid_4_4_4 .paraFormat .padding-left-2 { padding-left: 0!important; }
.grid_4_4_4 .paraFormat .padding-right-3 { padding-right: 0!important; }
.grid_3_3_3_3 .paraFormat .padding-left-2 { padding-left: 0!important; }
.grid_3_3_3_3 .paraFormat .padding-right-3 { padding-right: 0!important; }

.grid_6_6 { padding-bottom: 10px!important; padding-top: 5px!important; }
.intro360 { padding-top: 25px; }
.view360DG { padding-top: 0px; padding-bottom: 0px; }
.sapblue { background: #1d437d; width: 28px; height: 2px; margin: auto; }
.ttl360 { font-size: 18px; font-weight: 500; padding-top: 18px; color: #999; margin-bottom: 0px; }
.faIcon { color: #9a9a9a; display: inline-block; line-height: 1!important; margin-right: 5px; text-align: center; width: 18px; }
.faIconnew { font-size: 20px; }
.faIcon_squ { font-size: 20px; color: #ef7b7a; }
.faIcon_squ.mr5 { margin-right: 5px; }
.mlMinus { margin-left: -2px; }
.mlMinus03 { margin-left: -3px; }
.mlIcon { margin-right: 2px; }
.mrDeail { color: #ef7b7a; font-size: 14px; text-transform: uppercase; padding-top: 10px; display: inline-block; }
.maparea { width: 600px; height: 250px; }
.fa-home { color: #414141; }
.bx-controls-direction .bx-prev { display: inline-block; line-height: 3; padding: 0 10px; background: #000; text-decoration: none; color: #fff; font-size: 12px; position: absolute; left: 0; top: 140px; opacity: .4; }
.bx-controls-direction .bx-next { display: inline-block; line-height: 3; padding: 0 10px; background: #000; text-decoration: none; color: #fff; font-size: 12px; position: absolute; right: 0; top: 140px; opacity: .4; }
.bx-controls-direction .bx-prev.disabled,
.bx-controls-direction .bx-next.disabled { display: none; }
.bx-wrapper { position: relative; overflow: hidden; }
.bx-wrapper .bx-pager { display: none; }
.bx-wrapper .bx-controls { position: absolute; left: 0; top: 0; width: 100%; }
.bxslider { list-style: none; margin: 0; padding: 0; width: 100%; }
.bxslider li { display: inline-block; width: 100%; color: #afafaf; font-size: 80px; }
.ttlDIS { font-weight: 100; font-size: 44px; border-bottom: solid 0px #ef7b7a; padding-bottom: 4px; letter-spacing: -0.5px; margin-top: 38px; color: #333; }
.sldBNR { margin-top: 8px; margin-bottom: 14px; color: #666; font-size: 16px; }
.allSct .topmenu li a { color: #8a8a8a; font-size: 13px; }
.topmenu { color: #8a8a8a!important; padding-top: 12px!important; padding-left: 0px!important; border-top: solid 0px #c3c3c3; margin-right: 40px; height: 100px; }
.topmenu li { font-size: 14px!important; margin-left: 12px!important; vertical-align: top; padding-top: 14px; }
.topmenu .liLast { font-size: 14px!important; margin-right: 28px; border-top: solid 3px #ef7b7a!important; padding-top: 10px!important; }
.topmenu .liLast a { font-weight: 600; color: #414141!important; }
.frnLogo { padding-top: 0px!important; position: relative!important; }
.rgtMenu ul li:last-child a { margin-right: 0px; }
/*.menuSidebar{position:relative;}*/
.pareSRC { font-size: 16px; font-weight: 100; }
.pareSRC.paresum { font-size: 14px; }
.search-block [class*="ae-"] { transform: none!important; -webkit-transform: none!important; -moz-transform: none!important; -ms-transform: none!important; -o-transform: none!important; }
.search-block .fix-12-12c.homebacker .prmBlcsSear { border: none; }
html.sidebarShown .slide.adv-search.whiteSlide.selected { opacity: 1!important; }
.hmbacker { margin-top: 0px; padding-top: 18px; padding-bottom: 62px; }
.contDIS { max-width: 100%!important; }
.ttlINcs { font-weight: 200; font-size: 38px; color: #333; border-bottom: solid 0px #ef7b7a; padding-bottom: 4px; /*letter-spacing: -0.5px;*/ margin-top: 38px; line-height: 1; }
.ttlINcs span { display: inline-block; line-height: 1em; }
.e_videoslide .ttlINcs .bgBL { line-height: 1.6; }
.leftbacker { margin-top: 8px; margin-bottom: 14px; color: #666; font-size: 16px; }
.bdrBTHead { border-top: 2px solid #e1e1e1; }
.menuBacker { /*border-top:solid 1px #dedede; padding-top: 18px;*/ }
.mnTop { border-top: solid 1px #e1e1e1; padding-top: 6px; }
.headkto { margin: 0 auto!important; max-width: 1200px!important; width: 100%!important; }
.lgHeader { display: inline-block; margin-top: -10px; }
.lgHeader img { width: 124px; }

.ftrwdth ul.grid.later { margin-left: auto; margin-right: auto; }
.ftrbacker { padding-top: 0px; padding-bottom: 16px; margin-top: -12px; margin-bottom: -5px; background: #212121; }
.ftrbacker .fixWD { margin-top: 12px; max-width: 100%!important; }
.ftrbacker .padT16 { padding-top: 16px; }
.ftrbacker .fxHead { margin-bottom: 0px; font-size: 22px; }
.ftrbacker .fxNav { border-top: solid 0px #e1e1e1; padding-top: 8px; }
.ftrbackerBT { margin-top: 80px; position: relative; }
.ftrbackerBT .linkPra { color: #fff; font-weight: 600; }
.ftrbackerBT .lnkColor { color: #e1e1e1; }
.ftrbackerBT .grid p { margin: 10px auto; }
.ftrbackerBT ul li a,
.footerbottom ul li a { color: #555; }
.footerInfo a:hover .fa,
.ftrbackerBT ul li a:hover,
.footerbottom ul li a:hover { }

.ofrDTL { padding-top: 10px; padding-bottom: 24px; }
.ofrWrap { /*width:92%!important;*/ }
.smlLogo { margin-bottom: 10px; border-bottom: solid 1px #eee; padding-bottom: 16px; padding-top: 0px; color: #333; }
.foneNO { font-weight: 600; float: right; }
.PPClick { font-size: 13px; border-radius: 3px; float: right; background: #c5253d; font-weight: 100; margin-right: 0px!important; }
.infomobile { font-size: 24px; }
.smlLine { padding-top: 0px; font-size: 18px; }
.ofrBline { font-size: 22px!important; font-weight: 400; margin-top: 16px; color: #333; border-top: solid 1px #ccc; padding-top: 12px; margin-bottom: 14px; }
.popButton { padding-top: 12px; border-top: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; padding-bottom: 4px; }
.poplinks .iconpad { font-size: 14px; font-weight: 500; border-radius: 40px; margin-right: 7px; margin-bottom: 7px; float: left; box-shadow: none!important; border: solid 2px #d4d4d4; color: #303030; background-color: #ffffff; }
.poplinks .iconpad:hover { color: #fff; }
.poplinks .iconpad:hover img.top { opacity: 0; }
.allContBx { display: inline-block; /*padding-left:5%!important; padding-right:5%!important;*/ }
.ofrINT { font-size: 21px; padding-left: 20px; padding-right: 20px; font-weight: 600; color: #000; }
.SpeciPOP h2 { color: #666; }
.FinaPOP li { border: solid 1px #e1e1e1; width: 50%!important; }
.FinaPOP p { margin-bottom: 0px; padding: 8px; font-weight: 600; }
.orderlist ul { margin-top: 0!important; }
.orderlist ul:nth-child(even) { background: #fff; }
.orderlist ul:nth-child(odd) { background: #f4f4f4; }
.frmPra { margin-bottom: 8px; margin-top: 18px; border-bottom: solid 1px #e1e1e1; padding-bottom: 12px; }
.clsw { float: right!important; position: inherit!important; padding: 4px!important; }
.clsTXb { float: right; font-size: 14px; padding-top: 4px; padding-right: 4px; }
.slc_down { background: #f1f1f1; padding: 10px; margin-top: 8px; border-radius: 4px; margin-bottom: 10px; max-width: 250px; }
.slc_down label { margin: 0; color: #303030; font-size: 15px; padding-left: 2px; margin-bottom: 2px; }
.slectVLW { border: 0; background: none; padding-left: 4px; color: #fff; width: 59%; }
.w40 { width: 40px; }
.w40new { width: 100%; max-width: 355px; }
.wd78 { width: 72px; }
.wd88 { width: 88px; }
.wd130 { width: 130px; }
/*addnewcar*/
.slt_multi button { width: 480px!important; height: 28px; line-height: 1; text-align: left; overflow: hidden; text-overflow: ellipsis; padding-right: 20px; }
.cvar button { width: 420px!important; }
.slt_multi button .caret { position: absolute; right: 10px; top: 12px; }
.multiselect-container { width: 100%; height: 210px; overflow-x: hidden; }
.multiselect-container li { margin-bottom: 0px; }
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus { background-color: #E6E6E6!important; color: #464646!important; }
.FinaPOP h2 { color: #303030; font-size: 16px; font-weight: 700 !important; }
.click-78 { cursor: pointer; }
/*.popcnt .ucofr{min-height:inherit!important;}
.popcnt .wrap.spaces{padding-top:0!important; padding-bottom:0!important;}*/
/*.popspec { background: rgba(255, 255, 255, 1)!important; }*/
/*body.popupShown, html.popupShown{overflow:hidden!important;height: 100%;}*/

/*search*/
.sidebar.advSrch_open .content select { max-width: 250px; }
.checkcontainer { margin-bottom: 18px; }
.checkcontainer ul { list-style: none; height: 100%; width: 100%; margin: 0; padding: 0; }
.checkcontainer ul::after { clear: both; display: block; content: ""; }
.checkcontainer ul li { position: relative; float: left; }
.checkcontainer ul li input[type=radio] { position: absolute; top: 9px; opacity: 0; z-index: 99; cursor: pointer; width: 50px; height: 20px; }
.checkcontainer ul li label { display: block; position: relative; font-size: 14px; padding: 10px; padding-left: 10px; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; line-height: 18px; font-weight: normal; margin: 0px; padding-left: 44px; }
.checkcontainer ul li .check { display: block; position: absolute; border: 1px solid #aaa; border-radius: 100%; height: 20px; width: 20px; top: 9px; left: 10px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; }
.checkcontainer ul li:hover .check { border: 5px solid #e1e1e1; }
.checkcontainer ul li .check:before { display: block; position: absolute; content: ''; border-radius: 100%; height: 20px; width: 20px; top: -1px; left: -1px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; }
.checkcontainer ul li input[type="radio"]:checked ~ label { font-weight: bold; border-radius: 99px; }
.checkcontainer ul li input[type="radio"]:checked ~ label .check { border: 2px solid #fff !important; }

.pstCode .col-12-12 { padding: 0px !important; text-align: center!important; max-width: 250px!important; }
.pstCode .col-12-12 a.searchsub { display: inline-block !important; max-width: 95% !important; width: 100% !important; margin: auto !important; margin-top: 15px !important; }

select::-ms-expand { display: none; }
select { -webkit-appearance: none; -moz-appearance: none; }
input[type=radio]:checked ~ label .check { border: 5px solid!important; }
.button.actionButton svg { width: 22px; height: 22px; fill: #666666!important; }
.button svg { width: 22px; height: 22px; fill: #fff!important; }
.pstCode { margin-left: -1%; margin-right: -1%; }
.pstCode input { font-size: 15px; font-weight: 100; margin-top: 12px; }
.pstCode a.srclink { color: #fff; border-radius: 40px; padding-top: 12px; margin-top: 5px; font-size: 15px; line-height: 1.2; }
.pstCode a.srclink .aroRight { position: absolute; right: 14px; top: 14px; }
.fix-12-12.cAlignLeft { width: 100%!important; }
.imagesection { /*padding-bottom: 62px; padding-top: 18px;*/ }
.image-slider-block .imagesection { /*padding-left: 25px; padding-right: 25px;*/ }
.mdlLst { /*padding-top: 10px!important;*/ padding-top: 2px!important; padding-bottom: 24px; }
.mdlLst.padt0 { padding-top: 0px!important; }
.mdlistH3 { color: #333333; margin-bottom: 18px; border-bottom: solid 1px #eeeeee; padding-bottom: 16px; padding-top: 0px; }
.oferLst { /*padding-top: 21px;*/ padding-bottom: 24px; border-bottom: solid 0px #e1e1e1; margin-bottom: 24px; }
.overlaybg { background: rgba(0, 0, 0, 0.4); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999991; display: none; }
.overlaybg.opendiv { display: block; }
.pageFormat { text-align: center; }
.paraFormat { font-size: 14px; }
.paraFormat h1,
.paraFormat h2,
.paraFormat h3,
.paraFormat h4 { text-align: left; }
.pageFormat li { font-size: 13px; }
.paraFormat div { text-align: left; }
.parraSEC ul,
.paraFormat ul, .paraFormat ol { margin-top: 5px; margin-bottom: 5px; padding-left: 30px; display: inline-block; }
.parraSEC ul li,
.paraFormat ul li { margin-bottom: 5px; }
.paraFormat ol { /*padding-left: 30px; margin-left: 0 !important;*/ }
.paraFormat table ul { padding-left: 30px; }

.paraFormat h1 { /*font-weight: normal;*/ }

.paraFormat a { font-size: inherit; font-weight: 600; }
.mrgArea { margin: 9px 0px 0px 0px; }
.uppdle { vertical-align: middle!important; font-size: 15px; padding-top: 15px; padding-bottom: 15px; font-weight: 400!important; letter-spacing: 0.15em !important; text-indent: 0.1em!important; text-transform: uppercase!important; }
.chsHP { color: #666666!important; padding-top: 12px!important; }
.imgsld_sp { height: 2px; width: 50px; margin-bottom: 0px; display: inline-block; }
.sapHold { height: 2px; position: absolute; top: -10px; line-height: 0; font-size: 0; width: 100%; }
.mnFacture .mnproname { height: 48px; }
.mnFacture .mnHead { font-size: 15px; }
.mnFactureLst { text-align: center; }
.mnFacture { display: inline-block!important; margin: 20px auto!important; }
.mnColor { color: #ef7b7a; }
.sldVDO .vdoSap { background: #ef7b7a; height: 2px; width: 28px; margin-bottom: 8px; }
.sldVDO .headTl { font-weight: 100; margin-bottom: 2px; letter-spacing: 1.2px; }
.sldVDO .vdoPra { color: #d4d4d4; }
.sldVDO .vdoBtn { background: transparent; border: solid 1px #fff; font-size: 14px; }
.sldVDO .glryHt { height: 24px; }
.glryBT .glryHt { height: auto; }
.glryBT li { margin-bottom: 15px; }
.sldVDO .glryimg { max-height: calc(100vh - 40px); width: auto; }
.vdobgBX { background: #0C0D0D; }
.vdobgBX .thum82 { border: solid 1px rgba(255, 255, 255, 0.25); }
.vdobgBX .vdoBXsap { background: #ef7b7a; height: 2px; width: 28px; margin-bottom: 8px; }
.vdobgBX .monFam { font-weight: 100; color: #fff; }
.vdobgBX .srcFam { }
.spinImg .spColor { color: #333333; }
.alsoLike { margin-bottom: 48px; margin-top: 18px; }
.alsoLike .equHeight { height: auto; }
.alsoLike .alsPra02 { color: #c80f2e; font-size: 24px; margin-top: 24px; }
.alsoLike .alsPra02 .fs12 { font-size: 12px; }
.halftp { padding-top: 22vh; }
.Mdlslider .bx-wrapper { overflow: inherit!important; }
.Mdlslider .bx-controls { position: static; }
.Mdlslider .bx-prev, .Mdlslider .bx-next { margin-top: -35px!important; z-index: 995 !important; }
.grid.fixedSpaces.Mdlslider { margin-left: 0px; margin-right: 0px; }
.errorCSS { box-shadow: none!important; }
.vdoBGtx h1 { font-size: 22px; }
.vdoBGtx p { font-size: 16px; }
.contrightDtl h1 span { /*color:#c5253d!important;*/ }
.gobutton { border-radius: 4px; margin-top: 11px; padding: 7px 10px 6px; }
/*-value my car-*/
.dprBox { padding-top: 14px!important; }
.parrT01 { margin-bottom: 10px; margin-top: 12px; font-size: 12px; }
.textB01 { font-size: 15px; font-weight: 100; margin-top: 12px; }
.textB02 { font-size: 15px; font-weight: 100; margin-top: 0px; }
.textB03 { font-size: 15px; font-weight: 100; margin-top: 0px; }
.textB04 { font-size: 13px; opacity: 1.0; font-weight: 600; margin-top: 11px; background: #F7C502; border: solid 2px #ccc; box-shadow: none; webkit-box-shadow: none; }
.textB05 { font-size: 15px; font-weight: 100; margin-top: 0px; }
.checlistUl .lst01 { width: 78px; }
.checlistUl .lst02 { width: 72px; }
.checlistUl .lstsdiInfo { margin-bottom: 6px; font-weight: bold; }
.checlistUl .infoInp { height: 180px; font-size: 14px; }
.getVlue { line-height: 1.0; margin-bottom: 0; border-top: solid 1px #e9e9e9; margin-right: 0px; margin-left: 0px; margin-top: 12px; }
.getVlue .btnSubValue { background-color: #8BC34A; color: #fff; border-radius: 4px; padding-top: 12px; font-size: 15px; border: solid 2px #e1e1e1; right: -10px; }
.getVlue .SubValuerightAro { position: absolute; right: 14px; top: 11px; }
/*-use internal css on the MeetTheTeam page-*/
.team_info { position: relative; line-height: 1.2em; text-align: left; padding: 15px; background-color: #2052a0; box-sizing: border-box; width: 100%; height: 313px; font-size: 14px; color: #fff; }
.team_more { margin-top: 16px; padding-left: 14px; }
.team_close { width: 25px; height: 25px; position: absolute; right: 0px; top: 3px; color: #fff; cursor: pointer; }
.team_close i { font-size: 24px; }
.team_info h2 { font-size: 18px; color: #fff; text-transform: none; letter-spacing: normal; margin-bottom: 10px; }
.team_info p { color: #fff; }
.teamblock_bottom { position: absolute; bottom: 10px; }
.teamblock_bottom a { color: #fff; }
.view_more { color: #ef7b7a; font-size: 14px; text-transform: uppercase; cursor: pointer; }
.teamcontainer { width: 100%; height: 313px; position: relative; -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; perspective: 800px; }
.teamcontainer .card { width: 100%; height: 100%; position: absolute; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; }
.teamcontainer .card > div { display: block; height: 100%; width: 100%; line-height: 260px; color: white; text-align: center; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
.teamcontainer .card .back { background: #2052a0; -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); }
.teamcontainer .front, .teamcontainer .back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.teamcontainer .front, .teamcontainer .back { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 1s; transition: transform 1s; }
.teamcontainer .back { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.teamcontainer .card.flipped .front { -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); }
.teamcontainer .card.flipped .back { -webkit-transform: rotateY(0); transform: rotateY(0); }
.teamcontainer .card.flipped { }
.teamcontainer .card .front img { transition: all 0.5s ease 0s; opacity: 1; }
.teamcontainer .card .front:hover img { transition: all 0.5s ease 0s; opacity: .75; -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); }

.compuCooks { background-color: rgba(0, 0, 0, 0.9); border-bottom: 1px solid rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: #ffffff; font-size: 14px; height: auto; left: 0; line-height: 18px; position: absolute; text-align: left; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7); top: 0; width: 100%; z-index: 100000000; padding: 12px 18px 15px; }
.compuCooks .accPT { background-color: #008000; display: inline-block; background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: #ffffff; font-size: 14px; font-weight: normal; margin-right: 16px; padding: 4px 12px; }
.compuCooks .DecLN { display: inline-block; border: none; color: #add8e6; font-size: 14px; font-weight: normal; text-decoration: none; }


.compuCooks.cookieBox { background-color: #f8f8f8; color: #000000; text-shadow: none; position: fixed; bottom: -100px; top: auto; border-top: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); opacity: 1; transition: .3s; }
.compuCooks.cookieBox.showCookie { bottom: 0px; opacity: 1; transition: .8s; }
.compuCooks.cookieBox p { display: inline-block; width: calc(100% - 250px); float: none; margin-bottom: 0px; vertical-align: middle; font-size: 13px; }
.compuCooks.cookieBox .resultButton { display: inline-block; width: 240px; float: none; padding-top: 0px; vertical-align: middle; }
.compuCooks.cookieBox .accPT { display: inline-block; border-radius: 0px; text-align: center; border: none!important; margin-top: 5px; font-size: 12px; background-color: #ef7b7a!important; padding: 10px 22px; text-transform: uppercase; }
.compuCooks.cookieBox .DecLN { display: inline-block; border-radius: 40px; text-align: center; font-weight: bold; border: none !important; margin-top: 7px; font-size: 16px; padding: 5px; color: #005ee2; width: 30px; height: 30px; opacity: .5; float: right; }


@media (min-width:960px) and (max-width:1200px) {
    .teamcontainer { height: 255px!important; }
}



.drop-over .closeTX { padding-top: 0px!important; }
.drop-over .contCLS { padding: 0!important; position: static!important; }
.drop-over ul ul.grid.noSpaces { margin-bottom: 0!important; }
.imgVar { display: table-cell; height: 360px; vertical-align: middle; }



.BrndLG { margin: 0 auto; max-width: 1200px; text-align: right; position: absolute; top: 5px; left: 0; right: 0; text-align: right; z-index: 99; }
.BrndLG .brandLogoRGT { display: inline-block; display: none!important; }
.BrndLG img { max-width: 100%; }


@media (min-width:1200px) and (max-width:1335px) {
    .lgHeader { width: 240px!important; }
}

@media (min-width:1200px) and (max-width:1300px) {
    [class*="fix-"] { width: 100%!important; }
    .padinnit.navtop { /*padding-left: 0!important; padding-right: 0!important;*/ }
}

@media only screen and (min-width: 768px) {
    header h1 { font-size: 3rem; }
}

@media only screen and (min-width: 1170px) {
    header h1 { font-weight: 300; }
}

.rowBG_white { background: #ffffff!important; }
.rowBG_black { background: #000000!important; }
.rowBG_darkgray { background: #383838!important; }
.rowBG_lightgray { background: #f1f1f1!important; }
.rowBG_blue { background: #ef7b7a!important; }

.rowBG_blue .parraSECright a { color: #fff; padding-left: 0; display: inline-block; }
.parraSECright { display: flex; }
.icn_share { width: 26px; }
.altMdlUC input[type="text"],
.altMdlUC input[type="name"],
.altMdlUC input[type="email"],
.altMdlUC input[type="password"],
.altMdlUC input[type="tel"],
.altMdlUC textarea { background: #fff; padding: 10px 12px 10px; border: none; font-size: 14px; color: #242424; outline: none; border-radius: 3px; width: 100%; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; appearance: none; }





.altMdlUC input.stroke, .altMdlUC textarea.stroke { -webkit-box-shadow: 0 0 0 1px rgba(41,41,41,0.2) inset; box-shadow: 0 0 0 1px rgba(41,41,41,0.2) inset; }
.formheader { border-bottom: 0px solid #ef7b7a; font-size: 20px!important; line-height: 1; padding-bottom: 10px; }
.formlabelmain { /*display: block; font-size: 14px; margin-bottom: 36px; margin-top: 10px; width: 100%; line-height: 15px;*/ }
.altMdlUC .buttonClrwht { /*background-color: #dd0000 !important;*/ }
.smallae { color: #303030; }
.app_now { margin-top: 25px; width: 100%; }
.bdr3_top { border-top: 3px solid #e1e1e1!important; }
.bdr3_bottom { border-bottom: 3px solid #e1e1e1!important; }
.SndList { border: solid 1px #e1e1e1; background: #f4f4f4; width: 50%!important; }
.SndList p { margin-bottom: 0px; padding: 8px; font-weight: 600; }
.TrdList { border: solid 1px #e1e1e1; background: #f4f4f4; width: 50%!important; }
.TrdList p { margin-bottom: 0px; padding: 8px; }
.aplBtn { width: 100%; font-size: 14px; font-weight: bold; }
.triangle-right.left { background: #075698; }
.triangle-right { position: relative; padding: 8px 10px 10px 15px; margin: 1em 0 3em; color: #fff; font-size: 16px; background: #075698; background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698)); background: -moz-linear-gradient(#2e88c4, #075698); background: -o-linear-gradient(#2e88c4, #075698); background: linear-gradient(#2e88c4, #075698); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 4px; }
.triangle-right.left:after { top: 6px; left: -40px; bottom: auto; border-width: 13px 28px 0 0; border-color: transparent #247bb8; padding-left: 12px; }
.triangle-right:after { content: ""; position: absolute; bottom: -20px; left: 50px; border-width: 20px 0 0 20px; border-style: solid; border-color: #075698 transparent; display: block; width: 0; }
.usdDtl { margin-bottom: 10px; border-bottom: solid 1px #eee; color: #333; padding-bottom: 5px; padding-top: 0px; text-transform: uppercase; }
.usdInter { background-color: rgba(181, 181, 181, 0.3); border: solid 0px #666666!important; padding-bottom: 30px; padding-top: 25px; }
.flxSld { position: absolute; z-index: 900; float: right; right: 12px; top: 12px; background: rgba(255, 255, 255, 0.5); padding: 1px 5px 0px 6px; border-radius: 3px; line-height: 1em; }
.flxSld .spnClor { color: #000; float: left; margin-right: 5px; padding-top: 3px; }
.flxSld a { display: inline-block; height: 24px; width: 24px; }
.flxSld a img { opacity: 0.6; }
.vehicUsd { font-size: 21px; padding-left: 20px; padding-right: 20px; font-weight: 600; color: #000000; }
.usdLtl { color: #333333; margin-bottom: 18px; border-bottom: solid 1px #eeeeee; padding-bottom: 0px; padding-top: 0px; }
.alsoLike .alsPra04 { font-weight: bold; font-size: 14px; text-transform: uppercase; padding-top: 18px; padding-bottom: 18px; color: #ef7b7a; }
.spnClor { color: #fff; font-size: 15px; }
.regEnq { font-weight: 100; letter-spacing: 1.2px; margin-bottom: 10px; }
.dlrDtl { letter-spacing: -1px; border-left: solid 3px; padding-left: 10px; line-height: 1.0; font-size: 18px; }
.cmrIc { color: #fff; font-size: 22px; }
.ucofr { min-height: 500px; }
.ufOPC { opacity: 0.97; }
.inputEnq { padding-top: 14px; padding-bottom: 14px; }
.linkEnq { font-size: 14px; border-radius: 40px; padding-top: 17px; padding-bottom: 17px; }
.hwrMT { margin-top: 8%; }
.vdoPPcont .popup.fullscreen .embedVideo { height: 100vh; padding-bottom: 0; }
.vdoPPcont .popup .content { height: auto; }
.vdoPPcont .embedVideo { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.vdoPPcont .embedVideo iframe,
.vdoPPcont .embedVideo object,
.vdoPPcont .embedVideo embed,
.vdoPPcont .embedVideo video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.vdoPPcont .iframeBackground { border: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.vdoPPcont .embedVideo.size-16x10 { padding-bottom: 62.5%; }
.vdoPPcont .embedVideo.size-16x10 { padding-bottom: 62.5%; }
.vdoPPcont .embedVideo.size-4x3 { padding-bottom: 75%; }
.vdoPPcont .embedVideo.size-1x1, .vdoPPcont .embedVideo.size-square { padding-bottom: 100%; }
/* -------------------------------- news ------------------------------- */
.smallmanutopsmll { display: inline-block; width: 30px; }
.smallmanutopsmll a { display: inline-block; width: 100%; text-align: center; color: #999; }
.smallmanutopsmll a:hover { color: #ef7b7a; }
.smallmanutopsmll a .fa { font-size: 20px; }
.button.actionButton svg { width: 22px; height: 22px; fill: #666666!important; }
.button svg { width: 22px; height: 22px; fill: #fff!important; }

.panel svg { fill: #666666; }
.PPVideo .popup .content { height: auto; }
.PPVideo .embedVideo { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.PPVideo .embedVideo iframe,
.PPVideo .embedVideo object,
.PPVideo .embedVideo embed,
.PPVideo .embedVideo video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.PPVideo .iframeBackground { border: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.PPVideo .embedVideo.size-16x10 { padding-bottom: 62.5%; }
.PPVideo .embedVideo.size-16x10 { padding-bottom: 62.5%; }
.PPVideo .embedVideo.size-4x3 { padding-bottom: 75%; }
.PPVideo .embedVideo.size-1x1, .embedVideo.size-square { padding-bottom: 100%; }
.title-777 .headspace { display: inline-block; padding: 0 8px 10px; }
.parraSEC .prrspace { display: inline-block; padding-left: 8px; padding-right: 8px; }
.headtx { font-size: 16px; opacity: 1.0; }
.parratx { font-size: 16px; }
.mb14 { margin-bottom: 14px!important; }
.ttltx { letter-spacing: 0px; border-left: solid 3px #ef7b7a; padding-left: 10px; line-height: 1.0; font-size: 18px; font-weight: 600; }
.mbSpace { padding-top: 12px!important; }
.mtThetm .mb04 { margin-bottom: 4px; }
.mtThetm .mtJob { margin-bottom: 2px; font-size: 16px; padding-left: 14px; min-height: 40px; line-height: 1.2; }
.mtThetm .Jobspace { margin-top: 5px; padding-left: 14px; }
.yrEnq { margin-top: 10px!important; }
.wideSearch { width: auto!important; max-height: 100%; /*min-height:184px;*/ }
.errormsg { color: #d9534f; font-size: 12px; font-weight: 500; }


@media only screen and (max-width: 600px) {
    .mobtop { margin-top: 14px!important; }
}
/* -------------------------------- Main Components ------------------------------- */
.cd-product-viewer-wrapper { text-align: center; padding: 2em 0; }
.cd-product-viewer-wrapper > div { display: inline-block; }
.cd-product-viewer-wrapper .product-viewer { position: relative; z-index: 1; display: inline-block; overflow: hidden; }
.cd-product-viewer-wrapper img { display: block; position: relative; z-index: 1; }
.cd-product-viewer-wrapper .product-sprite { position: absolute; z-index: 2; top: -50px; left: 0; width: 1600%; height: 100%; background-size: 100%; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; }
.cd-product-viewer-wrapper.loaded .product-sprite { opacity: 1; cursor: ew-resize; }
.cd-product-viewer-handle { position: relative; top: 28px; z-index: 2; width: 60%; max-width: 300px; border-radius: 50em; margin: -3em auto 3em auto; height: 4px; background: #b4b4b4; }
.cd-product-viewer-handle .fill { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; border-radius: inherit; background: #1c69d4; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; }
.no-csstransitions .cd-product-viewer-handle .fill { display: none; }
.loaded .cd-product-viewer-handle .fill { opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.2s 0.3s; transition: transform 0.3s, opacity 0.2s 0.3s; }
.cd-product-viewer-handle .handle { position: absolute; z-index: 2; display: inline-block; height: 44px; width: 44px; left: 0; top: -20px; background: url(../images/viewerAro.png) no-repeat center center; border-radius: 50%; box-shadow: 0 0 0 6px rgba(0, 126, 219, 0.19), 0 0 20px rgba(0, 0, 0, 0.2); /* replace text with image */ text-indent: 100%; white-space: nowrap; overflow: hidden; color: transparent; -webkit-transform: translateX(-50%) scale(0); -moz-transform: translateX(-50%) scale(0); -ms-transform: translateX(-50%) scale(0); -o-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; }
.cd-product-viewer-handle .handle:active { box-shadow: 0 0 0 0 rgba(181, 66, 64, 0), 0 0 20px rgba(0, 0, 0, 0.2); }
.loaded .cd-product-viewer-handle .handle { /* image sprite has been loaded */ -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); -webkit-animation: cd-bounce 0.3s 0.3s; -moz-animation: cd-bounce 0.3s 0.3s; animation: cd-bounce 0.3s 0.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; cursor: ew-resize; }

@media (min-width:1024px) and (max-width:1199px) {
    .bx-wrapper { height: auto!important; }
    .frnLogo { top: 6px!important; }
    .lgHeader { margin-top: 0!important; }
    /*.frnLogo img{width:195px!important;}*/
    /*.panel.top{padding-bottom:10px!important; padding-top:5px!important;}*/
    .search-block .searchSectopm { padding-left: 0!important; padding-roght: 0!important; }
    .advSrch_open .w25 { max-width: 151px; }
    .advSrch_open .slectVLW { width: 52%!important; }
    .advSrch_open select { padding-left: 5px; text-overflow: ellipsis; }
    /*.navtop{margin-top:0!important; position:static!important;}*/ .wideSearch { min-height: 154px!important; }

    .box-77 .thumbnail-77 img { width: auto!important; height: auto!important; }
    .thumbs_img { height: 210px!important; }
    .delaers_wrap { margin-left: 0px!important; margin-right: 0px!important; }
    .DLRbox.delaers .themefont_cont { min-height: 135px; }
}

@media (min-width:768px) and (max-width:1199px) {
    .heading_carlist { padding-left: 10px; padding-right: 10px; }
    .Mdlslider .bx-wrapper { padding-left: 10px; padding-right: 10px; }
}

@media (min-width:768px) and (max-width:1023px) {
    body { background-color: #fff; }
    .menupad { margin-top: 5px!important; }
    .search-block .col-12-12 { padding-left: 0!important; padding-right: 0!important; }
    .search-block .searchSectopm { padding-left: 5px!important; padding-right: 0!important; }
    .cd-hero.homeSLider { margin-top: 0px!important; }
    /*.page-loaded .scroll .panel, .page-loaded.mobile .simplifiedMobile .panel{position:static!important;}*/
    .rightIcn { margin: 0!important; }
    .logopadder { position: static!important; }
    .logopadder a { display: inline-block!important; }
    .grid, .grid.fixedSpaces { margin-left: 0!important; margin-right: 0!important; }
    .ImgsBlcs .thumbnail-77, .prmBlcs .thumbnail-77 { height: auto; }
    .homeSLider .cd-hero-slider .cd-full-width,
    .homeSLider .cd-hero-slider .cd-half-width { /*padding-top: 12vh!important;*/ }
    .homeSLider h2.bannermed,
    .homeSLider h2.bannermed { font-size: 26px!important; }
    .searchSectopm { /*padding-left: 2%!important; padding-right: 2%!important;*/ }
    .searchSectopm .saerchBTNB { /*max-width: 17%!important;*/ }
    .advSrch_open select { /*width: 19.444%!important;*/ }
    .advSrch_open select.w40new { /*width: 47%!important;*/ }
    /*.bx-wrapper .bx-prev{left:0!important;}.bx-wrapper .bx-next{right:0!important;}*/

    .menufactureLOGO .wide { width: auto!important; }
    .infomobile { font-size: 20px; }
    .PPClick { margin: 0 -15px 0 0!important; padding: 8px 10px!important; }
    .advSrch_open .w25 { max-width: 151px; }
    .nwCarlist .wideSearch { /*min-height:100%!important;*/ }
    .advSrch_open .slectVLW { width: 52%!important; }
    /*.nwCarlist .thumbnail-77{min-height:155px;}*/
    .advSrch_open select { padding-left: 5px; text-overflow: ellipsis; }
    .navtop { }
    .bottomHdr { margin-top: 17px !important; }
    .box-77 .thumbnail-77 img { width: auto!important; height: auto!important; }
    .contrightDtl h1 { font-size: 18px!important; }
    .poplinks .iconpad { float: none!important; }
    .poplinks .iconpad div { left: 4px!important; }
    .usdInter p { padding: 0px!important; }
    .mtThetm img.wide { width: 100%!important; }
    .slider4 .slide .thumbnail-77 { min-height: 184px; }
    /*.thumbs_img {height: 150px!important;}*/
    .DLRbox.delaers_wrap h1.grpName { font-size: 16px!important; height: 30px!important; }
    .DLRbox.delaers .thumbnail-77 { height: 115px!important; }
    .usdDtl .phone_icon { padding-right: 10px; }
    .dealerdetails_wrap .col-8-12 { max-width: 66.66666667%!important; }
    .mdlSlider .halftp p { margin-left: 10px; }
    p.model_desc { padding-left: 10px; padding-right: 10px; }
    .srchHdr { min-width: 235px; }
    .menufactureLOGO li.logoset { width: 33.33% !important; max-width: 33.33% !important; padding: 30px 48px 48px !important; }
    .col-3-12.ae-2.usedcars_lst { max-width: 33.33%; }
}

@media (min-width:320px) and (max-width:767px) {
    .cd-hero.homeSLider { margin-top: 0px!important; }
    .grid, .grid.fixedSpaces { margin-left: 0!important; margin-right: 0!important; }
    .menupad { margin-top: 0!important; }
    .logopadder { position: static!important; }
    .logopadder a { display: inline-block!important; }
    .homeSLider .cd-hero-slider { height: 30vh!important; min-height: 230px; }
    .homeSLider .cd-hero-slider .cd-full-width,
    .homeSLider .cd-hero-slider .cd-half-width { padding-top: 3vh!important; }
    .homeSLider h2.bannermed,
    .homeSLider h2.bannermed { font-size: 16px!important; }
    .searchSectopm { /*padding-left: 2%!important; padding-right: 2%!important;*/ }
    .searchSectopm .saerchBTNB { max-width: 100%!important; }
    .mrgTop { margin-top: 0!important; }
    div.ImgsBlcs, div.socialSec { padding-left: 0!important; padding-right: 0!important; }
    .advSrch_open select { /*font-size: 16px!important; padding: 4px 10px!important;*/ }
    .checkcontainer ul li { max-width: 250px; }
    .menufactureLOGO > [class*="col-"] { /*max-width:32%!important;*/ }
    .ImgsBlcs, .socialSec { padding: 0 10px 10px!important; }
    .ImgsBlcs .thumbnail-77, .prmBlcs .thumbnail-77 { height: auto!important; }
    .blueButton01, .blueButton02 { margin-top: 0!important; }
    .latestnews .abtNews { height: auto!important; }
    .socialSec .teaseline { height: auto!important; }
    .latestnews, .socialSec { padding-left: 10px!important; padding-right: 10px!important; }
    .latestnews .imgDIS, .socialSec .sclHead { font-size: 18px!important; letter-spacing: 0!important; }
    .cd-product-viewer-wrapper .product-sprite { top: -15px!important; }
    .cd-product-viewer-handle { margin-top: 0!important; }
    h1 { /*font-size:28px!important;padding: 0px 10px;*/ }
    .ttlINcs { /*font-size:28px!important;padding: 0px 10px;*/ }
    .ColorBL { line-height: 1.2; }
    .grid_12 .col-12-12 { padding-left: 0px!important; padding-right: 0px!important; }
    .job-col.col-12-12 { padding-left: 10px!important; padding-right: 10px!important; }
    .navtop { /*height: auto!important; padding-top: 15px!important; padding-bottom: 3px!important; margin-top: 0!important; position: static!important;*/ }
    .box-77 .thumbnail-77 img { width: auto!important; height: auto!important; }
    /*.bx-wrapper .bx-prev{left:0!important;}.bx-wrapper .bx-next{right:0!important;}*/
    .contrightDtl { position: relative; padding-top: 45px; }
    .contrightDtl .click_Collect { position: absolute; right: 0; top: -45px; }
    .contrightDtl h1 { font-size: 18px!important; }
    .poplinks .iconpad div { left: 2px!important; }
    .usdInter { padding: 10px!important; }
    .logopadder { width: 184px!important; }
    .usdInter p { padding: 0px!important; font-size: 16px!important; }
    .usdInter a { margin: 10px 0px 0px 0px!important; display: block!important; padding: 13px 0px!important; }
    .view_srt_list, .srchAgain, .addList { font-size: 10px!important; padding: 8px 6px!important; }
    .halftp { padding-top: 18vh!important; }
    .slider4 .slide .thumbnail-77 { min-height: 90px; }
    .slide_wrap .ttlINcs { /*margin-top:0px;*/ }
    .slide_wrap .parraSEC .prrspace { font-size: 16px; font-weight: normal !important; }
    .slide_wrap.imagesection .buttonClick { margin-top: 0px!important; margin-bottom: 0px!important; }
    .slide_wrap.imagesection { /*padding-top:10px; padding-bottom:10px;*/ }
    .slide_wrap .blueBtnAro { margin-top: 0px; margin-bottom: 0px; }
    .slide_wrap .leftbacker { margin-top: 8px; margin-bottom: 8px; }
    .slide_wrap .title-77 span { /*font-size:18px !important;*/ }
    .slide_wrap .grid.fixedSpaces { margin-top: 0px!important; }
    .heading_carlist { /*padding-left: 10px; padding-right: 10px;*/ }
    .heading_carlist h1 { font-size: 20px; }
    .DLRbox h1.grpName { font-size: 18px!important; margin-bottom: 10px!important; font-weight: 400; }
    .thumbs_img { height: 195px!important; }
    .Mdlslider .bx-wrapper { padding-left: 10px; padding-right: 10px; }
    .usdDtl .phone_icon { padding-right: 10px; }
    p.model_desc { padding-left: 10px; padding-right: 10px; }
    .finapad { padding-top: 0px; }
    /*font adjustment*/
    p, .home-news, .compuCooks, .ftrDiclsr, .ftrCompdtl, .cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner, .bottom-nav li, .blueButton02, .cd-hero-slider .sml_stitle, .searchSectopm .parraGF, .imagesection .srcUSE a, .allSct .topmenu li a { /*font-size: 16px!important;*/ }
    .bottomHdr { /*margin-top: 17px !important;*/ }
    .ftrEnqry .fix-12-12 { width: 100% !important; padding-left: 15px; padding-right: 15px; }
    .ftrwdth li.col-2-12 { padding-left: 0px; }

    .pstCode .col-12-12 a.searchsub, ul.pstCode .col-12-12 input { max-width: 250px !important; margin-left: 0px !important; }
    .pstCode .col-12-12 { text-align: left!important; }
}

@media (min-width:480px) and (max-width:767px) {
    .poplinks .iconpad { display: inline-block!important; margin-bottom: 7px!important; width: 45%!important; float: none; }
    .compuCooks.cookieBox { padding: 10px 18px; }
    .compuCooks.cookieBox p { font-size: 12px !important; width: calc(100% - 145px); margin-top: 0px; }
    .compuCooks.cookieBox .resultButton { width: 140px; }
}

@media (min-width:320px) and (max-width:479px) {
    .poplinks .iconpad { display: inline-block!important; margin-bottom: 7px!important; width: 100%!important; }
    .compuCooks.cookieBox p { font-size: 12px !important; width: 100%; margin-top: 0px; }
    .compuCooks.cookieBox .resultButton { width: 100%; text-align: left; }
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    .menupad { margin-left: 0!important; margin-right: -8px!important; }
}

@-webkit-keyframes cd-bounce {
    0% { -webkit-transform: translateX(-50%) scale(0); }
    60% { -webkit-transform: translateX(-50%) scale(1.1); }
    100% { -webkit-transform: translateX(-50%) scale(1); }
}

@-moz-keyframes cd-bounce {
    0% { -moz-transform: translateX(-50%) scale(0); }
    60% { -moz-transform: translateX(-50%) scale(1.1); }
    100% { -moz-transform: translateX(-50%) scale(1); }
}

@keyframes cd-bounce {
    0% { -webkit-transform: translateX(-50%) scale(0); -moz-transform: translateX(-50%) scale(0); -ms-transform: translateX(-50%) scale(0); -o-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); }
    60% { -webkit-transform: translateX(-50%) scale(1.1); -moz-transform: translateX(-50%) scale(1.1); -ms-transform: translateX(-50%) scale(1.1); -o-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1); }
    100% { -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); }
}

/* Underline and Placeholder */
.formHead { position: relative; padding: 0px 1%!important; }
.sndButn { /*margin-left: 1%!important; margin-right: -2%!important;*/ }
.sndButn .blueBtnAro { margin: auto; width: 100%; text-align: center; }
.formHead .errormsg { position: absolute; right: 16px; bottom: 47px; font-size: 11px; }
.formHead label { margin: 0; }
.formHead textarea { max-height: 100px; min-height: 100px; }
.formHead label span, .formHead select { color: #5d5d5d; font-size: 14px; }
.formHead input.floatplaceholder, .formHead textarea.floatplaceholder { /*font-size:48px;font-weight:300;border-radius:2px;margin:0;border:none;width:80%;*/ background: rgba(0, 0, 0, 0); border: 1px solid rgba(41, 41, 41, 0.2); margin: 25px 0px 0px 0px; height: 46px; max-width: 100%; transition: padding-top 0.2s ease, margin-top 0.2s ease; }
.formHead select.inputEnq { width: 100%; height: 46px; padding: 10px; text-indent: 3px; margin: 25px 0px 0px 0px; }
.formHead input.floatplaceholder + label, .formHead textarea.floatplaceholder + label { position: relative; white-space: nowrap; -webkit-transition: width 0.4s ease; transition: width 0.4s ease; height: 0px; }
.formHead input.floatplaceholder:focus + label, .formHead textarea.floatplaceholder:focus + label { width: 80%; }
.formHead input.floatplaceholder:focus, .formHead input.floatplaceholder:valid { /*padding-top:35px;*/ }
.formHead textarea.floatplaceholder:valid, .formHead textarea.floatplaceholder:focus { /*margin-top:35px;*/ }
.formHead input.floatplaceholder:focus + label > span, .formHead input.floatplaceholder:valid + label > span { top: -64px; left: 0; color: #007edb; /*font-size:22px; color:#333;*/ }
.formHead textarea.floatplaceholder:focus + label > span, .formHead textarea.floatplaceholder:valid + label > span { top: -118px; left: 0; -webkit-top: -125px; /*font-size:22px;color:#333;*/ }
.formHead input.floatplaceholder:valid + label, .formHead textarea.floatplaceholder:valid + label { border-color: green; }
.formHead input.floatplaceholder:invalid, .formHead textarea.floatplaceholder:invalid { box-shadow: 1px solid rgba(41, 41, 41, 0.2); }
.formHead input.floatplaceholder + label > span, .formHead textarea.floatplaceholder + label > span { position: absolute; /*font-weight: 300;margin: 0;color: #8F8F8F;font-size: 48px;*/ top: -32px; left: 10px; z-index: 1; -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease; transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease; }
.formHead textarea.floatplaceholder + label > span { top: -86px; }
.formHead textarea.floatplaceholder + label + span { bottom: 105px; }


.formHead input[type="submit"] { -webkit-transition: opacity 0.2s ease, background 0.2s ease; transition: opacity 0.2s ease, background 0.2s ease; display: block; opacity: 0; margin: 10px 0 0 0; padding: 10px; cursor: pointer; }
.formHead input.floatplaceholder:valid ~ input[type="submit"], .formHead textarea.floatplaceholder:valid ~ input[type="submit"] { -webkit-animation: appear 1s forwards; animation: appear 1s forwards; }
.formHead input.floatplaceholder:invalid ~ input[type="submit"], .formHead textarea.floatplaceholder:invalid ~ input[type="submit"] { display: none; }

@-webkit-keyframes appear {
    100% { opacity: 1; }
}

@keyframes appear {
    100% { opacity: 1; }
}

.Pformat ul li { /*font-size: 15px!important; line-height: 1.17; margin-bottom: 10px;*/ }
.Pformat ul li ul { /*margin-top: 10px;*/ }
.Pformat ul li ul li { list-style: initial; }

.Pformat ol li { font-size: 15px!important; line-height: 1.17; margin-bottom: 10px; }
.Pformat ol li ol { margin-top: 10px; }

.Pformat table, .Pformat td { border: none; padding: 5px; }
.clearboth { clear: both; }
.mobcontactus a { display: block; }

.thumb_img { max-height: 250px; height: 250px; }
.thumb_content { min-height: 170px; }
.menubacker { position: absolute; left: 0px; right: 0px; }

.search-block .tab12 { margin-bottom: 8px; margin-top: 2px; font-size: 14px; background: #ef7b7a; width: 164px; padding: 6px 8px 10px 19px; display: inline-block; float: left; margin-left: -1px; color: #fff; border-top: solid 3px #03a9f4; }
.search-block .tab22 { margin-bottom: 8px; margin-top: 2px; font-size: 14px; background: #03a9f4; width: 192px; padding: 5px 8px 6px 32px; display: inline-block; float: left; margin-left: 2px; color: #ffffff; border-top: solid 3px #a4e1fd; }


.search-block .tabblock { margin-top: -41px; z-index: 99; position: absolute; }
.search-block .tab { margin-bottom: 8px; margin-top: 2px; font-size: 14px; background: #03a9f4; display: inline-block; float: left; color: #ffffff; border-top: solid 3px #a4e1fd; padding: 5px 8px 6px 8px; text-align: center; }

.search-block .tab.active { background: #ef7b7a; border-top: solid 3px #03a9f4; border-bottom: solid 1px #ef7b7a; }

.search-block .tab1 { width: 164px; margin-left: -1px; }
.search-block .tab2 { width: 192px; margin-left: 2px; }

/* STEP TOOLTIP */
.settool { border-radius: 4px!important; position: absolute; z-index: 9999999; border: solid 2px #3d6fbc; padding: 10px; max-width: 500px; background-color: #fff; }
.settool .fa-times { background: #3d6fbc; padding: 2px 3px 5px 5px; border-radius: 0px 0px 0px 5px; font-size: 15px; position: absolute; right: 0px; cursor: pointer; margin-top: -10px; color: #fff; }
.settool #pText { width: 100%; display: block; margin-top: 14px; height: auto; font-size: 14px; margin-bottom: 18px; font-weight: normal; }

@media only screen and (min-width:1024px) and (max-width:1100px) {
    .settool { left: 0px!important; right: 0px!important; margin: 0 auto; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .settool { left: 0px!important; right: 0px!important; margin: 0 auto; }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .settool { left: 66px!important; right: 66px!important; margin: 0 auto; }
}

/* STEP TOOLTIP */

/* JS WIDGET  */
#js-widget-button { background: transparent; }
#js-widget-button a { color: Black !important; padding-top: 0px!important; }
#js-widget-button .js-star { background-image: url("../images/large-gold.png") !important; }
#js-widget-button .js_widget_button_logo { background: url("../images/js_widget_logo.png") no-repeat scroll 0 0 transparent !important; }
/* JS WIDGET  */

/*@media only screen and (min-width:480px) and (max-width:599px){
.mtThetm img.wide{width: auto !important;height: 100%;}}*/

@media screen and (min-width: 520px) and (max-width: 959px) {
    .mtThetm .col-3-12.keepwidth33 { max-width: 50%!important; }
}
/*@media screen and (min-width: 1024px) and (max-width: 1280px){.bx-wrapper .bx-prev{left:0!important;}.bx-wrapper .bx-next{right:0!important;}}*/

@media screen and (min-width: 980px) and (max-width: 1024px) {
    .searchSectopm .searchbacker .fix-12-12, .col-12-12 { width: 100% !important; }
}


.banner-p .banner-spn1, .cAlignRight span, .cAlignLeft span { display: inline-block; }
.thnkContent { font-size: 16px; text-align: left; max-width: 500px; margin: auto; }
.thnkContent ul { text-align: left; font-size: 16px; }
.thnkContent .thnkqDec { font-size: 16px!important; }


.textWrap.Pformat ul.grid { margin-left: -10px; margin-right: -10px; }
.mobLftLogo { display: none; }
.mobBrandRgtLogo { display: none; }
.mobileBar { display: none; }
.d-none { display: none !important; }


.modal-active .dtlBrdCrmb { z-index: 999!important; }


/*news*/

/*swiper slider*/
.swiper-wrapper > li { min-height: 480px; padding: 18px; padding-top: 14vh; background-size: cover; background-position: center; display: block; }
.promoSlider.swiper-slide { min-height: 390px; }
.prmBlcsSlider .swiper-wrapper > li { min-height: 300px!important; padding-top: 0px; }
.theme1.prmBlcsSlider .promoSlider .cd-full-width { padding-top: 0px !important; }
.swiper-pagination-bullet:only-child { visibility: hidden; }
.prmBlcsSlider .rollarrow { width: 24px; position: absolute; right: 20px; top: 0px; opacity: 0.01; }
.bannerOffr1 { font-size: 33px; text-transform: uppercase; font-weight: bold; margin-bottom: 25px; }
.bannerOffr2 { font-size: 16px; /*opacity: .5;*/ }
.bannerDesText { font-size: 16px; }
.bannerOffr1 span { font-size: inherit; /*letter-spacing: 3px;*/ }
.bannerOffr2 span { font-size: inherit; }
.bannerDesText span { font-size: inherit; }


.col-6-12 .bannerOffr1 { font-size: 25px; }
.col-6-12 .bannerOffr2 { font-size: 25px; }
.col-6-12 .bannerOffr1 span { font-size: 25px; }
.col-6-12 .bannerOffr2 span { font-size: 25px; }
.col-6-12 .bannerDesText span { font-size: 16px; }
.col-6-12 .swiper-wrapper > li { min-height: 300px; padding-top: 18px; }
.col-6-12 .swiper-wrapper .cd-full-width { height: 260px; position: relative; }
.col-6-12 .swiper-wrapper .cd-full-width .button { position: absolute; bottom: 0px; left: 0px; }
.col-6-12 .swiper-wrapper .cd-full-width .cAlignRight .button { left: auto; right: 0px; }

.e_aibanner .prmBlcs.prmBlcsSlider .swiper-wrapper > li { padding: 0px!important; background-size: cover; background-position: center; }
.e_aibanner .prmBlcs.prmBlcsSlider .swiper-wrapper > li .cd-full-width { padding: 18px!important; transition: 0.35s; /* height: 295px!important;*/ height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; bottom: 0px; z-index: 2; }
.e_aibanner .prmBlcs.prmBlcsSlider .swiper-wrapper > li:hover .cd-full-width { /*background: rgba(35, 84, 158, 0.89); transition: 0.35s;*/ }
.e_aibanner .prmBlcs.prmBlcsSlider .swiper-wrapper > li .cd-full-width .bannerDesText { position: absolute; bottom: -30px; opacity: 0; transition: 0.7s; }
.e_aibanner .prmBlcs.prmBlcsSlider .swiper-wrapper > li:hover .cd-full-width .bannerDesText { position: absolute; bottom: 48px; opacity: 1; transition: 0.7s; }

.sliderHover { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #005fe2; z-index: 0; opacity: 0; transition: 0.35s; display: none; }
.e_aibanner .prmBlcs.prmBlcsSlider .swiper-wrapper > li:hover .sliderHover { opacity: .5; transition: 0.35s; display: block; }

.col-8-12 .bannerOffr1 { font-size: 25px; }
.col-8-12 .bannerOffr2 { font-size: 25px; }
.col-8-12 .bannerOffr1 span { font-size: 25px; }
.col-8-12 .bannerOffr2 span { font-size: 25px; }
.col-8-12 .bannerDesText span { font-size: 16px; }
.col-8-12 .swiper-wrapper > li { min-height: 300px; padding-top: 18px; }
.col-8-12 .swiper-wrapper .cd-full-width { height: 260px; position: relative; }
.col-8-12 .swiper-wrapper .cd-full-width .button { position: absolute; bottom: 0px; left: 0px; }
.col-8-12 .swiper-wrapper .cd-full-width .cAlignRight .button { left: auto; right: 0px; }


.col-9-12 .bannerOffr1 { font-size: 25px; }
.col-9-12 .bannerOffr2 { font-size: 25px; }
.col-9-12 .bannerOffr1 span { font-size: 25px; }
.col-9-12 .bannerOffr2 span { font-size: 25px; }
.col-9-12 .bannerDesText span { font-size: 16px; }
.col-9-12 .swiper-wrapper > li { min-height: 300px; padding-top: 18px; }
.col-9-12 .swiper-wrapper .cd-full-width { height: 260px; position: relative; }
.col-9-12 .swiper-wrapper .cd-full-width .button { position: absolute; bottom: 0px; left: 0px; }
.col-9-12 .swiper-wrapper .cd-full-width .cAlignRight .button { left: auto; right: 0px; }


/*.col-9-12 .bannerOffr1 span, .col-9-12 .bannerOffr1 { font-size: 25px!important; background-color: transparent!important; padding-top: 0px; padding-bottom: 0px; }
.col-9-12 .bannerOffr2 span, .col-9-12 .bannerOffr2 { font-size: 25px!important; background-color: transparent!important; padding-top: 0px; padding-bottom: 0px; }
.col-9-12 .bannerDesText span, .col-9-12 .bannerDesText { font-size: 13px!important; background-color: transparent!important; padding-top: 0px; padding-bottom: 0px; }*/

.col-hh-1 .swiper-wrapper > li { min-height: 300px!important; padding-top: 18px; }
.col-hh-2 .swiper-wrapper > li { min-height: 600px!important; padding-top: 18px; }
.col-hh-2 .swiper-wrapper .cd-full-width { height: 570px!important; }


.e_aibanner .cd-full-width .fix-12-12 { position: relative; height: 300px; }
.e_aibanner .cd-full-width .button { position: absolute; bottom: 18px; left: 0px; }
.e_aibanner .swiper-wrapper > li { padding-top: 18px; }
.e_aibanner .bannerOffr1 span, .e_aibanner .bannerOffr1 { font-size: 25px!important; /*background-color: transparent!important; padding-top: 0px; padding-bottom: 0px;*/ }
.e_aibanner .bannerOffr2 span, .e_aibanner .bannerOffr2 { font-size: 25px!important; /*background-color: transparent!important; padding-top: 0px; padding-bottom: 0px;*/ }
.e_aibanner .bannerOffr1 span, .e_aibanner .bgBL { line-height: 1em!important; }
.e_aibanner .bannerOffr2 span, .e_aibanner .bgWH { line-height: 1em!important; }

.e_aibanner .bgBL { padding-left: 8px!important; }
.e_aibanner .bgWH { padding-left: 8px!important; }

.e_aibanner .bannerDesText span, .e_aibanner .bannerDesText { font-size: 13px!important; background-color: transparent!important; padding-top: 0px; padding-bottom: 0px; }

.e_aibanner .prmBlcs.prmBlcsSlider .offerSlider a { opacity: 1!important; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { width: auto!important; bottom: 10px; left: auto!important; width: auto; right: 10px!important; }

.e_aibanner .offerSlider .offrListTitle { font-size: 19px; color: #fff; font-weight: bold; }
.e_aibanner .offerSlider .bannerOffr1, .e_aibanner .offerSlider .bannerOffr1 span { font-size: 19px!important; color: #fff; font-weight: bold; }
.e_aibanner .offerSlider .bannerOffr2, .e_aibanner .offerSlider .bannerOffr2 span { font-size: 19px!important; color: #fff; font-weight: bold; }
.e_aibanner .offerSlider .bannerOffr3, .e_aibanner .offerSlider .bannerOffr3 span { font-size: 19px!important; color: #fff; font-weight: bold; }
.e_aibanner .offerSlider .bannerOffr4, .e_aibanner .offerSlider .bannerOffr4 span { font-size: 19px!important; color: #fff; font-weight: bold; }
.e_aibanner .offerSlider .offrTopBDR { bottom: 22px; left: 4px; background: rgba(0, 0, 0, 0.6); padding: 15px; }


.stepLbl { font-size: 17px; margin-top: 20px; margin-bottom: 0px; color: #ef7b7a; text-align: left!important; border-top: dashed 1px #adadad; padding-top: 12px; padding-left: 6px; }
.stepLbl span { text-align: right; float: right; color: #333; }
.stepLbl2 { font-size: 14px; margin-top: 0px!important; margin-bottom: 0px; color: #ef7b7a; text-align: left!important; height: auto; }
.stepLbl2 span { text-align: right; float: right; color: #999; font-size: 14px; }
.stepLbl3 { font-size: 16px; margin-top: 10px!important; margin-bottom: 0px; color: #ef7b7a; text-align: left!important; height: auto; }
.stepLbl3 span { text-align: right; float: right; color: #8ac44a; margin-top: 0px; font-weight: 700; font-size: 14px; }
.stepLbl7 { font-size: 17px; margin-top: 20px; margin-bottom: -8px; color: #ef7b7a; text-align: left!important; border-top: dashed 1px #adadad; padding-top: 12px; padding-left: 6px; }
.stepLbl7 span { text-align: right; float: right; color: #333; }

.next_Btn { display: inline-block; background: #005fe2; color: #fff; padding: 12px 40px 14px 40px; border: solid 2px #9dc2f4; font-size: 14px; max-width: 235px; }
.back_Btn { background: #bfbfbf!important; color: #fff; padding: 12px 50px 14px 50px; border: solid 2px #a5a5a5; font-size: 14px; display: inline-block; max-width: 200px; }
.cstmChk { position: relative; min-width: 30px; display: inline-block; vertical-align: top; }
.cstmChk span { display: block; }
.cstmChk input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; bottom: 0px; cursor: pointer; z-index: 9; }
.cstmChk label { display: block; padding-left: 25px; font-size: 15px; margin-top: 1px; margin-bottom: 0px !important; }
.cstmChk label:before { content: ""; display: block; position: absolute; left: 5px; width: 17px; height: 17px; border: solid 1px #9e9e9e; background-color: #FFF; }
.cstmChk input:checked, .cstmChk input:focus { outline: none; }
.cstmChk input:checked + label:after { content: ""; display: block; position: absolute; top: 2px; left: 12px; width: 8px; height: 17px; border-right: 3px solid #ef7b7a; border-bottom: 3px solid #ef7b7a; transform: rotate(45deg); }

.modal-active .mobmap.map-inline .modal-container { z-index: 9999999; }
.modal-active .mobmap.map-inline .modal-container .close { display: block; cursor: pointer; top: 20px!important; right: 3%!important; height: 50px!important; width: 50px!important; border-radius: 50%; background: rgba(0, 0, 0, 0.4) url(../images/cd-icon-close.png) no-repeat center center; text-indent: 100%; white-space: nowrap; position: fixed; }
.modal-active .mobmap.map-inline .modal-container .close img { position: absolute; width: 50px; height: 50px; opacity: 0; left: 0px; top: 0px; position: fixed; }

/*video banner*/
/*.cd-bg-video-wrapper { position: absolute; left: 0px; top: 0px; z-index: 1; }*/

.e_videoslide .vdWrp ul li { z-index: 99; }
.parraSEC .blueBtnAro .button { color: #ffffff; background: transparent; margin: 0; padding: 0 16px 0 0; }
.parraSEC .blueBtnAro .button span { position:absolute; top:0px !important; right:0 !important;}
.emailInpt textarea.cancelBox {     border: 1px solid #e1e1e1;}
.xdsoft_datetimepicker { box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); background: #fff; border-bottom: 1px solid #bbb; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 8px; padding-left: 0; padding-top: 2px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; display: none; }
.xdsoft_datetimepicker.xdsoft_rtl { padding: 8px 0 8px 8px; }

.xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; }

/*For IE8 or lower*/
.xdsoft_datetimepicker button { border: none !important; }

.xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }

.xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; box-shadow: none; }

.xdsoft_datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; }

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; }

.xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px; }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker { float: right; margin-right: 8px; margin-left: 0; }

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px; }

.xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0; }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker { float: right; margin-right: 8px; margin-left: 0; }

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px; }

.xdsoft_datetimepicker .xdsoft_mounthpicker { position: relative; text-align: center; }

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); }

.xdsoft_datetimepicker .xdsoft_label i { opacity: 0.5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle; }

.xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0; }
.xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px; }

.xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0; }

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0 none; cursor: pointer; display: block; height: 30px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; outline: medium none; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; min-width: 0; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px; }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next { float: none; margin-left: 0; margin-right: 14px; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #ddd; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { background: #f5f5f5; border-top: 1px solid #ddd; color: #666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 25px; line-height: 25px; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top-width: 0; }

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; }

.xdsoft_datetimepicker .xdsoft_label:hover > span { text-decoration: underline; }

.xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1.0; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: -7px; }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { right: 2px; }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #ff8000; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none !important; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #33aaff; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; }

.xdsoft_datetimepicker .xdsoft_month { width: 100px; text-align: right; }

.xdsoft_datetimepicker .xdsoft_calendar { clear: both; }

.xdsoft_datetimepicker .xdsoft_year { width: 48px; margin-left: 5px; }

.xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; }

.xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px; }

.xdsoft_datetimepicker .xdsoft_calendar th { height: 25px; }

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #f5f5f5; border: 1px solid #ddd; color: #666; font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px; }
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5%; }

.xdsoft_datetimepicker .xdsoft_calendar th { background: #f1f1f1; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #33aaff; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000; }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #33aaff; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor: default; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #fff !important; background: #005fe2 !important; box-shadow: none !important; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover { background: #33aaff !important; box-shadow: #178fe5 0 1px 3px 0 inset !important; color: #fff !important; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: inherit !important; background: inherit !important; box-shadow: inherit !important; }

.xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default; }

.xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; }

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important; }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important; }

.xdsoft_time_box { position: relative; border: 1px solid #ccc; }
.xdsoft_scrollbar > .xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px; }
.xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer; }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar { left: 0; right: auto; }
.xdsoft_scroller_box { position: relative; }

.xdsoft_datetimepicker.xdsoft_dark { box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); background: #000; border-bottom: 1px solid #444; border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; color: #ccc; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222; }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div { background: #0a0a0a; border-top: 1px solid #222; color: #999; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000; }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { border: 1px solid #333; background: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #000; background: #007fff; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==); }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222; color: #999; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #cc5500; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000; }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #000 !important; background: #007fff !important; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important; }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important; }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important; }

.xdsoft_dark .xdsoft_time_box { border: 1px solid #333; }

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller { background: #333 !important; }
.xdsoft_datetimepicker .xdsoft_save_selected { display: block; border: 1px solid #dddddd !important; margin-top: 5px; width: 100%; color: #454551; font-size: 13px; }
.xdsoft_datetimepicker .blue-gradient-button { font-family: "museo-sans", "Book Antiqua", sans-serif; font-size: 12px; font-weight: 300; color: #82878c; height: 28px; position: relative; padding: 4px 17px 4px 33px; border: 1px solid #d7d8da; background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* IE10+ */ background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 ); /* IE6-9 */ }
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span { color: #454551; background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* IE10+ */ background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */ }

@charset "UTF-8";
/* CSS Document */

html.modal-active, body.modal-active { overflow: hidden; }

.modal-container { position: fixed; display: table; height: 100%; width: 100%; top: 0; left: 0; z-index: 99999; }

/*.modal-container.popupDDL {
  transform: scaleY(0.01) scaleX(0);
  animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal-container.popupDDL .modal-background .modal {
  transform: scale(0);
  animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal-container.popupDDL.out {
  transform: scale(1);
  animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal-container.popupDDL.out .modal-background .modal {
  animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}*/





.modal-container .modal-background { display: table-cell; text-align: center; vertical-align: middle; }
.modal-container .modal-background .modal { background: white; padding: 20px; margin: 20px; display: inline-block; border-radius: 10px; max-width: 800px; position: relative; box-shadow: 0px 0px 84px #00000094; }
.modal-container .modal-background .modal h2 { }
.modal-container .modal-background .modal p { }
.modal-container .modal-background .modal .modal-svg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 3px; }
.modal-container .modal-background .modal .modal-svg rect { stroke: #fff; stroke-width: 2px; stroke-dasharray: 778; stroke-dashoffset: 778; }



@keyframes unfoldIn {
 0% { transform: scaleY(0.005) scaleX(0); }
 50% { transform: scaleY(0.005) scaleX(1); }
 100% { transform: scaleY(1) scaleX(1); }
}

@keyframes unfoldOut {
 0% { transform: scaleY(1) scaleX(1); }
 50% { transform: scaleY(0.005) scaleX(1); }
 100% { transform: scaleY(0.005) scaleX(0); }
}

@keyframes zoomIn {
 0% { transform: scale(0); }
 100% { transform: scale(1); }
}

@keyframes zoomOut {
 0% { transform: scale(1); }
 100% { transform: scale(0); }
}

@keyframes fadeIn {
 0% { background: rgba(255, 255, 255, 0); }
 100% { background: rgba(255, 255, 255, 0.7); }
}

@keyframes fadeOut {
 0% { background: rgba(255, 255, 255, 0.7); }
 100% { background: rgba(255, 255, 255, 0); }
}

@keyframes scaleUp {
 0% { transform: scale(0.8) translateY(1000px); opacity: 0; }
 100% { transform: scale(1) translateY(0px); opacity: 1; }
}

@keyframes scaleDown {
 0% { transform: scale(1) translateY(0px); opacity: 1; }
 100% { transform: scale(0.8) translateY(1000px); opacity: 0; }
}

@keyframes scaleBack {
 0% { transform: scale(1); }
 100% { transform: scale(0.85); }
}

@keyframes scaleForward {
 0% { transform: scale(0.85); }
 100% { transform: scale(1); }
}

@keyframes quickScaleDown {
 0% { transform: scale(1); }
 99.9% { transform: scale(1); }
 100% { transform: scale(0); }
}

@keyframes slideUpLarge {
 0% { transform: translateY(0%); }
 100% { transform: translateY(-100%); }
}

@keyframes slideDownLarge {
 0% { transform: translateY(-100%); }
 100% { transform: translateY(0%); }
}

@keyframes moveUp {
 0% { transform: translateY(150px); }
 100% { transform: translateY(0); }
}

@keyframes moveDown {
 0% { transform: translateY(0px); }
 100% { transform: translateY(150px); }
}

@keyframes blowUpContent {
 0% { transform: scale(1); opacity: 1; }
 99.9% { transform: scale(2); opacity: 0; }
 100% { transform: scale(0); }
}

@keyframes blowUpContentTwo {
 0% { transform: scale(2); opacity: 0; }
 100% { transform: scale(1); opacity: 1; }
}

@keyframes blowUpModal {
 0% { transform: scale(0); }
 100% { transform: scale(1); }
}

@keyframes blowUpModalTwo {
 0% { transform: scale(1); opacity: 1; }
 100% { transform: scale(0); opacity: 0; }
}

@keyframes roadRunnerIn {
 0% { transform: translateX(-1500px) skewX(30deg) scaleX(1.3); }
 70% { transform: translateX(30px) skewX(0deg) scaleX(0.9); }
 100% { transform: translateX(0px) skewX(0deg) scaleX(1); }
}

@keyframes roadRunnerOut {
 0% { transform: translateX(0px) skewX(0deg) scaleX(1); }
 30% { transform: translateX(-30px) skewX(-5deg) scaleX(0.9); }
 100% { transform: translateX(1500px) skewX(30deg) scaleX(1.3); }
}

@keyframes sketchIn {
 0% { stroke-dashoffset: 778; }
 100% { stroke-dashoffset: 0; }
}

@keyframes sketchOut {
 0% { stroke-dashoffset: 0; }
 100% { stroke-dashoffset: 778; }
}

@keyframes modalFadeIn {
 0% { background-color: transparent; }
 100% { background-color: white; }
}

@keyframes modalFadeOut {
 0% { background-color: white; }
 100% { background-color: transparent; }
}

@keyframes modalContentFadeIn {
 0% { opacity: 0; top: -20px; }
 100% { opacity: 1; top: 0; }
}

@keyframes modalContentFadeOut {
 0% { opacity: 1; top: 0px; }
 100% { opacity: 0; top: -20px; }
}

@keyframes bondJamesBond {
 0% { transform: translateX(1000px); }
 80% { transform: translateX(0px); border-radius: 75px; height: 75px; width: 75px; }
 90% { border-radius: 3px; height: 182px; width: 247px; }
 100% { border-radius: 3px; height: 162px; width: 227px; }
}

@keyframes killShot {
 0% { transform: translateY(0) rotate(0deg); opacity: 1; }
 100% { transform: translateY(300px) rotate(45deg); opacity: 0; }
}

@keyframes fadeToRed {
 0% { box-shadow: inset 0 0 0 rgba(201, 24, 24, 0.8); }
 100% { box-shadow: inset 0 2000px 0 rgba(201, 24, 24, 0.8); }
}

@keyframes slowFade {
 0% { opacity: 1; }
 99.9% { opacity: 0; transform: scale(1); }
 100% { transform: scale(0); }
}

.modal-background .wrap { padding-top: 20px!important; height: 100vh; }
.modal-background .content { overflow: auto!important; }

/**
 * Swiper 5.2.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 16, 2019
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; }

.mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; }



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container { margin-right: 10px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; }
/* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; }
/* RTL direction/left-side scrollbar */

.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; }

.mCSB_outside + .mCSB_scrollTools { right: -26px; }
/* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; }
/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown { bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; }
/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; }
/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/

/* default theme ("light") */

.mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(35, 84, 158, .75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(35, 84, 158,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(35, 84, 158,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight { background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/ }

.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/ }

.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/ }

.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }


/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0,0,0,0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0,0,0,0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }

/* ---------------------------------------- */



/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; }


/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; }

/* ---------------------------------------- */



/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; }


/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; }

/* ---------------------------------------- */



/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; }


/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }

/* ---------------------------------------- */



/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; }


/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; }


/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; }


/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; }

/* ---------------------------------------- */



/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); }


/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }


/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }


/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; }


/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */



/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }


/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }


/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }


/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0,0,0,0.2); }


/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.9); }

/* ---------------------------------------- */

/*//////////////    FONTS       ////////////////////////////*/


/*@font-face { font-family: 'Caboodle'; src: url('../fonts/lato/Lato-Regular.eot'); src: url('../fonts/lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/Lato-Regular.woff2') format('woff2'), url('../fonts/lato/Lato-Regular.woff') format('woff'), url('../fonts/lato/Lato-Regular.ttf') format('truetype'), url('../fonts/lato/Lato-Regular.svg#Lato-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Caboodle Bold'; src: url('../fonts/lato/Lato-Bold.eot'); src: url('../fonts/lato/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/Lato-Bold.woff2') format('woff2'), url('../fonts/lato/Lato-Bold.woff') format('woff'), url('../fonts/lato/Lato-Bold.ttf') format('truetype'), url('../fonts/lato/Lato-Bold.svg#Lato-Bold') format('svg'); font-weight: bold; font-style: normal; }*/


@font-face { font-family: 'Caboodle'; src: url('../fonts/raleway/Raleway-Bold.eot'); src: url('../fonts/raleway/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway/Raleway-Bold.woff2') format('woff2'), url('../fonts/raleway/Raleway-Bold.woff') format('woff'), url('../fonts/raleway/Raleway-Bold.ttf') format('truetype'), url('../fonts/raleway/Raleway-Bold.svg#Raleway-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'Caboodle'; src: url('../fonts/raleway/Raleway-Medium.eot'); src: url('../fonts/raleway/Raleway-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway/Raleway-Medium.woff2') format('woff2'), url('../fonts/raleway/Raleway-Medium.woff') format('woff'), url('../fonts/raleway/Raleway-Medium.ttf') format('truetype'), url('../fonts/raleway/Raleway-Medium.svg#Raleway-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: 'Caboodle'; src: url('../fonts/raleway/Raleway-Light.eot'); src: url('../fonts/raleway/Raleway-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway/Raleway-Light.woff2') format('woff2'), url('../fonts/raleway/Raleway-Light.woff') format('woff'), url('../fonts/raleway/Raleway-Light.ttf') format('truetype'), url('../fonts/raleway/Raleway-Light.svg#Raleway-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Caboodle'; src: url('../fonts/raleway/Raleway-SemiBold.eot'); src: url('../fonts/raleway/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway/Raleway-SemiBold.woff2') format('woff2'), url('../fonts/raleway/Raleway-SemiBold.woff') format('woff'), url('../fonts/raleway/Raleway-SemiBold.ttf') format('truetype'), url('../fonts/raleway/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: 'Caboodle'; src: url('../fonts/raleway/Raleway.eot'); src: url('../fonts/raleway/Raleway.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway/Raleway.woff2') format('woff2'), url('../fonts/raleway/Raleway.woff') format('woff'), url('../fonts/raleway/Raleway.ttf') format('truetype'), url('../fonts/raleway/Raleway.svg#Raleway') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }

/*/////////////////// SKIN COLOR CSS ///////////////////*/
body { color: #303030; }
a { color: #ef7b7a; }
p { color: #303030; }
.button { color: #1c1b1b; background: #fff; }
.button.uppercase { background: #ef7b7a; }
.blueBtn { color: #ef7b7a; }
.blue_btn { background: #ef7b7a; }
.linkButton { background: #015fe2; color: #ffffff; border-color: #d8d8d8; }
.chk span input:checked + label:before { border-left-color: #ef7b7a; border-bottom-color: #ef7b7a; }
.srchHdr .micIcn { background-color: #ef7b7a; }
.button.actionButton.rightIcn:hover { /*background: #ef7b7ae8!important; border-color: #ef7b7ae8!important;*/ }
.headRgtWrp select { color: #444; border-color: #d8d8d8!important; background-color: #fff; }
.newcarMdl_lst .selectBtn { background: #ef7b7a; border-color: #e1e1e1; }
.bgDark.openBg { background-color: #fff; }

.test_drive { background-color: #ef7b7a!important; }
.shortlist_used .srchbacker { background: #ef7b7a; }

/*.button.actionButton.rightIcn { border-color: #ef7b7a !important; }*/

/*//// Megamenu COLOR CSS ////*/
.cbp-hrmenu > ul > li > a:hover { border-color: #ef7b7a; }

/*//// ADVANCED SIDE SEARCH COLOR CSS ////*/
.sidebar.advSrch_open p.form { color: #484848; }
.checkcontainer ul li { color: #333333; }
.checkcontainer ul li label { color: #868686; }
.checkcontainer ul li:hover label { color: #868686; }
.checkcontainer ul li .check { background: #ddd; }
.checkcontainer ul li input[type="radio"]:checked ~ label { color: #303030; background: #e5effc; }
.checkcontainer ul li input[type="radio"]:checked ~ label .check { background-color: #ef7b7a; }
a.searchsub { background: #ef7b7a; color: #fff!important; }
.sidebar a { fill: #fff; }

/*//// HOME SEARCH BOX COLOR CSS ////*/
.srchCheck .checkWrp span.tick:before { background-color: #dadada; }
.srchCheck .checkWrp input:checked + label span.tick:before { background-color: #ef7b7a; }
.prmBlcsSear .alfa-button { background-color: #ef7b7a!important; border-color: #bad7ff!important; }
.prmBlcsSear p.right.advan_srch a { color: #ef7b7a; }
.prmBlcsSear .srchBtns a.advan_srch { color: #ef7b7a; }
.saerchBTNB { background-color: #000; color: #ffffff; }

/*//// HOME PROMOBLOCK COLOR CSS ////*/
.prmBlcsSear .searchSectopm .searchbacker span.vecAvbl span { color: #ef7b7a!important; }
.prmBlcs .title-77 { color: #ef7b7a; }
.prmBlcs .promoContent .parraSEC { color: #000; }
.cd-hero.homeSLider:hover ul.cd-hero-slider li:before { /*background: rgba(0, 94, 226, 0.89);*/ background: none; }
.promoContent .title-77 { color: #000; }
.prmBlcs:hover .promoContent .title-77 { color: #000; }
.promoContent .parraSEC { color: #ffffff; }
.promoContent .blueBtn { color: #000; }


.theme2 .prmBlcs:hover .promoContent .parraSEC { color: #fff; }
.theme2 .prmBlcs:hover .promoContent .title-77 { color: #fff; }

/*//// BAR WITH BUTTON COLOR CSS ////*/
.ucbarwithbtn { background: #ef7b7a; }
.ucbarwithbtn .barwithbutton .Barbtnp2 .grpl05click { background: #03a9f4; }

/*//// FOOTER COLOR CSS ////*/
.ftrEnqry { background: #ef7b7a; }
.ftrEnqry .left p { color: #fff!important; }
.ftrEnqry .popupButton { color: #fff!important; }
.scrollToTop { background-color: #ef7b7a!important; }

/*//// Delaership COLOR CSS ////*/
.delaers_wrap .dealerBtn { background-color: #ef7b7a; border-color: #e5e5e5; }
.imgsld_sp { background: #ef7b7a; }

.dealerdetails_wrap.DLR_detl .dlrDtl.title-77 { border-color: #ef7b7a; }
.dlrDtl { border-color: #ef7b7a; }
.gobutton { background: #ef7b7a; }
.ttlmtt { border-color: #2052a0; }

/*//// SERVICE-BOOKING COLOR CSS ////*/
.srchTitle { color: #ef7b7a; }
.cd-multi-steps a.service_click { color: #ef7b7a; }
.cd-multi-steps a.service_click:hover { color: #48b0f7; }
.cd-multi-steps a.booking_click { color: #ef7b7a; }
.cd-multi-steps a.booking_click:hover { color: #48b0f7; }
.book-bx .title-88 { color: #ef7b7a; }
.srvBooking .headTxt a { color: #ef7b7a; }



/*//// POPUP COLOR CSS ////*/
.popupContent .form-title { }
.popupContent .form-ques { color: #ef7b7a; }
.popupContent .form-consent { background: #ffeded; }

/*//// Basic Crumbs COLOR CSS ////*/
.cd-breadcrumb, .cd-multi-steps { background-color: #edeff0; }
.cd-breadcrumb li::after, .cd-multi-steps li::after { color: #959fa5; }
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * { color: #2052a0; }
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover { color: #2052a0; }

@media only screen and (min-width: 768px) {
 .cd-multi-steps.text-top li.visited > *::before,
 .cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
 .cd-multi-steps.text-bottom li.current > *::before { background-color: #ef7b7a; }
 .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover { color: #2052a0; }
 .no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before { box-shadow: 0 0 0 3px rgba(130, 175, 240, 0.6); }
}

/*//// SERVICES COLOR CSS ////*/
.book-bx .button-66 { background-color: #e1e1e1; color: #fff; }
.book-bx .button-67 { background-color: #8BC34A; color: #fff; }
.book-bx .button-68 { background-color: #ef7b7a; color: #fff; border-color: #bfd6fa !important; }
input.book-input { border-color: #cccccc !important; }
.errorCSS { background-color: #FBE3E4!important; }
.reg-input { background: #fff9c3!important; }
.delrBox .delrcontent .button-55 { background-color: #2052a0; }
.serBX { background: #ef7b7a; }
.serBX2 .ser_ttl { color: #ef7b7a; }
.serBX2 .ser_prc { color: #ef7b7a; }
.delrBox.closed .title { color: #2052a0; }

/*//// INPUT and SELECT COLOR CSS ////*/
input[type=radio]:checked ~ label { color: #48b0f7; }
input[type=radio]:checked ~ label { color: #303030; }
input[type=radio]:checked ~ label .check { border-color: #ef7b7a !important; }
input[type=radio]:checked ~ .check::before { background: #48b0f7; }
input[type=radio]:checked ~ .check::before { background: #ef7b7a; }

select { border-color: rgba(41,41,41,0.2); background: #fff; color: #242424; background-image: url('../images/caret-icon.png'); background-repeat: no-repeat; background-position: right center; background-size: 34px; }

.ucarDesc .title-77 { color: #303030; }
.ucarDesc p { color: #303030; }
/*.dropdown-el input[type=radio]:checked ~ label { color: #444; }*/
.dropdown-el label:nth-child(2):hover, .topBarDD span.dropdown-el label:nth-child(2):hover { color: #444 !important; }
.dropdown-el.expanded label:hover,
.sortByDiv .dropdown-el.expanded a:hover { background: #ef7b7a; color: #ffffff; }
.sortByDiv .dropdown-el.expanded label:nth-child(2):hover { background: #ef7b7a!important; }
.sortByDiv .dropdown-el a { color: #444; }
.sortByDiv .dropdown-el a:hover { opacity: 1; }


/*//// FORMS INPUT and SELECT COLOR CSS ////*/
form input[type="text"],
form input[type="name"],
form input[type="email"],
form input[type="password"],
form input[type="tel"],
form textarea { background: #fff; color: #242424; }

/*//// SIDENAVBAR COLOR CSS ////*/
.sidebar a { color: #000; fill: #000; }

.sidebar a:hover { opacity: 0.6; }

/*offer list*/
.image-slider-block .halftp { background: rgba(0, 0, 0, 0.6); border-left-color: rgba(107, 107, 107, 0.78); }
.image-slider-block .halftp.cAlignLeft { border-left-color: rgba(107, 107, 107, 0.78); }
.image-slider-block .halftp.cAlignRight { border-right-color: rgba(107, 107, 107, 0.78); }

.usdpaging .active_page { background: #0455c7; color: #ffffff; }
.usdpaging .show_page { background: #ffffff; color: #666666; border-color: #e1e1e1; }
.usdpaging a { color: #5d5d5d; }

.sort_dd { border-color: #dfdfdf!important; }
.offer_list .off_was { color: #6d6d6d; }
/*//// USEDCAR COLOR CSS ////*/

/* Offer Model Listing */
.OfferModelList .equalElement { background-color: #ef7b7a; }
.OfferModelList:hover { box-shadow: 0px 0px 0px 4px #ef7b7a; }


/* The Modal (background) */
.usedCarWrap .modal { background-color: black; }
/* Modal Content */
.usedCarWrap .modal-content { background-color: #fefefe; }
.usedCarWrap .close { color: #fff; }
.usedCarWrap .closebotm { color: #fff; }
.usedCarWrap .close:hover, .close:focus { color: #999; }
/* Next & previous buttons */
.prev, .next { color: #fff; background-color: rgba(0, 0, 0, 0.8); }
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); }
.usedCarWrap .numbertext { color: #f2f2f2; }
.usedCarWrap .caption-container { color: #fff; }
.usedCarWrap .sold-error-sms { background: #f60819; }
.usedCarWrap .pop-frame .thumbnail-77 { border-color: #fff; }
/* video icon start*/
.usedCarWrap .popVid { background: rgba(0, 0, 0, 0.46); }
.usedCarWrap .vidIc { color: #ffffff; }
/* car detail */
.usedCarWrap .car-details { color: #323232; }
.usedCarWrap .car-details > tbody > tr > td, th { border-color: #e1e1e1; }
.usedCarWrap .slides { color: #fff; fill: #fff; }
.usedCarWrap .grid-item-inner { background: rgba(0, 11, 27, 0.23); /* background: -moz-linear-gradient(top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 76%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ /*background: -webkit-linear-gradient(top, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 76%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ /*background: linear-gradient(to bottom, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 76%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ }
.usedCarWrap .grid-item-inner:hover { background: rgba(0, 94, 226, 0.89); }
.usedCarWrap .inner-p01 { color: #93c0ff; }
.usedCarWrap .inner-p02 { color: #ffffff; }
.usedCarWrap .logoset { border-color: #d2d2d2; background: #fff; }
.usedCarWrap .button.actionButton { background: rgb(255, 255, 255); border-color: #cccccc; }
.usedCarWrap .button.actionButton:hover { background: #ef7b7a; }
.usedCarWrap .button.actionButton svg, .slide.whiteSlide .button.actionButton svg { fill: #212121; }
.usedCarWrap .button.actionButton:hover .buttonsvg { fill: #fff!important; }
.usedCarWrap .dropdown-el { color: #444; border-color: #cccccc !important; background-color: #fff; -webkit-box-shadow: 0px 0px 0px 4px rgb(0, 95, 226); -moz-box-shadow: 0px 0px 0px 4px rgb(0, 95, 226); box-shadow: 0px 0px 0px 4px rgb(0, 95, 226); }
.usedCarWrap .dropdown-el::after { border-color: #484848!important; border-color: #484848 transparent transparent transparent!important; }
.usedCarWrap .dropdown-el.expanded { border-color: #cccccc!important; background: #fff; }
.usedCarWrap .dropdown-el.expanded input:checked + label { color: #292929; }
.usedCarWrap .dropdown-el.expanded label:hover { color: #ffffff; background: #ef7b7a; }
.usedCarWrap h3, .usedCarWrap .h3 { color: #303030; }
.usedCarWrap .white svg { fill: #b3b3b3 !important; }
.usedCarWrap .sidebar a { color: #909090; fill: #fff; }
.usedCarWrap .page-loaded .slides:not(.firstSlide) .panel.top { background: rgba(255,255,255,.975); border-bottom-color: #ebebeb; color: #303030; }
.usedCarWrap .slides.whiteSlide .panel { border-bottom-color: #e2e2e2; background: #fff; }
.usedCarWrap .panel .sections .menu li a { color: #303030; }
.usedCarWrap .booktop { border-bottom-color: #ef7b7a; }
.usedCarWrap .searchtitle { color: #484848; }
.usedCarWrap .totaltitle { color: #9a9a9a; }
.usedCarWrap select { border-color: #d3d3d4; background: #fff; color: #757575; }
.usedCarWrap .searchsub { background: #ef7b7a; color: #fff; border-color: #f1f1f1; }
.usedCarWrap .searchsubad { color: #ef7b7a; }
.usedCarWrap .rolltext { color: rgba(255, 255, 255, 0.90); }
.usedCarWrap .rolltextcta { color: rgba(255, 255, 255, 0.90); }
.usedCarWrap .whiteSlide .tabs, .usedCarWrap .whiteSlide .tabs li { border-color: #303030; color: #303030; }
.usedCarWrap .tabs { border-color: #fff; color: #fff; }
.usedCarWrap .tabs .tab-label { background: rgba(1, 95, 226, 0.16); border-color: #ccc; }
.usedCarWrap .tabs .tab-content { background-color: #fff; }
.usedCarWrap .tabs .tab [type="radio"]:checked + .tab-label { background: #fff; }
.ucarDescLines .finance-section .callLBL { color: #015fe2; }


.themeLeasing .ofrDTL .offrLines { background: #015fe2; }
.themeLeasing .ofrDTL .offrLines:after { border-right-color: #015fe2; }
.ucOfferList .themeLeasing.offer_list .listcontainer .off_was { color: #015fe2; }
.ucOfferList .themeLeasing.offer_list .listcontainer .off_dis { color: #015fe2; }


/*offer Details*/
.prcSaveSml { color: #015fe2; }
.prcSave { color: #015fe2; }
.viewsTtl { color: #015fe2; }
/* INTERNET EXPLORER 8 and below  */
@media \0screen\,screen\9 {
 /* IE8 and below */
 .usedCarWrap .tabs .checked label { background: #fff; }
}

.usedCarWrap .tabs { color: #222; }
.usedCarWrap .tabs a:link, .usedCarWrap .tabs a:visited, .usedCarWrap .tabs a:hover, .usedCarWrap .tabs a:focus, .usedCarWrap .tabs a:active { color: #36A; }
.usedCarWrap pre { background: #191919; color: #8DA; }
.usedCarWrap p > code { background: #DED; }
.usedCarWrap .for:after { background: #DDD; color: #222; }
.usedCarWrap .for.default-tab { color: #8AD; }
.usedCarWrap .for.ie8-and-below { color: #DA8; }

@media only screen and (max-width: 43em) {
 .usedCarWrap .tabs .tab > label { background: #BBB; border-color: #999; }
 .usedCarWrap .tabs .tab [type="radio"]:checked + .tab-label { background: #222; border-color: #444; color: #DDD; }
}

.usedCarWrap .listcontainer { background: #fff; border-color: #e1e1e1; }
.usedCarWrap .offerstrip01 { background: #015fe2; }
.usedCarWrap .offerstrip02 { background: #ffee21; }
.usedCarWrap .offerstrip03 { background: #ff1f78; }
.usedCarWrap .offerstrip04 { background: #195efb; }
.usedCarWrap .offerleft { color: #fff; }
.usedCarWrap .offerright { color: #fff; }
.usedCarWrap .wasprice-a { color: #909090; }
.usedCarWrap .wasprice-b { color: #909090; }
.usedCarWrap .radio-switch { background: #fff!important; color: #adadad; border-color: #d3d3d4; }
.usedCarWrap .searchsub { background: #ef7b7a; color: #fff!important; border-color: #f1f1f1; }
.usedCarWrap .searchsubad { color: #ef7b7a!important; }
.usedCarWrap .form-title { color: #ef7b7a; }
.usedCarWrap .form-txt { color: #212121; }
.usedCarWrap .form-ques { color: #ef7b7a; }
.usedCarWrap .form-consent { background: #eaf3ff; }
.usedCarWrap .chk input { background-color: #fff; border-color: #9e9e9e; }
.usedCarWrap .chk label { color: #3b3b3b; }
.usedCarWrap .formlabelmain { color: #333; }
.usedCarWrap .req-fld { color: #ff0000; }
.usedCarWrap .altMdlUC input[type="text"], .usedCarWrap .altMdlUC input[type="name"], .usedCarWrap .altMdlUC input[type="email"], .usedCarWrap .altMdlUC input[type="password"], .usedCarWrap .altMdlUC input[type="tel"], .usedCarWrap .altMdlUC textarea { background: #fff; color: #242424; }
.usedCarWrap .wideforms input[type="text"], .usedCarWrap .wideforms textarea { background: #fff; color: #242424; }
.usedCarWrap .button.uppercase { background: #ef7b7a; }
.usedCarWrap .whiteSlide .tabs, .usedCarWrap .whiteSlide .tabs li { border-color: #ffffff; color: #ffffff; }
.usedCarWrap ul.tabs { border-color: #fff; color: #fff; }
.usedCarWrap ul.tabs li { background: rgba(1, 95, 226, 0.16) !important; color: #303030 !important; }
.usedCarWrap ul.tabs li.resp-tab-active { background: #fff!important; color: #303030 !important; }
.usedCarWrap .resp-tab-active { border-color: #c1c1c1; }
.usedCarWrap .resp-tab-active { background-color: #fff; }
.usedCarWrap h2.resp-accordion { color: #212121 !important; border-bottom-color: #d31e39; background: #ffffff !important; }
.usedCarWrap h2.resp-tab-active { border-bottom-color: #d31e39 !important; background: #ef7b7a !important; color: #fff !important; }
.usedCarWrap .resp-easy-accordion .resp-tab-content { border-color: #c1c1c1; }
.usedCarWrap .resp-easy-accordion .resp-tab-content:last-child { border-bottom-color: #c1c1c1 !important; }
.usedCarWrap .sold-error-sms > span { color: #fff!important; }
.usedCarWrap .ucarDescLines .Desline1 { color: #303030; }
.usedCarWrap .ucarDescLines .Desline2 { color: #015fe2; }
.usedCarWrap .ucarDescLines .Desline3 { background: #fff; color: #303030; }
.usedCarWrap .ucarDescLines .finance-section .fs-line3 span.LBLcall { color: #ef7b7a; }
.usedCarWrap .ucarDescLines .finance-section .fs-line3 a.callVALUE { color: #303030; }
.usedCarWrap .ucarDescLines .finance-section .fs-line4 { color: #303030; }
.usedCarWrap .usedTabsBox { background: #fff; }
.usedCarWrap .addbox { background: #fff; }


/*//// USEDCAR LIST COLOR CSS ////*/

.search-block { /*background: #ef7b7a;*/ }

/*//// OFFER LIST COLOR CSS ////*/
.ucOfferList .pill.controller li.selected { background: #015fe2; color: #ffffff; }
.ucOfferList .pill.controller li.selected a { color: #ffffff!important; }
.offer_list .listcontainer:hover { border-color: #ef7b7a !important; }
.offer_list .mtminus255 .offrLstBtn { color: #ef7b7a; }
.offer_list .off_save { color: #ef7b7a; }

.OfferDetail ul.tabs li { /*background: #015fe22b !important;*/ color: #303030 !important; }
.OfferDetail ul.tabs li.resp-tab-active { background: #fff !important; color: #303030 !important; }
.OfferDetail .addbox { background: #fff; }
.OfferDetail .ofr-fs-line2 > span { color: #ef7b7a; }
.OfferDetail .ucarDesc .fs-offr-line { color: #000; }
.ofrDTL .dropdown-el { -webkit-box-shadow: 0px 0px 0px 4px rgb(0, 95, 226); -moz-box-shadow: 0px 0px 0px 4px rgb(0, 95, 226); box-shadow: 0px 0px 0px 4px rgb(0, 95, 226); }

/*//// UC NEW CAR SPEC COLOR CSS ////*/
.ucNewCarSpec .accordion dl:after, .ucNewCarSpec .accordion-list:after { background-color: #2196F3; }
.ucNewCarSpec .accordion dd, .ucNewCarSpec .accordion__panel { background-color: #eff8ff; }
.ucNewCarSpec .accordion { background-color: #eff8ff; }
.ucNewCarSpec .accordionTitle, .ucNewCarSpec .accordion__Heading { background-color: #6abdff; }
.ucNewCarSpec .accordionTitle:hover, .ucNewCarSpec .accordion__Heading:hover { background-color: #2196F3; }
.ucNewCarSpec .accordionTitleActive, .ucNewCarSpec .accordionTitle.is-expanded { background-color: #2196F3; }
.ucNewCarSpec ul.accordion li a.toggle { background: rgb(106, 189, 255); color: #fefefe; }
.ucNewCarSpec ul.accordion li a.toggle:hover { background: #2196F3; }
.ucNewCarSpec .p-txt { background: #efefef; }
.ucNewCarSpec ul.accordion.pop_accordion li a.toggle:hover { background: #aeaeae!important; }


.cbp-hrmenu > ul > li > a.booktop { border-bottom-color: #ef7b7a!important; }

.cd-slider-nav .selected a:before { background-color: #ef7b7a; }
.blueButton02 { background: #fff; }
.poplinks .iconpad:hover { background-color: #ef7b7a; }
.pstCode a.srclink { background-color: #ef7b7a; }
.linkEnq { background: #ef7b7a; }
.cd-product-viewer-handle .handle { background-color: #ef7b7a; }

.topNavlinks .headerPhne { color: #ef7b7a!important; }
.newcar_blk .bluetxt { color: #ef7b7a; }
.ebay-heading .heading { color: #ef7b7a; }
.innerspecpad .topTitle { color: #ef7b7a; }
.panel03 .bigTitle { color: #ef7b7a; }
.deliveryAdd .title-77, .panel01 .title-77, .panel03b .title-77, .panel_quest .title-77, .step4 .panel03 .title-77 { color: #ef7b7a; }
.bottomTitle .title-77 { color: #ef7b7a; }
.innerspecpad.step4 .topTitle { color: #ef7b7a; }
.step5 .summryTtitle { color: #ef7b7a; }
.sumStep .LeftTxt { color: #ef7b7a; }
.sumStep .Addinfo { color: #ef7b7a; }
.sumStep .sumPrice { color: #ef7b7a; }
.sumStep .posReal .LeftTxt { color: #ef7b7a; }
.sumStep .posReal .sumPriceGreen { color: #ef7b7a; }
.totalBox .InfoDetail { color: #ef7b7a; }
.totalBox .finalTotal { color: #ef7b7a; }
.payment .title-77 { color: #ef7b7a; }
.fillDetail .title-77 { color: #ef7b7a; }
input.dhx_inp:focus + label { color: #ef7b7a; }
.carrental-hdr .title-77 { color: #ef7b7a; }
.model .title-77 { color: #ef7b7a; }
.payment .title-77 { color: #ef7b7a; }
.proceed .proceed-title .title-77 { color: #ef7b7a; }
.clickTxt a { color: #ef7b7a; }
.blueheading { color: #ef7b7a; }

.panel03 .inputGroup02 label:before { background-color: #ef7b7a; }
.inputGroup03 label:before { background-color: #ef7b7a; }
.proceed .bluedoc { background: #ef7b7a; }
.innerspecpad .inputGroup label:before { background-color: #ef7b7a; }
.panel01 .regbox .flip02 b { color: #2052a0; }
.fillDetail .formForfill ul.grid .postCode .PostBtn a { background-color: #2052a0; }
.buyOnline_btn { background: #2052a0; }
.cantsee { background-color: #2052a0; }
.postcode_lookup .btn_find { background-color: #ef7b7a!important; }
a.dwnldPdf { background: #2052a0; }
a.dwnldPdf:hover { /* background: #7bd1fa;*/ background: #2052a0; }
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * { /* selected step */ color: #ef7b7a; }
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover { /* steps already visited */ color: #ef7b7a; }
.anualMilage .mlgeBtn { background-color: #2052a0!important; }
.panel_quest .title-77 i { color: #2252a0; }
.buyOnlinePop .formheader { color: #2252a0; }
.locs [type="radio"]:checked + label:after, .locs [type="radio"]:not(:checked) + label:after { background: #2252a0; }
.payment .title-77 i { color: #2252a0; }
.accesstext p i { color: #ef7b7a; }
.btnsx03 { background-color: #1e427c; }
.btnsx05 { background-color: #1e427c; }
.th_prcRgt p span i { color: #03a9f4; }
input[type=radio]:checked ~ .check::before { background: #48b0f7; }
.slide.whiteSlide .button.white:hover { background-color: #48b0f7!important; }
.homebacker.ftrTopstrp { background: #1d437d; }
.callusbtn { background-color: #41affa; }
.button.actionButton.redder:hover { background: rgb(72, 176, 247); }

@media only screen and (max-width: 767px) {
 .cd-multi-steps.carrental li.current > * { color: #2052a0!important; }
}

@media only screen and (min-width: 768px) {
 .no-touch .cd-breadcrumb.triangle a:hover { background-color: #ef7b7a; border-color: #ef7b7a; }
 .cd-breadcrumb.triangle a:hover { /* steps already visited */ background-color: #ef7b7a; border-color: #ef7b7a; }
 .cd-multi-steps li.visited::after { background-color: #ef7b7a; }
}

@media screen and (max-width:1023px) {
 .mobPhne a span { color: #ef7b7a!important; }
}

/*------------adPopup-------------*/
.adPopup { background: rgba(0, 95, 226, 0.7); }
.adPopup .modal-background { background: rgba(0, 95, 226, 0.7); }
.triangle-right.left { background: #075698; }
.bk-info-icon > span { color: #3d6fbc; }
.faclr { color: #ef7b7a!important; }

.book-bx .bkcalender .heading .prev-next a { background: #ef7b7a !important; }
.book-bx .bkcalender .daycss.active a, .book-bx .bkcalender .daycss a:active { background: #ef7b7a; }
.book-bx .bkcalender .seldaycss a { background: #ef7b7a !important; }
.bluettl16 { color: #ef7b7a; }
.tyresizebacker p.normTxt a { color: #ef7b7a; }
.confirmform .head { background: #ef7b7a; }
.formFlds .smlBluBtn { background-color: #ef7b7a; }
.ltBdrBx p { color: #ef7b7a; }
.confrmFrm .title-77 { color: #ef7b7a; }
.adtnlOpt { color: #ef7b7a; }
.book-bx .bkcalender .heading { background: rgb(32, 82, 160); }
.valToptxt a b { color: #ef7b7a; }
.vechDtl .dtlTtl { color: #ef7b7a; }

@media only screen and (min-width: 768px) {
 .valuationWrp .cd-breadcrumb.triangle a:hover { background-color: #ef7b7a; border-color: #ef7b7a; }
}

.sumryLst .sumDisHead p span { color: #ef7b7a; }
.frmOptDealer .dlrTopHead { background: #ef7b7a; }

.ucNews .pgAlt li a:hover { background-color: #238bc5 !important; color: #fff !important; }


/*//// WEBSITE PREVIEW PAGE COLOR CSS ////*/
.hdrViewDvc ul li:hover, .hdrViewDvc ul li.active { background-color: #005dea; border-color: #005dea; }
.hdrViewDvc ul li span { color: #005dea; }


.prmBlcsSear .searchSectopm .form.parraGF .srchTtls { color: #ef7b7a; }
.prmBlcsSlider .promoSlider .bannerOffr2 .banner-spn2 { color: #fff; }
.theme1.prmBlcsSlider .promoSlider .bannerOffr1 .sml_stitle { color: #fff; }
.theme1.prmBlcsSlider .promoSlider .bannerOffr2 .banner-spn2 { color: #4991f4; }

.promoHeading span:first-child { color: #fff; }

.offrListTitle b { color: #75afff; }

.ucUsedCarList.theme2 .usedcars_blk .th_prcRgt.center.saveDiv > p { color: #ef7b7a; }
.ucOfferList.theme2 .offer_list .mtminus255 { background: #ef7b7a; }
.dealer_lst.theme2 .dlrFltrDD .dd-button:hover { border-color: #ef7b7a; }
.dealer_lst.theme2 .dlrListCntnr a.box-77 { border-color: #ef7b7a; }
.dealer_lst.theme2 .dlrListCntnr:hover { box-shadow: 0px 0px 0px 4px #ef7b7a; }
.dealer_lst.theme2 .dlrListCntnr .thumbnail-77 { border-color: #ef7b7a; }
.dealer_lst.theme2 .cllLBL { color: #ef7b7a; }
.dealer_lst.theme2 .delaers_wrap .dealerBtn { color: #ef7b7a; }
.topBar .topSidebarContent .bar_yes-carry02 .subtitle-77 b { color: #ef7b7a; }
.yesbutton:hover { background: #ef7b7a; border-color: #ef7b7a; }
.DealerDetail.theme2 .dealerBook { color: #ef7b7a; border-color: #ef7b7a; }
.DealerDetail.theme2 .dealerBoxTel span { color: #ef7b7a; }
.DealerDetail.theme2 .dealerContact { background: #ef7b7a; }
.DealerDetail.theme2 .timingTbl p b { color: #ef7b7a; }
.ucNews.theme2 .newsContentDiv > p .blueBtnAro { color: #ef7b7a; }
.ucNews.theme2 .newsListBox .addgrid:hover { box-shadow: 0px 0px 0px 4px #ef7b7a; }
.dealer_lst.theme2 .dlrEntrPSCD .coderoll:hover { border-color: #ef7b7a!important; }
/*side bar*/
.sidebar .mainMenu .sideNavHome .fa { color: #015fe2; }
.sidebar .mainMenu .sideNavChat a { color: #015fe2; }


.ucUsedCarList.theme1 .newOfferstrip01 { background: rgba(1, 95, 226, 0.9); }
.addbox .viewShort { background: #015fe2; }


.e_news .homenews_more { color: #ef7b7a; }

.modelvanslider a .fa, .mini-click_slider .caroselcntnt a .fa { color: #ef7b7a; }

.ucPromoBlock .promobox-74:hover { box-shadow: 0px 0px 0px 4px #ef7b7a; }

.dtlBrdCrmb > a.srchAgn { color: #303030; }
.textRed_ew { color: #4e4e4e!important; }
.cbp-hrmenu > ul > li > a { color: #212121; }
.dropdown-el { color: #444; }
.sidebar .mainMenu .sideNavBroch a { color: #6b6b6b; }
.cbp-hrmenu > ul > li > a:hover { color: #000; }
.prmWideSearch #contact-form select { color: #888; }
body .slide.whiteSlide { color: #4e4e4e; }
.title-77 { color: #303030; }
.Pformat ul li, .Pformat ol li { color: #303030; }
.confgModelhdng .srchTitle { color: #212121; }
.confgModelhdng .confMdprc { color: #212121; }

.popup { color: #fff; }
.ucNewCarSpec .h2head-txt { color: #303030; }
.vrntSpecBtn { background: #ef7b7a; border-color: #e1e1e1; }
/*---------------  From crumbstyle  ---------------< */
@media only screen and (min-width: 768px) {
 .cd-breadcrumb.triangle li > * { color: #2c3f4c; background-color: #edeff0; border-color: #edeff0; }
 .cd-breadcrumb.triangle li.current > * { color: #ffffff; background-color: #ef7b7a; border-color: #ef7b7a; }
 .no-touch .cd-breadcrumb.triangle a:hover { color: #ffffff; }
 .cd-multi-steps li.current > * { color: #2c3f4c; }
 .no-touch .cd-multi-steps.text-center a:hover { background-color: #2c3f4c; }
 .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * { color: #ffffff; background-color: #96c03d; }
 .cd-multi-steps.text-top.count li:not(.current) em::before,
 .cd-multi-steps.text-bottom.count li:not(.current) em::before { /* steps not visited yet - counter color */ color: #2c3f4c; }
}

.book-bx { background-color: #FFF; }
.book-bx .bkcalender .heading td:hover { color: white; }
.book-bx .bkcalender .heading .prev-next a { color: #fff!important; }
.book-bx .bkcalender th { color: #696969; background: #f3f3f3; border-left-color: #f3f3f3; }
.book-bx .bkcalender .daycss { border-top-color: #c2c2c2; border-left-color: #c2c2c2; }
.book-bx .bkcalender .daycss a { color: #666; }
.book-bx .bkcalender .daycss a:hover, .book-bx .bkcalender .daycss.off a { background: #f3f3f3; }
.book-bx .bkcalender .daycss.off a { color: #b3b3b3; }
.book-bx .bkcalender .daycss.active a, .book-bx .bkcalender .daycss a:active { color: #ffffff; }
.book-bx .bkcalender .todaycss a { background: #fff !important; }
.book-bx .bkcalender .seldaycss a { color: #fff!important; }
.book-bx .timeslot select { border-color: #cccccc; }
/*---------------   ---------------> */

/*--------------- Common Color not updated for theme ---------------< */

.slides { fill: #fff; background: #111; }
.slides.bodyWhite { background: #fff; }
.slide.whiteSlide svg { fill: #303030; }
.h2Head { color: #4e4e4e; }
.callusbtn { color: #333333; }
.todaymenu { background-color: #FFF; -webkit-box-shadow: 0px 0px 11px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 11px -2px rgba(0,0,0,0.75); box-shadow: 0px 0px 11px -2px rgba(0,0,0,0.75); border-color: #ccc; }
.callusbtn > .fa { color: #FFF; }
.todaymenu .whitecolum { color: #333333; }
.todaymenu .lightgraycolum { background: #eaf7ff; color: #333333; }
.todaymenu .whitecolum .fa, .todaymenu .lightgraycolum .fa { color: #e6e6e6; }
.button.shade:after { background: #292929; }
.slide.whiteSlide .button.white:hover { color: #ffffff!important; }
.button.play svg { fill: #fff; }
.button.play.small svg { fill: #fff; }
.button.stroke:hover { -webkit-box-shadow: inset 0 -100px 0 rgba(41,41,41,0.05), 0 4px 6px 0 rgba(0,0,0,.1),0 1px 10px 0 rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.1); box-shadow: inset 0 -100px 0 rgba(41,41,41,0.05), 0 4px 6px 0 rgba(0,0,0,.1),0 1px 10px 0 rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.1); }
.dot:after { background: #fff; }
.slide.whiteSlide .dot:after { background: #303030; }
.social-circles li svg { fill: #fff; }
.slide.whiteSlide form input[type="text"],
.slide.whiteSlide form input[type="name"],
.slide.whiteSlide form input[type="email"],
.slide.whiteSlide form input[type="password"],
.slide.whiteSlide form input[type="tel"],
.slide.whiteSlide form textarea { -webkit-box-shadow: 0 0 0 1px rgba(41,41,41,0.2) inset; box-shadow: 0 0 0 1px rgba(41,41,41,0.2) inset; }
.wideforms input[type="text"],
.wideforms textarea { background: #fff; color: #242424; -webkit-box-shadow: 0 0 0 1px rgba(41,41,41,0.2) inset; box-shadow: 0 0 0 1px rgba(41,41,41,0.2) inset; }
.mnFacture li { border-color: #e1e1e1; }
.slide { color: #fff; }
.whiteSlide.fade .content { background: rgba(255,255,255,0.9); }
body .slide.whiteSlide { }
.slide.whiteSlide .fade { background: rgba(255,255,255,0.85); }
.videoThumbnail { -webkit-box-shadow: 0 32px 44px 0 rgba(0,0,0,0.6); box-shadow: 0 32px 44px 0 rgba(0,0,0,0.6); }
.shadow, .button.empty.shadow:hover { -webkit-box-shadow: 0 32px 44px 0 rgba(0,0,0,0.6); box-shadow: 0 32px 44px 0 rgba(0,0,0,0.6); }
.videoThumbnail:not(.noTint):hover:after { background-color: rgba(0,0,0,0.15); }
.videoThumbnail.small { -webkit-box-shadow: 0 9px 24px 0 rgba(0,0,0,0.6); box-shadow: 0 9px 24px 0 rgba(0,0,0,0.6); }
.pad { border-color: #fff; color: #303030; background: #fff; }
.pad.shadow { -webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.10); box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.10); }
.pad.shadowHover { -webkit-box-shadow: 0 52px 64px rgba(0,0,0,0); box-shadow: 0 52px 64px rgba(0,0,0,0); }
.pad.shadowHover:hover { -webkit-box-shadow: 0 52px 64px rgba(0,0,0,0.5); box-shadow: 0 52px 64px rgba(0,0,0,0.5); }
.pad.stroke { color: #fff; }
.pad.stroke:hover { background: #fff; color: #303030; }
.quoteBubble { background: #fff; color: #303030; }
.quoteBubble:after { border-color: #fff transparent; }
.slide.whiteSlide .quoteBubble { background: #303030; color: #fff; }
.slide.whiteSlide .quoteBubble:after { border-color: #303030 transparent; color: #fff; }
.hr:after { background: rgba(255,255,255,.2); }
.slide.whiteSlide .hr:after { background: rgba(41,41,41,.05); }
.helpBubble:after { background: #303030; color: #fff; }
.helpBubble .helpMessage { background: rgba(255, 255, 255, 0.98); color: #303030; -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.07), 0 6px 8px rgba(0,0,0,0.05); box-shadow: 0 1px 8px rgba(0,0,0,0.07), 0 6px 8px rgba(0,0,0,0.05); }
.slides.whiteSlide .panel { color: #303030; }
.slides.whiteSlide .panel svg { fill: #303030; }
.sections .menu.small li a:hover { border-bottom-color: #d50032; }
.panel .button { background: #fff; color: #303030; }
.slides.whiteSlide .panel .menuButton { background: #303030; color: #fff; }
.panel .button.menuButton.stroke { color: #fff; }
.slides.whiteSlide .panel .button.menuButton.stroke { color: #303030; }
.slides.whiteSlide .panel .actionButton svg { fill: #fff; }
.navigation li { fill: #fff; }
.navigation li:after { background: #fff; -webkit-box-shadow: 0 0 1px #303030; box-shadow: 0 0 1px #303030; }
.navigation li.tooltip:before { background: rgba(40,40,40, 0.7); color: #fff; -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,0.1); box-shadow: 0 0 0 1px rgba(255,255,255,0.1); }
.compact.side .navigation li { background: #fff; }
.whiteSlide .compact.side .navigation li { background: rgba(41,41,41,1); }
.stroke .navigation li:after { border-color: #fff; }
.stroke .navigation li.selected:after { background: #fff; }
.stroke .navigation li:hover:after { background: #fff; }
.slides.whiteSlide .navigation li:after { background: #303030; -webkit-box-shadow: 0 0 1px #fff; box-shadow: 0 0 1px #fff; }
.slides.whiteSlide .stroke .navigation li:after { border-color: #303030; background: transparent; }
.slides.whiteSlide .stroke .navigation li:hover:after { background: #303030; }
.slides.whiteSlide .stroke .navigation li.selected:after { border-color: #303030; background: #303030; }
.slides.whiteSlide .side svg:not([fill]) { fill: #303030; }
.dropdown { background: #fff; color: #303030; -webkit-box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.15), 0 14px 28px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.15), 0 14px 28px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05); }
.dropdown.bottom:after { border-bottom-color: rgba(255, 255, 255, 0); border-top-color: #fff; }
.dropdown.share li { color: #fff; }
.dropdown.share li:after { background: rgba(0,0,0,0.1); }
.dropdown.share li svg { fill: #fff; }
.dropdown.share .mail { color: #7E7E7E; }
.dropdown.share .mail:after { background: rgba(0,0,0,0.05); }
.sidebar .close svg { fill: #3e3e3e; }
.sidebar .mainMenu .sideNavChat { color: #ccc; }
.popup:not([class*="fade-"]) { background: rgba(255, 255, 255, 0.7); }
.popup.white .close svg { fill: #303030; }
.popup .close.closeButton.white svg { fill: #303030; }
.zoom-overlay { background: rgba(17, 17, 17, 1); }
.plain .slide.after:after,
.plain .slide.before:after { background: #111; }
.search-block .srchCheck label { color: #FFF; }
.search-block .prevSrch { border-top-color: rgba(255, 255, 255, 0.2); }
.search-block .srchCheck .checkWrp input:checked + label span.tick:before { background-color: #000; }
.search-block .srchCheck .checkWrp input:checked + label { color: #FFF; }
.search-block .prevSrch ul li { color: #FFF; }
.search-block .prevSrch .srchTtl { color: #FFF; }
.keyliner02 { background-color: rgba(255, 255, 255, 1.0); border-bottom-color: #e1e1e1; }
.linktext02 { color: #454545; }
.button.actionButton svg { fill: #666666!important; }
.button svg { fill: #fff!important; }
.ae-Clrbg { background-color: #dd0000; }
.faClick { color: #4CB96B; }
.praform { border-bottom-color: #e1e1e1!important; color: #212121; }
.form-addl { background: #eaf6ff; }
.icon-47 { stroke: #fff; }
.slide.whiteSlide .icon-47 { stroke: #303030; }
.icon-48 { stroke: #fff; }
.slide.whiteSlide .icon-48 { stroke: #303030; }
.icon-49 { stroke: #fff; }
.slide.whiteSlide .icon-49 { stroke: #303030; }
.icon-61 { stroke: #fff; }
.slide.whiteSlide .icon-61 { stroke: #303030; }
.icon-62 { stroke: #fff; }
.slide.whiteSlide .icon-62 { stroke: #303030; }
.cell-64 { stroke: #fff; -webkit-box-shadow: 0 0 1px rgba(41,41,41,0); box-shadow: 0 0 1px rgba(41,41,41,0); }
.cell-64 svg { stroke: #fff; }
.slide.whiteSlide .cell-64 svg { stroke: #303030; }
.cell-64:hover { background: #fff; color: #303030; -webkit-box-shadow: 0 0 0 1px rgba(41,41,41,0.2); box-shadow: 0 0 0 1px rgba(41,41,41,0.2); }
.cell-64:hover svg { stroke: #303030; }
.grid-64 .cell-64:after { background: rgba(255,255,255,0.1); }
.slide.whiteSlide .grid-64 .cell-64:after { background: rgba(0,0,0,0.1); }
.icon-65 { stroke: #fff; }
.slide.whiteSlide .icon-65 { stroke: #303030; }
.box-67 { color: #303030; box-shadow: 0 1px 3px rgba(0,0,0,.15); }
.box-67:hover { box-shadow: 0 8px 15px rgba(0,0,0,.15), 0 0px 14px rgba(0, 0, 0, 0.02), 0 0px 1px rgba(0, 0, 0, 0.1); }
.box-69 { color: #303030; }
.box-69:after { background: #fff; }
.box-70 { background-color: #ccc; color: #303030; }
.box-70:hover { background-color: #fff!important; box-shadow: 0px 22px 23px 0px rgba(0,0,0,0.40); }
.slide.whiteSlide .cell-71 svg { stroke: #303030; }
.cell-71 svg { stroke: #fff; }
.cell-71:hover { background: #E80552; color: #fff; -webkit-box-shadow: 0 0 0 1px rgba(41,41,41,0.2); box-shadow: 0 0 0 1px rgba(41,41,41,0.2); }
.cell-71:hover svg { stroke: #303030; }
.grid-71 .cell-71:after { background: rgba(255,255,255,0.1); }
.slide.whiteSlide .grid-71 .cell-71:after { background: rgba(0,0,0,0.1); }
.cell-73 { -webkit-box-shadow: 0 0 1px rgba(41,41,41,0); box-shadow: 0 0 1px rgba(41,41,41,0); }
.cell-73 svg { stroke: #fff; }
.slide.whiteSlide .cell-73 svg { stroke: #303030; }
.cell-73:hover { background: #fff; color: #303030; -webkit-box-shadow: 0 0 0 1px rgba(41,41,41,0.2); box-shadow: 0 0 0 1px rgba(41,41,41,0.2); }
.cell-73:hover svg { stroke: #303030; }
.slide.whiteSlide .grid-73 .cell-73:after { background: rgba(0,0,0,0.1); }
.box-74 { color: #303030; box-shadow: 0 0 3px rgba(0,0,0,.06), 0 2px 3px rgba(0,0,0,.1); }
.box-74:hover { box-shadow: 0 0 3px rgba(0,0,0,.06), 0 5px 6px rgba(0,0,0,.13); opacity: 0.95; }
.name-74 { background: #FFFFFF; }
.grid-75 { background: #9B9C97; }
.slide.whiteSlide .button.white.button-76 { -webkit-box-shadow: 0 2px 8px 2px rgba(41,41,41,0.25); box-shadow: 0 2px 8px 2px rgba(41,41,41,0.25); }
.box-77 { color: #303030; }
.greyborder01 { border-bottom-color: #e1e1e1; }
.greyborder { border-bottom-color: #e1e1e1; }
.greyborder:hover { border-bottom-color: #ef7b7a; }
.author-77 { background: #fff; border-top: 0px solid #EBEBEB; }
.box-79 { color: #303030; box-shadow: 0 0 3px rgba(0,0,0,.15), 0 4px 4px rgba(0,0,0,.07); background: #fff; }
.box-79:hover { box-shadow: 0 0 3px rgba(0,0,0,.1), 0 7px 8px rgba(0,0,0,.15); }
.box-79 svg { stroke: #303030; }
.icon-79 { stroke: #303030; }
.slide.whiteSlide .button.white.button-79 { -webkit-box-shadow: 0 0 0 2px rgba(41,41,41,0.25); box-shadow: 0 0 0 2px rgba(41,41,41,0.25); }
.icon-80 { stroke: #fff; }
.slide.whiteSlide .icon-80 { stroke: #303030; }
.grid-84 { color: #303030; }
.grid.grid-84 > [class*='col-'] { background: #fff; }
.tint-84 { background: #E6F5F3!important; }
.grid-85 { color: #303030; }
.grid.grid-85 > [class*='col-'] { background: #fff; }
.tint-85 { background: #E6F5F3!important; }
.box-86 { color: #303030; box-shadow: 0 0 1px rgba(48, 48, 48, 0.54); }
.box-86 { background: #fff; }
.tint-86 { background: #E6F5F3!important; }
.slide.whiteSlide .button.white.button-87 { -webkit-box-shadow: 0 2px 8px 2px rgba(41,41,41,0.25); box-shadow: 0 2px 8px 2px rgba(41,41,41,0.25); }
.slide.whiteSlide .button.white.button-89 { -webkit-box-shadow: 0 2px 8px 2px rgba(41,41,41,0.25); box-shadow: 0 2px 8px 2px rgba(41,41,41,0.25); }
.frame-94 { border-color: rgba(177, 177, 177, 0.2); }
.slide.whiteSlide .frame-94 { border-color: rgba(0,0,0,0.2); }

.form-97 select { background: #fff; color: #242424; }
.slide.whiteSlide form.form-97 select, .slide.whiteSlide form.form-97 input[type="tel"] { border-color: rgba(41,41,41,0.2); }

