/* Minification failed. Returning unminified contents.
(1849,65): run-time error CSS1035: Expected colon, found 'font-weight'
(3694,72): run-time error CSS1035: Expected colon, found ';'
(5448,174): run-time error CSS1046: Expect comma, found '0'
(5448,178): run-time error CSS1046: Expect comma, found '/'
(8516,56): run-time error CSS1046: Expect comma, found '0'
(8516,60): run-time error CSS1046: Expect comma, found '/'
(8690,229): run-time error CSS1046: Expect comma, found '0'
(8690,233): run-time error CSS1046: Expect comma, found '/'
(8690,281): run-time error CSS1046: Expect comma, found '0'
(8690,285): run-time error CSS1046: Expect comma, found '/'
(8690,328): run-time error CSS1046: Expect comma, found '0'
(8690,332): run-time error CSS1046: Expect comma, found '/'
(9265,107): run-time error CSS1039: Token not allowed after unary operator: '-offset'
(9267,106): run-time error CSS1039: Token not allowed after unary operator: '-offset'
(9376,119): run-time error CSS1031: Expected selector, found ';'
(9376,119): run-time error CSS1025: Expected comma or open brace, found ';'
(9379,1): run-time error CSS1019: Unexpected token, found '}'
(9481,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9482,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0'
(9487,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9488,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0'
(9493,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9494,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0'
(9501,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9502,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0'
(9658,74): run-time error CSS1046: Expect comma, found '0'
(9658,78): run-time error CSS1046: Expect comma, found '/'
(9658,126): run-time error CSS1046: Expect comma, found '0'
(9658,130): run-time error CSS1046: Expect comma, found '/'
(9658,173): run-time error CSS1046: Expect comma, found '0'
(9658,177): run-time error CSS1046: Expect comma, found '/'
(9670,189): run-time error CSS1046: Expect comma, found '0'
(9670,193): run-time error CSS1046: Expect comma, found '/'
(9670,241): run-time error CSS1046: Expect comma, found '0'
(9670,245): run-time error CSS1046: Expect comma, found '/'
(9670,288): run-time error CSS1046: Expect comma, found '0'
(9670,292): run-time error CSS1046: Expect comma, found '/'
(9722,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9723,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12007,1098): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12007,1125): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12007,1246): run-time error CSS1019: Unexpected token, found '@keyframes'
(12007,1265): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12262,2): run-time error CSS1030: Expected identifier, found ' '
(12262,2): run-time error CSS1019: Unexpected token, found ' '
(13241,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13249,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13257,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13300,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(13304,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(13790,1): run-time error CSS1019: Unexpected token, found '@charset'
(13790,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(13790,17): run-time error CSS1019: Unexpected token, found ';'
(13829,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13830,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13835,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13836,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13841,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13842,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13846,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13847,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13851,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13852,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13856,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13857,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13861,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13862,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13866,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13867,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13871,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13872,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13876,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13877,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13881,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13882,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13887,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13888,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13892,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13893,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13897,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13898,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13902,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13903,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13907,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13908,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13913,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13914,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13918,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13919,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13923,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13924,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13928,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13929,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13934,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13935,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13940,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13941,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13945,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13946,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13950,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13951,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13955,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13956,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13960,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13961,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13965,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13966,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13970,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13971,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13977,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13978,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13982,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13983,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13987,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13988,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14008,2329): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14008,4931): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14008,5038): run-time error CSS1063: Expected calculation unit, found 'var('
(14008,5038): run-time error CSS1064: Expected calculation product, found 'var('
(14008,5038): run-time error CSS1019: Unexpected token, found 'var('
(14008,5038): run-time error CSS1042: Expected function, found 'var('
(14008,5043): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(14008,5072): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(14008,5090): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(14008,5136): run-time error CSS1063: Expected calculation unit, found 'var('
(14008,5136): run-time error CSS1064: Expected calculation product, found 'var('
(14008,5136): run-time error CSS1019: Unexpected token, found 'var('
(14008,5136): run-time error CSS1042: Expected function, found 'var('
(14008,5141): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(14008,5168): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(14008,5262): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color'
(14008,5292): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(14008,5536): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(14008,6073): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14008,6187): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14008,7677): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(14008,7707): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(14008,8939): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(14008,8969): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(14008,9615): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14008,9674): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14008,10805): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color'
(14008,10834): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(14008,10932): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14008,10991): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14008,11021): run-time error CSS1019: Unexpected token, found '@keyframes'
(14008,11054): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
*/
/* --- SLIDES adapted --- */
/* fallback */
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'); }
.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: 600; }
*, *:before, *:after { box-sizing: inherit; }
*:focus { outline: none; }
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%;*/ overflow-x: hidden; }
@media (min-width: 0px) and (max-width:321px) {.compuCooks.cookieBox p {width: 100% !important;}.compuCooks.cookieBox .resultButton {width: 100%;text-align: left;}}
@media (max-width: 768px){html {overflow-x: hidden !important;}}
html, body { max-width: 100%; /*overflow-x: hidden;*/ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; font-size: 16px; }
.chatButton {position:fixed; right:15px; bottom:15px; z-index:15; cursor:pointer;}
.chatButton .imgOuter {display: flex; align-items:center; justify-content: center; background-color: #fff; border-radius:50%; padding:10px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
.chatButton .imgOuter svg{width: 35px;height: 35px; color: #0064f4;}
.chatBox {position: fixed; bottom:75px; right: 15px;}
.chatBox .chatBoxInner {background-color: #fff; border-radius: 4px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 35px 15px;}
.chatBox .chatBoxInner p{font-size: 18px; font-weight: 600; color: #000;}
.chatBox .chatBoxInner p a{color: #0064f4; cursor: pointer;}
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; }
img { max-width: 100%; display: inline-block; height: auto; }
img.rounded { border-radius: 3px; }
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; }
.position-relative { position: relative; }
.posRel { position: relative; }
.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; }
.sitemapContent table td img { width: 12px; opacity: .9; }
.sitemapContent table td a { font-weight: normal; letter-spacing: normal; font-size: 14px; }
.sitemapContent table { margin-left: 25px; margin-right: 1%; margin-bottom: 5px; }
.sitemapContent table:first-child { /*float: none; margin-left: 1%!important;*/ }
.sitemapContent table:first-child td img { /*width: 20px;*/ }
.sitemapContent table td:first-child { width: 15px; }
.sitemapContent div table td:first-child { width: 45px; }
.sitemapContent div table td:nth-child(2) { text-align: center; width: 15px; }
.sitemapContent div table td:nth-child(2) img { width: 12px; }
.sitemapContent div table { width: 100%; margin: 0 !important; }
.sitemapContent div table:first-child { margin-left: 0% !important; }
.sitemapContent div table:last-child { margin-bottom: 8px !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; }
.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; }
.pl20 { padding-left: 20px !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 Playfair*/
#dvMultiplePhone a:hover { opacity: 1 !important; }
h1, .h1 { font-size: 32px; line-height: 1.17; font-weight: 400; 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: 26px; line-height: 1.17; font-weight: 400; 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; font-weight: 400; 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; font-weight: 400; margin-bottom: 10px; margin-top: 10px; }
h4.micro, .h4.micro { font-size: 13px; }
h5, .h5 { font-size: 19px; line-height: 1.17; font-weight: 400; 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; }
h6, .h6 { font-size: 17px; line-height: 1.17; font-weight: 400; margin-bottom: 10px; margin-top: 10px; }
.sections .left { text-align: justify; }
p, .p { font-size: 16px; line-height: 1.17; 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; }
.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; }
.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; }
/* 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; padding-top: 10px; padding-bottom: 10px; }
.button.stroke.uppercase { padding-top: 13px; padding-bottom: 13px; }
.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; }
.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; width: 100%; margin-top: 10px; margin-bottom: 36px; }
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; cursor: pointer; }
select::-ms-expand { display: none; }
.form-96 .button.linkEnq { min-width: 150px; }
/* COLORS BY (C) Google Meterial Design */
.white { background-color: #fff !important; color: #3d3d3d !important; }
.button.white svg { fill: #3d3d3d !important; }
.black { background-color: #3d3d3d !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: #3d3d3d !important; }
.yellow { background-color: #FFEB3B !important; color: #3d3d3d !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: #3d3d3d !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: 0px; margin-right: 0px; }
.grid.noSpaces { margin-left: 0; margin-right: 0; }
.grid + .grid { margin-top: 20px; }
.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.noSpaces [class*='col-'] { padding-left: 0; padding-right: 0; }
.grid [class*='col-'] { display: block; width: 100%; padding-left: 2%; padding-right: 2%; float: left; }
.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: 1080px !important; }
.fix-12-12b { max-width: 1280px !important; }
.fix-12-12c { max-width: 100% !important; }
.homeWrp .fix-12-12 { width: 100% !important; max-width: 1080px !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 { }
.panel.top { top: 0; z-index: 9; }
.panel.bottom { bottom: 0; }
.panel.top,
.bottomHdr { /*-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 { /*-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; 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; opacity: 0.5; z-index: 101; -webkit-transition: 0.25s; transition: 0.25s; }
.sidebar:hover .close:hover { opacity: 1; }
.sidebar .close svg { width: 30px; height: 30px; }
/* 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-weight: bold; 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-weight: bold; text-transform: uppercase; }
.sidebar .mainMenu .sideNavBroch a { font-size: 14px; font-fami font-weight: bold; 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: #3d3d3d; 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,#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,#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 .checkWrp { float: left; margin-right: 3px; }
.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; }
.mnContentWrp { min-height: 500px;}
.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; }
.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,#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,'); }
.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; 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; }
.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 { overflow: hidden; background: #3d3d3d; /*padding-bottom: 40px;*/ padding-bottom: 15px; }
.footerbottom ul { font-size: 0; width: calc(100% - 350px); 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 { font-size: 15px; }
.footerbottom .wbstBy a { font-size: 15px; color: #3d3d3d !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; font-size: 15px; padding-left: 10px; }
.ftrBtmLnks { border-left: 1px solid rgba(255, 255, 255, 0.7); }
.ftrBtmLnks a { color: #3d3d3d !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(../content/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; text-align: left; width: 150px; vertical-align: middle; }
.hdrLogo a { opacity: 1 !important; display: inline-block; vertical-align: middle; }
.hdrLogo span { display: inline-block; vertical-align: middle; }
.hdrLogo .logoText { font-size: 17px; font-weight: bold; color: #fff; letter-spacing: normal; }
.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-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; }
.rowBDR_top { border-top: 1px solid #e1e1e1 !important; }
.rowBDR_bottom { border-bottom: 1px solid #e1e1e1 !important; }
/* 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 { -webkit-transform: translate3d(0,0,0) !important; transform: translate3d(0,0,0) !important; }
.navtop { position: fixed; width: 100%; top: 0px; left: 0px; right: 0px; padding-top: 20px; padding-bottom: 20px; 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(../content/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; }
/*.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; display: none !important; }
.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: 3px; }
.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: 10px; }
.popupContent .close { position: absolute; top: 0; right: 0; cursor: pointer; padding: 10px; font-size: 0; opacity: 0.5; z-index: 1050; -webkit-transition: 0.25s; transition: 0.25s; }
.popupContent .close:after { content: ""; background: white; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; width: 20px; height: 20px; margin: auto; border-radius: 50%; }
.popupContent .close svg { fill: #000; width: 25px; height: 25px; -webkit-box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.5); box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.5); border-radius: 50%; overflow: hidden; }
.slide.whiteSlide .popupContent .close svg { fill: #000 !important; }
.popupContent .close:hover { }
.popupContent .close:hover svg { opacity: .6; }
.popupContent .close .icn_close { }
.popspec { background: transparent !important; }
.popupContent .form-title { margin-bottom: 10px; padding-bottom: 10px; font-size: 20px; font-weight: 600; text-align: center; color: #000000; text-transform: uppercase; }
.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: 0px !important; font-size: 15px; font-weight: 600; opacity: 1.0; margin-top: -6px; text-align: center; }
.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: 40px !important; }
.rowSP_bottom.rowBDR_bottom { padding-bottom: 40px; }
h1.pagemain_title { font-size: 18px; line-height: 1.1; color: #3d3d3d; 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;}*/
.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; }
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 .logoImg img { max-width: 200px; }
.ftrbackerBT .grid > .col-2-10 { max-width: 20%; }
.ftrbackerBT h3 { font-size: 22px; color: #FFF; font-weight: normal; text-align: center; margin-bottom: 30px !important; }
.ftrbackerBT p.small { font-size: 15px; line-height: normal; text-align: center; margin: 20px auto; }
.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-weight: bold; Sans-serif; font-size: 18px; color: #fff; }
/*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; }
.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; }
.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; }
.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; }
.share_icons { display: inline-block; float: right; font-size: 12px; color: #666666; }
.detail_info .finance-info { font-size: 15px; padding: 4px; margin-bottom: 0px; }
.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(../content/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; 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; }
.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 { padding: 10px 18px 10px; border: none; font-size: 15px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; border: none; outline: none; }
.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: box-shadow: none !important; border: none; cursor: pointer; }
.ddl_find { position: absolute; left: 10px; top: 72px; width: calc(100% - 20px); }*/
.chkbx { -webkit-appearance: checkbox; -moz-appearance: checkbox; -ms-appearance: checkbox; -o-appearance: checkbox; appearance: checkbox; }
.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(../content/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: #3d3d3d; opacity: 0.8; }
.finance-table .fin_val { width: 50%; float: left; margin-bottom: 0px; padding: 8px; font-weight: 600; font-size: 15px; color: #3d3d3d; 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: 20px; padding-bottom: 20px; /*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 { 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%; height: 40px; vertical-align: middle; }
.theme1 .ucbarwithbtn ul li .Barbtnp2 { display: table-cell; float: right; /*margin-top: 2px; margin-bottom: 20px;*/ text-align: right; }
.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; }
.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; }
.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; position: absolute; background: transparent; right: 10px; fill: #fff; border: none; box-shadow: none; border-radius: 50px; top: 11px; padding: 9px 10px; }
/* 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: #3d3d3d !important; }
.emissionFuel h3 { text-align: left !important; color: #3d3d3d !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(../content/images/playIcon.png); }
.playVBtn.pause { background-image: url(../content/images/pauseIcon.png); }
/* tech detail */
.container-techdtl > ul > li { display: inline-block; width: 50%; /* width:33%;*/ float: left; color: #3d3d3d; }
.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: #3d3d3d; 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); }
/* --------------------------------
Basic Crumbs Style
-------------------------------- */
/* -----------------------------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(../content/images/gb-reg.png); background-position: 2px 2px; background-repeat: no-repeat; font-weight: 500; }
.panel03b .milebox .inputfix input { background-image: url(../content/images/miler.png) !important; }
.step4 .panel03 .enterholder input { background-image: url(../content/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; }
.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(../content/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; 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; margin-bottom: 0; }
.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; }
.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; }
.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: #f1f1f1; -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; }
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; }
.button.actionButton:hover { background: #f1f1f1; -webkit-box-shadow: none; box-shadow: none; }
.panel svg { fill: #666666; }
/*-------------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; }
/*------------Step1 CSS----------- */
.live_content:after { clear: both; display: block; content: ""; }
.live_content .sel_area input { font-weight: normal; background-image: url(../content/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: 160px; display: inline-block; }
.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; min-width: 300px; margin-top: 0px; position: relative; margin-right: 15px; }
.srchHdr input[type="text"] { height: 40px; width: 100%; max-width: 100%; padding-left: 50px; font-size: 14px; line-height: 1.2em; border: 1px solid #e4e4e4; border-radius: 50px; margin: 5px 0px; font-weight: normal; color: #3d3d3d; }
.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 { }
.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; position: relative; }
.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 { display: block; margin: 25px 0px; padding: 0px; margin-bottom: 0px; }
.ftrSocial li { display: inline-block; margin: 5px; }
.ftrSocial li:first-child { /*margin-left: 0px;*/ }
.ftrSocial li a { display: block; width: 45px; height: 45px; line-height: 47px; border-radius: 50%; text-align: center; font-size: 18px; background-color: #fff; }
.ftrSocial li a svg { width: 17px; height: 17px; vertical-align: middle; margin-top: -4px; }
/*.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: #fff; margin-top: 30px !important; opacity: .5; }
.subsForm { margin-top: 24px; position: relative; }
.subsForm input[type="text"] { display: inline-block; background: #fff; border-radius: 0px; padding: 10px 20px; font-size: 14px; text-align: left; width: 100%; border: solid 1px #ccc; margin: 0px; max-width: none; font-weight: normal; }
.subsForm input[type="submit"],
.subsForm input[type="button"] { display: inline-block; border-radius: 0px; padding: 8px 20px; color: #fff; font-size: 12px; text-transform: uppercase; top: 4px; border: none; letter-spacing: 1px; position: absolute; right: 14px; }
.subsForm input[type="text"]::-webkit-input-placeholder { color: #444; }
.subsForm input[type="text"]:-ms-input-placeholder { color: #444; }
.subsForm input[type="text"]::placeholder { color: #444; }
.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 ul { margin-bottom: 10px; }*/
.navSub { opacity: 0; transition: .5s; }
/*.navSub ul li a { font-size: 12px!important; line-height: 1.3em; padding: 10px 10px; text-align: left; display: block; border-bottom: 1px solid #e2e2e2; }*/
.navSub ul li a { font-size: 13px !important; line-height: 1.3em; padding: 10px 10px; text-align: left; display: block; border-bottom: 1px solid transparent; color: #000; }
.mnfct_logo > a { position: relative; padding: 15px; }
.ftrLogo { margin-top: 0px; }
.ftrbackerBT .ftrLogo img { width: 108px; margin-top: -2px; }
.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:hover .navSub { display: block!important; background-color: #e1dfdc; background: #e1dfdc; background: -moz-linear-gradient(top, #e1dfdc 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #e1dfdc 0%,#ffffff 100%); background: linear-gradient(to bottom, #e1dfdc 0%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1dfdc', endColorstr='#ffffff',GradientType=0 );
border-left: 1px solid #e1dfdc; border-right: 1px solid #e1dfdc;
}*/
.mainMenu .dropdown-menu:hover .navSub,
.mainMenu .dropdown-menu .navSub.mobileDropDown { display: block; opacity: 1; transition: .5s; background-color: #fff; border-radius: 6px; box-shadow: 0px 0px 9px 2px rgb(0 0 0 / 18%) !important; padding: 15px; width: 250px; margin-left: -90px; text-align: left; left: 0; top: 35px; }
.mainMenu .dropdown-menu:hover .navSub li { display: block !important; }
.navSub ul li:last-child a { border-bottom: 0px; }
.navSub .cbp-hrsub-inner { position: relative; }
.navSub .cbp-hrsub-inner:before { content: ""; display: block; width: 10px; height: 10px; background-color: #fff; transform: rotate(45deg); position: absolute; top: -20px; left: 0px; right: 0px; margin: auto; }
/*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; 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 { transition: 0.01s; }
.dropdown-el.expanded input:checked + label { }
.dropdown-el.expanded::after { }
.prntBtn { color: #3d3d3d; 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; }
.headWidth { max-width: 260px; }
/*-----------------------------------cd_Modal_Action---------------------------------------------------*/
.modal-active .navtop { z-index: 99 !important; }
.detailCD { position: absolute; right: 10px; top: 3px; z-index: 99; }
.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; background-color:rgba(0,0,0,0.7)!important; top: -25%; border-radius: 50%; left: -25%; /*transition: .5s;*/ opacity: 0.98; 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; }
.relative { position: relative; }
.dnone { display: none; }
.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: #3d3d3d !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; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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: #3d3d3d; }
.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: #3d3d3d; 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 .seeDetail a { font-size: 13px; opacity: 0.8; letter-spacing: -0.35px; color: #3d3d3d; 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: #3d3d3d; }
.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: #3d3d3d; max-width: 94px; padding: 6px 12px 6px 14px; color: #fff; font-weight: bold; font-size: 10px; margin-bottom: 12px; display: inline-block; }
.theme1 .prceTip { font-size: 12px !important; }
.theme1 .prceTip:after { left: 30px; }
.theme2 .prceTip { font-size: 11px !important; }
.theme2 .prceTip:after { left: 50px; }
/*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: #3d3d3d; 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 .finance-section-offer { display: none; }
.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-weight: bold; color: #000; font-size: 24px; }
/*//////////___________________ UCDEALERSHIPS ___________________//////////*/
.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; text-transform: uppercase; }
.DLRbox .grpDeail02 { color: #212121; font-size: 14px; text-transform: uppercase; }
/* ucdealerships theme1 */
/* ucdealerships theme2 */
/*//////////___________________ 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: #3d3d3d; 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 ___________________//////////*/
.dlrPra { font-size: 16px; }
/* dealer details v2 theme2 */
.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(../content/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; }
/*//////////___________________ 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; 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: #3d3d3d; 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: #3d3d3d; }
.ucNews.theme2 .title-77.nwsttl7 { font-size: 22px; opacity: 1.0; margin-top: 8px !important; line-height: 1.385; font-weight: bold; letter-spacing: normal; }
.ucNews.theme2 .newsContentDiv > p { margin-top: 0px; font-size: 13px; opacity: 1.0; letter-spacing: -0.35px; color: #3d3d3d; 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; }
.srchBtns p.advan_srch { /*width: 130px;*/ padding: 2px 0px 5px 5px; }
.srchBtns a.advan_srch { width: 150px; color: #fff; padding: 5px; }
.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 { }
.ImgsBlcs .parraSEC,
.prmBlcs .parraSEC { margin-bottom: 0px; }
.prmBlcs .promoContent .parraSEC { font-size: 14px; margin-top: 15px; }
.parraSEC { font-weight: 400; }
.promoWrap { background-size: cover; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; overflow: hidden; }
.promoContent { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; padding: 25px 25px; transition: 0.7s; z-index: 999; }
.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; }
.promoContent .title-77 { letter-spacing: initial !important; font-size: 18px; font-weight: bold; text-transform: uppercase; margin-top: 0px; }
.promoContent .rollarrow { width: 24px; position: absolute; right: 20px; top: 14px; opacity: 0.01; }
.prmBlcs:hover .rollarrow { transition: 0.7s; opacity: 0.9; z-index: 9999; cursor: pointer; right: 14px; }
.promoContent .parraSEC { /*font-size: 16px; line-height: 1.385; margin-bottom: 0px; opacity: 1.0; font-weight: bold; letter-spacing: -0.5px; text-align: left;*/ }
.promoContent .blueBtn { display: block; color: #454344; text-transform: uppercase; font-size: 13px; position: absolute; bottom: 25px; left: 0px; padding: 0px 0px 0px 25px; background-image: url(../content/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; z-index: 9999; cursor: pointer; 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-weight: bold; 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; }
.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-weight: bold; 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; }
/* ucAIPromoBlock theme1 */
.theme1 .cd-slider-nav a:before { border: none; }
.theme1 .prmBlcs { height: 230px; }
.bxLayout .prmBlcs { height: 300px; }
.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; }
.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-weight: bold; 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: #3d3d3d; 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; 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; 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 { }
.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 { letter-spacing: -0.02em; font-size: 18px; color: #212121; }
.caroselcntnt a { letter-spacing: -0.02em; font-size: 16px; color: #888888; }
.caroselcntnt a span img { width: 9px; }
.sideTopMenu { display: none; }
/*//////////___________________ usedCarDetail ___________________//////////*/
.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: #3d3d3d; }
.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,
.e_videoslide .vdWrp ul { padding: 80px 30px 150px; margin: 0px; }
.e_imageslide .contDBox .ttlINcs { margin-top: 0px; }
.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: 400 !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: 400; }
/*----------------------BOX Layout Ai Design Changes Start------------------------------------*/
.homeWrp .fix-12-12 { width: 100% !important; max-width: 1080px !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 { 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 { /*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; }
.videoTxtDesc.parraSEC { font-size: 16px; line-height: 1.65; }
/*--------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: #3d3d3d; }
.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: bold; letter-spacing: -1.5px; text-align: left; padding-top: 1px; 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_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 .title-77 { font-size: 25px; line-height: 1.5; margin-bottom: 20px; margin-top: 25px; font-style: normal; letter-spacing: 0.16px; }
.e_imagewithtext .ImgsBlcs .parraSEC { font-size: 16px; line-height: 1.65; margin-bottom: 20px; font-style: normal; letter-spacing: 0.11px; }
.e_imagewithtext .ImgsBlcs .parraSEC .blueBtnAro { }
.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_textwithbtn .title-77 { margin-top: 0px; margin-bottom: 20px; font-size: 45px; font-style: normal; font-weight: 400; letter-spacing: 0.45px; }
.e_textwithbtn .parraSEC { line-height: 1.5; margin-bottom: 20px; font-size: 16px; font-style: normal; letter-spacing: 0.11px; }
.e_textwithbtn .parraSEC a { word-break: break-word; }
.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; }
.ImgsBlcs .parraSEC ul { padding-left: 30px; display: inline-block; }
.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; }
.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.5; 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.9 !important; }
.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 { bottom: -20px; }
.bxLayout .e_aiblock:hover .BxLink a span { bottom: 0px; transition: 0.7s; opacity: 0.9; }
.bxLayout .col-hh-1 .eleBlock.e_image { min-height: 300px; }
.bxLayout .col-hh-1 .eleBlock.e_image .ImgsBlcs .fullthumbnail { height: 300px !important; }
.e_image .fullthumbnail { font-size: 0; }
/*--------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; }
.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; }
.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; }
/* 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 .cAlignRight [class*='col-'] { float: 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; }
.e_videoslide .vdWrp ul.cAlignTop .ttlINcs { margin-top: 60px; }
.e_videoslide .vdWrp ul.cAlignMid { margin-top: 0px !important; margin-bottom: 0px !important; }
.e_videoslide .vdWrp ul.cAlignMid .ttlINcs { margin-top: 0px; }
.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; }
.e_videoslide p { font-size: 16px; line-height: 1.65; }
.e_videoslide .name-77.equalElement { position: relative; }
.e_videoslide [class*='col-'] { position: relative; z-index: 1; }
.e_videoslide .playVBtn { display: none; }
/* Image Slide Alignment*/
.e_imageslide .contDBox.cAlignLeft [class*='col-'] { float: left !important; }
.e_imageslide .contDBox.cAlignCenter [class*='col-'] { float: none !important; margin: auto; }
.e_imageslide .contDBox.cAlignRight [class*='col-'] { float: right !important; }
.e_imageslide .contDBox.cAlignTop { padding-top: 50px; padding-bottom: 180px; }
.e_imageslide .contDBox.cAlignMid,
.e_videoslide .vdWrp ul.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; }
.e_imageslide .parraSEC ul { padding-left: 30px; display: inline-block; }
/* 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 { position: relative; font-weight: 700; display: inline-block; padding: 13px 15px; margin: 0; list-style: none; cursor: pointer; float: left; font-size: 20px; }
.resp-tabs-container { padding: 0px; clear: left; }
h2.resp-accordion { cursor: pointer; padding: 5px; display: none; }
.resp-tab-content { display: none; padding: 15px; }
.resp-tab-active { border-bottom: none; margin-bottom: -1px !important; padding: 12px 14px 14px 14px !important; }
.resp-content-active, .resp-accordion-active { display: block; }
h2.resp-accordion { font-size: 13px; margin: 0px; padding: 10px 15px; }
h2.resp-tab-active { border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px !important; }
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*/
.mobNavToggle { display: none; width: 40px; height: 40px; text-align: center; cursor: pointer; vertical-align: middle; margin: auto; }
.mobNavToggle svg { margin-top: 7px; fill: #fff !important; width: 25px; height: 25px; }
.topHdr { background-color: #242424; font-size: 13px; height: 68px; }
.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 { display: inline-block; vertical-align: middle; }
.hdrLnks a { color: #FFF; opacity: .5; text-transform: uppercase; }
.hdrLnks a:hover { opacity: 1; }
.hdrLnks > li { display: inline-block; vertical-align: middle; padding-left: 55px; position: relative; }
.hdrLnks > li:first-child { padding-left: 0px; }
.hdrLnks .hdrBskt { color: #FFF; text-decoration: none; opacity: .5; transition: .3s; cursor: pointer; text-transform: uppercase; display: inline-block; }
.hdrLnks .hdrBskt:hover { opacity: 1; transition: .3s; }
.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; }
.hdrRgt { text-align: right; display: inline-block; float: right; margin-top: 22px; }
.mainHdr { }
.mainNav { width: 100%; position: relative; font-size: 0px; }
.mainNav:after { content: ""; clear: both; display: block; }
.navLeft, .navRight { text-align: center; }
.mainNav ul li { display: inline-block; vertical-align: middle; }
.mainNav ul li.navBtn1 { margin-left: 50px; }
.mainNav .homeLnk svg { display: none; }
.navLeft .homeLnk, ul.nav { display: inline-block; }
.homeLnk { }
.homeLnk a { font-size: 17px; }
.mainNav .mainMenu li .divNav > a { padding: 5px 15px; color: #fff; display: inline-block; font-size: 17px; text-transform: initial; }
.navBtn { background: #fff; border-radius: 24px; margin: auto; padding: 10px 18px !important; border: 2px solid #fff; vertical-align: middle; display: inline-block; font-size: 16px !important; text-transform: initial; margin-left: 20px; opacity: 1 !important; width: auto !important; font-style: normal; font-weight: 400; letter-spacing: 0.38px; line-height: 24px; }
.navBtn:hover { transform: scale(1.1); }
.mainNav .mainMenu { display: inline-block; width: calc(100% - 150px); text-align: right; vertical-align: middle; }
.main-content { /*background-image: url(../content/images/background.jpg); background-repeat: no-repeat; background-position: right bottom; background-size: 100% auto;*/ }
.mainMenu > li:nth-child(4) { }
.mainMenu > li:nth-child(5) { }
.showBskt { display: inline-block !important; }
.favourite-count { font-size: 9px; position: absolute; z-index: 23; top: -6px; right: -21px; line-height: 19px; width: 20px; height: 20px; border-radius: 100%; font-weight: 700; text-align: center; color: #fff; }
.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; display: none; }
.listHdr { text-align: center; padding: 30px 10px 30px 10px; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; position: relative; }
.listHdr h1 { font-size: 18px; font-weight: normal; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; }
.listHdr h1 span { font-weight: 700; }
.proFilter { display: block; width: auto; min-width: 125px; height: 34px; position: absolute; right: 0px; bottom: 22px; }
.prdctfltrBtn { display: none; }
.prdctfltrBtn .fa { margin-right: 5px; }
.bsktList { padding: 5px; background-color: #FFF; display: block; }
.hdrBsktpop { padding: 20px 10px; background-color: #FFF; display: block; width: 235px; border-radius: 5px; position: absolute; right: 0px; top: 25px; z-index: 999; -webkit-box-shadow: 0px 4px 9px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 4px 9px -5px rgba(0,0,0,0.75); box-shadow: 0px 4px 9px -5px rgba(0,0,0,0.75); }
.bsktList .bsktImg { width: 50px; float: left; height: 35px; text-align: center; }
.bsktList .bsktImg img { max-height: 100%; }
.bsktList li { display: block; margin-bottom: 10px; }
.bsktInfo { width: 145px; float: right; font-size: 14px; color: #000; }
.bsktInfo span { display: inline-block; width: auto; color: #ccc; font-size: 12px; margin-left: 4px; }
.bsktInfo .cartPrice { }
.hdrBsktpop:before { content: ""; width: 10px; height: 10px; background-color: #FFF; transform: rotate(45deg); position: absolute; top: -4px; right: 40px; }
.bsktTotal { /*padding-top: 5px; border-top: 1px solid #e8e8e8; margin-top: 5px;*/ color: #000; padding-bottom: 5px; }
.bsktFtr { padding-top: 5px; margin-top: 5px; border-top: 1px solid #e8e8e8; margin-bottom: 10px; }
.bsktTotal span { color: #000; display: block; text-align: right; }
.bsktTotal a { padding: 5px 10px; opacity: 1; margin: 0px 0px 0px 2px; display: inline-block; font-size: 9px; text-transform: uppercase; transition: .3s; }
.bsktTotal a:hover { opacity: .5; transition: .3s; }
ul.bsktList.bsAccount li { position: relative; }
ul.bsktList.bsAccount li a { margin-bottom: 10px; color: #000; display: block; text-align: left; font-size: 12px; padding-left: 25px; }
ul.bsktList.bsAccount li .fa { display: block; width: 20px; position: absolute; left: 0px; top: 3px; text-align: left; color: #242424; font-size: 12px; border-right: 1px solid #eaeaea; }
.hdrAccount { }
.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%); }
.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; 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; }
.proFilter select { border: 0px; background-image: none; font-size: 14px !important; font-weight: normal; }
.proFilter:after { content: "\f107"; font-family: 'FontAwesome'; position: absolute; right: -1px; bottom: 6px; font-size: 18px; transition: .3s all ease-in-out; }
/*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; }
.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(../content/images/right-arrow.png); background-repeat: no-repeat; background-position: left center; background-size: auto 10px; }
.whiteOfr .ofrLnk { background-image: url(../content/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: 18px; padding: 90px 10px 30px 10px; border-bottom: 1px solid #e8e8e8; }
.contentTitle span { font-weight: 700; }
.sliderWrap { overflow: hidden; }
.sliderWrap .container { margin-right: -2px; float: right; }
.product-slider { 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; }
.productBlock { display: block; width: 100%; text-align: center; color: #1c1b1b; position: relative; }
.productBlock a { color: #1c1b1b; }
.productBlock .mealWishlist.fvrtAdded { position: absolute; bottom: 5px; margin-bottom: 0px !important; font-size: 20px; }
.productBlock .mealWishlist.fvrtAdded a { color: #d1021c; display: block; }
.proOfr { min-height: 55px; }
.proOfr .proLbl { display: inline-block; position: relative; background-color: #FFF; padding: 6px 27px 6px 10px; border-radius: 40px; color: #8b8b8b; font-size: 10px; text-transform: uppercase; border: 1px solid #cacaca; margin-top: 5px; float: right; }
.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; margin-bottom: 20px; height: auto; }
.productBlock .proImg img { /*max-width: 155px;*/ max-width: 100%; max-height: 194px; width: auto; height: auto; }
.proTtl { text-align: center; font-size: 16px; /*padding: 0px 40px;*/ }
.proTtl span { font-weight: 700; }
.proPrice { text-align: center; font-size: 18px; font-weight: 700; padding: 0px 40px; }
.offer-slider .productBlock .proImg img { max-width: 125px; }
.swiper-button-next { color: #b7b7b7 !important; }
.swiper-button-prev { color: #b7b7b7 !important; }
.product-slider .swiper-slide { min-height: initial !important; position: relative; transition-property: transform; }
.product-slider .swiper-slide .productBlock { border-right: 1px solid #e8e8e8; padding-right: 15px; }
.product-slider .swiper-slide > a { display: block; width: 100%; }
.offer-slider .swiper-slide { min-height: initial !important; }
.e_bannerslider { position: relative; }
.e_bannerslider .cd-full-width { max-width: 50%; /*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*/
.ftrbackerBT h3 { }
.bottom-nav.footerbottom { background-color: #fff; padding: 31px 0px 31px !important; }
.footerInfo { color: #FFF; text-align: left; }
.footerInfo h5 { font-family: inherit; font-size: 14px; font-weight: normal; line-height: 1.8; margin: 15px auto 40px; }
.footerInfo p { opacity: .5; color: #FFF; text-align: center; font-size: 14px; }
/*product page*/
.productHdr { padding: 30px 10px 30px 10px; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; position: relative; margin-bottom: 20px; }
.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 { border-left: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding-bottom: 20px; }
.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; }
.proDecTop { min-height: 80px; position: relative; }
.proDecTop .title-77 { font-size: 13px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; color: #9c9c9c; }
.proDecTop .mealWishlist.fvrtAdded { position: absolute; right: 18px; margin-bottom: 0px !important; font-size: 24px; top: 0px; }
.proDecTop .mealWishlist.fvrtAdded a { color: #d1021c; }
.proDesc .Desline1 { color: #1c1b1b; font-size: 40px; line-height: 1em; }
.proDesc1 { color: #1c1b1b; font-size: 40px !important; line-height: 1em; }
.proDesc .Desline1 .gray-proname { display: inline-block; float: left; }
.proDesc .Desline1 span { font-size: 12px; }
.proDesc .Desline2 { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #9c9c9c; }
.proDesc .finance-section { margin-top: 15px; }
.Desline1::after { clear: both; display: block; content: ""; }
.cartCount { width: 140px; position: relative; float: right; font-size: 0; }
.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: #ededed; line-height: 43px; font-size: 24px; text-align: center; color: #1c1b1b; position: absolute; top: 0px; left: 0px; border-radius: 5px 0px 0px 5px; }
.cartCount .plus { display: block; width: 38px; height: 50px; background-color: #ededed; line-height: 43px; font-size: 24px; text-align: center; color: #1c1b1b; position: absolute; top: 0px; right: 0px; border-radius: 0px 5px 5px 0px; }
.proDesc .proOfr .proLbl { float: left; }
.proDesc .socialSec { padding-top: 15px; padding-bottom: 15px; display: inline-block; }
.addBasket { display: block; max-width: 400px; text-align: center; background-color: #000; padding: 20px 0px; color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; font-weight: bold; }
.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: 30px; height: 30px; line-height: 28px; color: #FFF; text-align: center; }
.tabbedinfo .resp-tabs-container { border-top: 1px solid #e8e8e8; }
.tabbedinfo .resp-tabs-list li { /*opacity: .5;*/ margin-right: 50px; }
.tabbedinfo { margin-top: 20px !important; margin-bottom: 20px !important; }
.tabbedinfo .resp-tab-active { border-bottom: 2px solid #000; opacity: 1; }
.tabbedinfo .resp-tab-content { padding: 20px 0px; }
.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; }
/*cart page*/
.productCart { background: #fafafa; }
.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; /*border-right: 1px solid #e8e8e8;*/ padding-bottom: 20px; }
.cartTabs .resp-tabs-list li { padding: 10px !important; margin-right: 50px; }
.cartForms .resp-tabs-list { padding: 30px 0px; }
.cartForms .resp-tabs-list:after { content: ""; display: block; width: 100%; clear: both; }
.cartTabs .resp-tabs-list .resp-tab-active { border-bottom: 2px solid; }
.cartTabs .resp-tabs-list li.visited { color: #22b14c; }
.cartTabs .resp-tabs-list li.visited:after { content: "\f058"; right: -15px; }
.cartTabs .resp-tabs-list li:after { content: "\f178"; font-family: 'FontAwesome'; position: absolute; top: 14px; right: -35px; }
.cartTabs .resp-tabs-list li:last-child:after { display: none; }
.cartTabs .blueBtnAro.wide { margin-top: 30px !important; margin-bottom: 30px !important; }
.cartRight { position: relative; position: -webkit-sticky; position: sticky; top: 30px; }
.whiteBox.cartList { padding: 30px 20px; }
.cartImg img { display: none; }
.cartList li { list-style: none; font-weight: 500; margin-bottom: 15px; position: relative; line-height: 1.17; font-size: 15px; text-align: left; }
.cartList li > .cart_Quantity { display: inline-block; width: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; float: left; }
.cartList li > span:first-child,
.cartList li > .cart_nameHead { display: inline-block; width: calc(100% - 110px); vertical-align: middle; float: left; line-height: 1; }
.cartList li > span:last-child,
.cartList li > strong:last-child { display: inline-block; width: 80px; text-align: right; vertical-align: middle; float: right; }
.cartList li:after { content: ""; display: block; clear: both; }
.cartList li > strong { font-size: 17px; font-weight: 500; color: #000; }
.cartList li .cart_Name { /*overflow: hidden;*/ vertical-align: middle; display: block; font-size: 16px; font-weight: 500; margin-bottom: 3px; }
.cartList li > strong:nth-child(2) span:last-child strong { font-weight: 500; display: inline-block; font-size: 14px; }
.cartList .cart_Options { margin: auto; margin-bottom: 3px; font-size: 12px; display: inline-block; width: 100%; }
.cartList li.grandTotal { border-top: 1px solid #e4e4e4; margin-top: 15px; margin-bottom: auto !important; padding-top: 15px; font-size: 17px; font-weight: 600; color: #000; opacity: 1 !important; }
.cartList .cartHeader { }
.cartList .cartFooter { padding-top: 15px; border-top: 2px solid #ececec; display: inline-block; width: 100%; }
.cartList .cartFooter li { opacity: 0.85; margin-bottom: 5px; }
.whiteBox.summaryStatus { padding: 25px; /*display: none;*/ }
.summaryStatus ul { list-style: none; }
.summaryStatus ul li { list-style: none; font-weight: 500; margin-bottom: 10px; position: relative; line-height: 1.17; font-size: 15px; text-align: left; display: flex; align-items: flex-end; }
.summaryStatus ul li:last-child { margin-bottom: 0; }
.summaryStatus ul li label { margin: 0; display: inline-flex; /*width: calc(100% - 145px);*/ vertical-align: middle; align-items: flex-end; justify-content: flex-start; }
.summaryStatus ul li:after { content: ""; clear: both; display: block; }
.summaryStatus ul li p { display: inline-flex; width: 145px; text-align: right; vertical-align: middle; margin: auto; font-size: 15px; flex-direction: column; }
.summaryStatus ul li p span:nth-child(1) { display: flex; font-size: 13px; margin-top: 3px; justify-content: flex-end; }
.sidebarTotal h3 { font-size: 15px; color: #333; }
.sidebarTotal h3 strong:last-child { font-size: 25px; margin-left: 10px; }
.pro-table tr { border-bottom: 1px solid #ccc; }
.pro-table td { padding: 10px; vertical-align: middle; font-weight: bold; }
.pro-table th { padding: 10px; vertical-align: middle; }
.pro-table td .inline-block { display: inline-block; vertical-align: middle; }
.pro-table td img + .inline-block { padding-left: 15px; }
.pro-table td.tbl-ttl { padding-right: 30px; position: relative; font-weight: 700; }
.pro-table td.tbl-ttl a { display: inline-block; padding: 5px; width: 28px; height: 28px; text-align: center; margin-left: 10px; float: right; }
.pro-table td.tbl-ttl a svg { fill: #666 !important; width: 13px; height: 13px; }
.pro-table .tbl-item img { vertical-align: middle; display: inline-block; float: none; }
.pro-table .tbl-item span { vertical-align: middle; display: inline-block; font-weight: bold; }
.pro-table .tbl-item span:last-child { font-size: 14px; color: #999; font-weight: 700; margin-top: 10px; }
.pro-table .tbl-item span:last-child strong { display: inline-block; color: #737373; }
.pro-table .tbl-qty > div { display: inline-block; vertical-align: middle; float: none; margin-right: 10px; }
.pro-table .tbl-ttl a.fa { width: 20px; height: 20px; color: #fff; border-radius: 50%; text-align: center; line-height: 20px; font-size: 10px; position: absolute; right: 10px; top: calc(50% - 10px); }
.pro-table .tbl-qty > input { width: 80px !important; border: 1px solid #e8e8e8; margin: 0px; margin-right: 10px; }
.ordrNextBtn { font-size: 14px; text-transform: uppercase; color: #ffffff; padding: 20px; float: right; border-radius: 6px; position: relative; display: block; width: 100%; max-width: 250px; text-align: center; }
.ordrNextBtn .fa { font-size: 16px; margin-left: 5px; position: absolute; right: 15px; top: 22px; }
.contnBtn { color: #000; padding: 20px 0px; float: left; font-size: 22px; font-weight: 500; }
.contnBtn .fa { margin-right: 5px; vertical-align: middle; margin-top: -4px; }
.cartTable { margin-bottom: 20px; }
.cartTable .slctCountry { width: 200px; }
.max70 { max-width: 70%; }
.shipInfo { max-width: 100%; margin-bottom: 15px; }
.shipInfo .errMsg { padding: 0px; line-height: 3.3; }
.shipInfo .formtitle { font-size: 20px; text-align: left; font-weight: 700; margin-bottom: 15px; }
.shipInfo .formtitle span { font-size: 14px; float: right; margin-top: 4px; margin-bottom: 10px; }
.shipInfo .form-group .cstmChk label::before { left: 0px; }
.shipInfo .form-group .cstmChk input { margin-left: 0 !important; }
.shipInfo .form-group .cstmChk input:checked + label::after { top: 3px; left: 7px; }
.sidebar.makePayment { width: 33.33%; min-width: 300px; }
.sidebar.makePayment span { position: initial; display: inline-block; color: #3e3e3e; font-size: 15px; vertical-align: middle; font-weight: 700; opacity: 0.8; padding: 0px; }
.sidebar.makePayment span svg { vertical-align: middle; margin-right: 5px; }
.sidebar.makePayment span.close { margin-bottom: 50px; }
.sidebar.makePayment .content { text-align: center; padding-left: 15px; padding-right: 15px; }
.sidebar.makePayment iframe { height: auto; margin: auto; width: 100%; min-height: 200px; }
.sidebarLogo { text-align: center; font-size: 0; margin-bottom: 15px; }
.sidebarLogo a { padding: 0px !important; font-size: 0px; opacity: 1 !important; }
.makePayment { padding-left: 60px; padding-right: 60px; }
.align-center { text-align: center; }
.mr15 { margin-right: 15px; }
.mdlAddBasket .regButton { padding: 16px 15px; display: inline-block; float: none; margin: 5px; }
.form-group label { margin-top: auto; }
.shipInfo .cstmChk label { font-size: 16px; text-align: left; }
.form-group { margin-bottom: 15px; }
.errMsg { display: block; font-size: 16px; 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: 1px 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; font-weight: normal; padding: 5px 0px; opacity: 1; letter-spacing: 1px; float: right; }
.loginArea a.resetPass { text-transform: none; 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(../content/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(../content/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; position: relative; }
.regstrHdr h1 { font-size: 18px; font-weight: normal; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; }
.registerForm { margin-top: 85px; padding-right: 20px; border-right: 1px dashed #ccc; }
.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: 20px; text-align: center; font-size: 14px; }
.forgetPass a { margin-left: 15px; }
.mdlLogin .popupContent .form-title { border-bottom: 2px solid #f0f0f0; margin-bottom: 0px; }
/* 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 .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: #3d3d3d; 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: #3d3d3d; 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-weight: 500; font-size: 14px; 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 { 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: 15px; border: none; padding: 14px; background: #ffffff; letter-spacing: 0px; 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: 25px; }
.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; }
@media screen and (max-width:767px) {
.mobileShow { display: block; }
.mobileHide { display: none; }
.tblSelect.tblSelectRes {display:flex; flex-wrap:wrap; row-gap:10px; background-color:transparent; box-shadow:none;}
.tblSelect.tblSelectRes .calendarIcon {width:100% !important; order:1; background-color:#fff; border-radius:10px; overflow:hidden;}
.tblSelect.tblSelectRes .userIcon {order:2; border-top-left-radius:10px; border-right:2px solid #e6e6e6;}
.tblSelect.tblSelectRes .timeIcon {order:3; border-top-right-radius:10px;}
.tblSelect.tblSelectRes li:nth-child(1),
.tblSelect.tblSelectRes li:nth-child(3){width:50% !important; background-color:#fff;}
}
.acrdnTabView h2.resp-accordion { cursor: pointer; padding: 5px; display: none; }
.acrdnTabView .resp-tab-content { display: none; padding: 15px; }
.acrdnTabView .resp-tab-active { }
.acrdnTabView .resp-tab-active { }
.acrdnTabView .resp-content-active,
.acrdnTabView .resp-accordion-active { display: block; }
.acrdnTabView h2.resp-accordion { 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 only screen and (max-width: 767px) {
ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block; }
.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: 5px 15px; }
h2.resp-tab-active,
h2.resp-accordion { padding: 10px 5px !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; color: #000 !important; 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: 25px; }
.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 h2.resp-accordion { cursor: pointer; padding: 5px; display: none; }
.sideTabView .resp-tab-content { display: none; }
.sideTabView .resp-tab-active { border-left: 3px solid !important; }
.sideTabView .resp-content-active,
.sideTabView .resp-accordion-active { display: block; }
.sideTabView h2.resp-accordion { 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; 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-weight: 700; color: #242424; }
.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-weight: bold; letter-spacing: 0.1em; }
.stwb a:hover { color: #fff; }
.contactPage { padding-top: 30px; }
.contactPage .baarH2 { margin-bottom: 30px; }
.contactPage .cntctForm { padding-right: 30px; color: #fff; margin: 30px auto; }
.cntctAddrs { /*-webkit-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.05);*/ border-radius: 10px; padding: 30px; margin-bottom: 30px; border: 1px solid #efefef; }
.cntctAddrs h2 { font-size: 22px; margin: auto; margin-bottom: 15px; text-align: left; position: relative; font-weight: 500; /*padding-left: 28px;*/ }
.cntctPhne { font-size: 16px; opacity: 1; margin: auto; margin-bottom: 10px; }
.cntctPhne:before { content: "\f095"; font-family: 'FontAwesome'; margin-right: 8px; display: inline-block; min-width: 19px; }
.cntctInfo { font-size: 16px; margin-top: auto; margin-bottom: 10px; position: relative; padding-left: 27px; }
.cntctInfo:before { content: "\f041"; font-family: 'FontAwesome'; display: inline-block; position: absolute; left: 4px; top: 0px; }
.cntctEmail { font-size: 16px; word-break: break-word; margin: auto; }
.cntctEmail:before { content: "\f003"; font-family: 'FontAwesome'; display: inline-block; margin-right: 7px; min-width: 20px; }
.cntctEmail a { text-decoration: none; display: inline-flex; width: calc(100% - 30px); }
.numAddress { margin-top: 50px; }
.table-cell { display: table-cell !important; }
.numAddress .table .table-cell { }
.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: 5px 10px; border: 1px solid #f3f3f3; border-collapse: collapse; font-size: 13px; }
.cntctSocial { padding: 0px; padding-top: 10px; margin: 0px; margin-top: 15px; margin-bottom: 15px; position: relative; border-top: 1px solid #f2f2f2; }
.cntctSocial li { display: inline-block; }
.cntctSocial li a { display: block; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 32px; }
.opnHours h2 { font-size: 15px; padding-left: 0px; }
.opnHours li { list-style: none; text-align: left; margin-bottom: 10px; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; display: flex; align-items: center; justify-content: space-between; }
.opnHours li:last-child { padding-bottom: 0px; border: none; margin-bottom: 0px; }
.opnHours li span { display: inline-block; }
.opnHours li strong { display: inline-block; }
.opnHours li strong br:last-child { display: none; }
.cntctRgt { position: relative; min-height: 550px; background-color: #f6f6f6; }
.cntctRgt img { position: absolute; height: 100%; left: 0; right: 0; margin: auto; top: 0; }
.cntctRgt iframe { margin: 0; position: absolute; top: 0; bottom: 0; right: 0; width: 50%; }
.cntctForm { }
.cntctForm h2, .cntctForm h1 { font-size: 30px; color: #000; text-align: left; margin-top: auto; margin-bottom: 10px; line-height: 1; }
.cntctForm p { font-size: 15px; color: #000; margin: auto; margin-bottom: 20px; }
.cntctForm .form-group label { font-size: 14px; color: #000; margin-top: 10px; }
div.cntctForm input,
div.cntctForm textarea { padding: 15px; border: 1px solid #ccc; font-size: 15px; outline: none; border-radius: 10px; width: 100%; max-width: 100%; margin: auto; }
.regButton { margin-top: 15px; width: 100%; font-size: 11px; }
.cntctForm h2, .cntctForm h1 { position: relative; }
.cntctForm h2:before, .cntctForm h1:before { 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; }
.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 .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:after { display: block; }
/*Payment*/
.shadowBox { text-align: left; position: relative; -webkit-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.05); border-radius: 10px; padding: 30px 25px; margin-bottom: 25px; }
.shadowBox .cstmRdo { width: auto; height: auto; display: inline-block; background-color: transparent !important; }
.shadowBox .cstmRdo:hover input[type="radio"] ~ .radioMark { background-color: transparent !important; }
.shadowBox .cstmRdo input[type="radio"]:checked ~ .radioMark { background-color: transparent !important; }
.shadowBox .cstmRdo .radioMark { width: 100%; height: 100%; z-index: 8; background-color: transparent; border-radius: 0px; }
.shadowBox .cstmRdo input:checked { background-color: transparent; border-radius: 0px; }
.shadowBox .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; }
.shadowBox .cstmRdo input[type="radio"]:checked ~ .radioMark:after { content: "\f00c"; font-family: 'FontAwesome'; font-size: 16px; position: absolute; left: -1px; top: -2px; background-color: transparent; }
.shadowBox a { display: inline-block; width: 250px; }
.hd-txt { display: block; font-size: 20px; font-weight: 700; margin-top: 0px; margin-bottom: 15px; }
.shadowBox .payment-method ul li label { min-height: 105px; }
.shadowBox .redBTN { font-size: 14px; text-transform: uppercase; color: #ffffff; padding: 10px 25px; border-radius: 3px; text-align: center; width: auto; max-width: 200px; margin: 10px auto 0px; }
.pymntCrds .card { display: inline-block; position: relative; font-size: 0; margin: 5px auto; margin-right: 20px; }
.pymntCrds .card:last-child { margin-right: 0px; }
.pymntCrds { text-align: left; }
.width-auto { width: auto !important; }
.shadowBox select { padding: 10px 20px 11px; border: none; font-size: 18px; font-weight: 400; background-image: url(../content/images/selectArrow.png); background-color: #fff; background-size: 18px; background-position: center right 15px; padding-right: 30px; border-radius: 10px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; -webkit-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.04); box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.04); }
.shadowBox label { margin-top: 10px; min-height: 19px; }
.shadowBox .errMsg { font-size: 12px; padding: 0; line-height: 1.5; }
.myPopupPay { background: #fff; padding: 20px; border-radius: 10px; text-align: center; -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); }
.myPopupPay h1, .myPopupPay p { text-align: center; }
.redtx { font-weight: bold; }
.green-tick { color: #4caf50; text-align: center; font-size: 50px; }
.proDescLines { padding-top: 50px; }
.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; }
.succsTop { background-color: #ffffff; /*text-align: center;*/ padding: 50px; -webkit-box-shadow: 0 25px 34px rgba(0, 0, 0, 0.09), 0 0px 28px rgba(0, 0, 0, 0.12), 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.12), 0 0px 1px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.12); border-radius: 10px; max-width: 800px; margin: 200px auto 100px auto; }
.succsTop .tickIcon { display: inline-block; width: 60px; height: 60px; border-radius: 50px; text-align: center; margin-bottom: 10px; }
.succsTop .tickIcon .fa { font-size: 35px; color: #fff; line-height: 1.8; }
.succsTop h1 { margin: 0; }
.succsTop h1 span { display: block; text-transform: uppercase; color: #3f3f3f; font-size: 24px; padding-top: 50px; letter-spacing: 1px; font-weight: normal; }
.succsTop h2 { font-size: 18px; text-transform: uppercase; font-weight: normal; color: #767676; letter-spacing: 1px; }
.succsTop p { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; color: #3f3f3f; margin-top: 40px; }
.succsTop a { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; color: #f98109; text-decoration: underline; margin-top: 50px; font-weight: bold; display: inline-block; margin-bottom: 30px; }
/*.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; }*/
.successBnr { margin-top: -145px; }
.discountSec.input input
.registerWrap .grid.fixedSpaces .BlockSuccess .proFileTbl { padding: 0px !important; }
.discountSec input[type="text"] { min-width: 150px; max-width: 250px !important; margin-right: 15px !important; }
.discountSec.input:after { content: ""; display: block; clear: both; }
.discountSec input:-ms-input-placeholder { text-transform: capitalize; }
.discountSec input::placeholder { text-transform: capitalize; }
.discountSec input[type="submit"] { text-transform: capitalize; margin: auto !important; border: none; padding-top: 13px; padding-bottom: 13px; }
.discountSec .ccCode span { }
.discountSec .ccCode { margin-top: 10px; }
.discountSec .ccCode .fa-check-circle { font-size: 20px; vertical-align: top; }
.discountSec .ccCode .ccCls { text-align: center; font-size: 17px; 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; }
.payment-method .ccCode { margin-top: 5px; margin-bottom: 10px; }
.payment-method .ccCode span { display: inline-block !important; width: auto; }
.payment-method .ccCode.text-green *:not(.ccCls) { color: #008000 !important; }
.payment-method .ccCode.text-red * { color: #ff0000 !important; }
.payment-method .ccCode .fa { display: inline-block; vertical-align: middle; }
.payment-method .ccCode .ccCls { color: #ff0000 !important; margin-left: 4px; }
.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; border-radius: 50%; top: 5px; position: absolute; left: 5px; }
.resetPass .popupContent .pad { padding: 50px; }
.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; }
.offerPopup { background: rgba(0, 0, 0, 0.4); }
.offerPopup .popupContent { max-width: 600px; }
.offerPopup .popupContent .pad { padding: 40px 30px !important; }
.offerPopup .popupContent .pad h2,
.offerPopup .popupContent .pad p { margin-top: 0px; text-align: center; padding: 0px !important; }
.offerPopup .emailInpt { position: relative; margin: 20px 0px 5px; }
.offerPopup .emailInpt input { margin: 0; width: 100%; max-width: 100%; border-radius: 0px; border: 1px solid #CCC; padding-right: 140px; }
.offerPopup .emailInpt a { position: absolute; top: 3px; right: 3px; color: #fff; padding: 6px 10px 9px 10px; min-width: 120px; line-height: normal; }
.slideWithlnk .blueButton02,
.slideWithlnk .blueButton02:hover { }
.slideWithbtn .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; }
.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; }
.fourOFour { text-align: center; padding-top: 75px; }
.fourOFour h2 { font-size: 30px; line-height: 1.1; font-weight: bold; }
.fourOFour h2 strong { display: block; font-size: 65px; }
.fourOFour p { text-align: center; font-weight: bold; }
.fourOFour p a { display: inline-block; margin: 0px 5px; border-bottom: 1px solid; }
.fourOFour p a label { margin: 0px; display: inline-block; cursor: pointer; }
.fourOFour .imgWay { font-size: 0; margin-top: 60px; }
.errorPage { /*background: url(../content/images/404BGImg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;*/ }
.errorImg { margin: 10px auto; display: inline-block; }
.errorBlk { text-align: center; padding: 30px 10px; }
.errorBlk h1 { text-align: center; font-size: 55px; }
.errorBlk p { text-align: center; font-size: 25px; line-height: normal; }
.errorBlk p a { display: inline-block; text-decoration: underline; }
.booktbl { display: inline-block; width: 100%; /*background: url(../content/images/booktableBg.png); background-repeat: no-repeat; background-position: center bottom;*/ padding: 40px 0px; text-align: center !important; margin-bottom: 50px; margin-top: 30px; }
.booktbl h2 { font-size: 50px; text-align: center !important; font-style: normal; font-weight: 400; }
.tblSelect li { list-style: none; display: inline-block; background-color: transparent; text-align: center !important; position: relative; width: 33.33% !important; }
.tblSelect { font-size: 0; -webkit-box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.1); display: inline-block; border-radius: 10px; overflow: hidden; margin: 10px auto; padding: 0px !important; background: #fff; /*width: 440px;*/ width: 70%; max-width: 100%; }
.tblSelect li:nth-child(2) { border-left: 2px solid #e6e6e6; border-right: 2px solid #e6e6e6; }
.tblSelect li:nth-child(2) select { min-width: 180px; }
.tblSelect li select { width: 100%; border: none; font-size: 18px; font-weight: 400; padding: 13px 25px 14px; min-width: 123px; background: transparent; padding-right: 40px; }
.tblSelect li.userIcon select {padding-left:35px;}
.tblSelect li.calendarIcon input {padding-left:35px;}
.tblSelect li.timeIcon select {padding-left:35px;}
.tblSelect li.locationIcon select {padding-left:35px;}
.tblSelect li.locationIcon::before {content: "\f124";font-weight: normal !important;font-variant: normal;text-transform: none; position: absolute;top: 50%;left: 10px; transform: translateY(-50%);font: normal normal normal 18px FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;color: #444444;}
.tblSelect li.timeIcon::before {content: "\f017";font-weight: normal !important;font-variant: normal;text-transform: none; position: absolute;top: 50%;left: 10px; transform: translateY(-50%);font: normal normal normal 18px FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;color: #444444;}
.tblSelect li.calendarIcon::before {content: "\f073";font-weight: normal !important;font-variant: normal;text-transform: none; position: absolute;top: 50%;left: 10px; transform: translateY(-50%);font: normal normal normal 18px FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;color: #444444;}
.tblSelect li.userIcon::before{content: "\f007";font-weight: normal !important;font-variant: normal;text-transform: none; position: absolute;top: 50%;left: 10px; transform: translateY(-50%);font: normal normal normal 18px FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;color: #444444;}
.tblSelect li input { width: 100%; border: none; font-size: 18px; font-weight: 400; padding: 13px 25px 14px; min-width: 100%; max-width: 100%; background: transparent; padding-right: 30px; margin: 0 !important; }
.tblSelect li.select:after { content: "\f107"; font-family: 'FontAwesome'; position: absolute; top: 12px; right: 20px; font-size: 28px; color: #444444; pointer-events: none; }
.tblSelect li.date img { width: 30px; top: 12px; position: relative; right: 14px; cursor: pointer; display: none; }
.booktbl .blueBtnAro { clear: both; }
.tblSelect:after { content: ""; display: block; clear: both; }
.booktbl a.blueBtnAro { padding: 16px 38px; font-weight: normal; }
.booktbl a.blueBtnAro:hover { transform: scale(1.1); }
.baarH2 { font-size: 35px; font-style: normal; font-weight: 400; letter-spacing: 0.70px; text-align: center !important; position: relative; padding-bottom: 20px; }
.baarH2:after { content: ""; height: 2px; width: 80px; position: absolute; bottom: 0px; left: 0px; right: 0px; margin: auto; }
.testmnlBox { -webkit-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.05); border-radius: 10px; padding: 30px 25px; margin-bottom: 25px; }
.testmnlBox p { margin: auto; line-height: 1.5; border-bottom: 2px solid #eeeeee; padding-bottom: 35px; margin-bottom: 20px; font-size: 16px; font-style: normal; font-weight: 300; letter-spacing: 0.16px; }
.tstiImg { vertical-align: middle; display: inline-block; width: 50px; height: 50px; background: #fff; font-size: 0px; text-align: center; border-radius: 50%; overflow: hidden; margin-right: 20px; }
.tstiImg img { max-width: 100%; max-height: 100%; }
.testiName { display: inline-block; vertical-align: middle; }
.testiName h4 { margin: auto; padding-left: 10px; font-size: 16px; font-style: normal; font-weight: 300; letter-spacing: 0.16px; }
.testiName span { font-size: 14px; font-style: normal; font-weight: 300; letter-spacing: 0.28px; }
.center.mt30 .blueBtnAro { width: 200px; }
.loginPage { background-image: url(../content/images/loginBg.png); background-size: cover; background-repeat: no-repeat; height: 100vh; }
.loginSqr { background: #fff; width: 400px; margin: auto; padding: 20px; border-radius: 10px; }
a.loginBtn { color: #fff; text-align: center; width: 100%; display: inline-block; padding: 15px; border-radius: 6px; }
.loginSqr p { text-align: center; font-size: 12px; margin: 25px auto 40px; }
.loginSqr input { -webkit-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.05); width: 100% !important; max-width: 100% !important; margin: auto !important; border-radius: 7px !important; }
.loginSqr label { margin-bottom: 10px; font-size: 18px; font-weight: 500; }
.loginSqr h1, .loginSqr h2 { text-align: center !important; margin: auto; margin-bottom: 10px; }
.loginFtr { text-align: center !important; color: #fff; font-size: 20px; margin: 50px auto; font-weight: 500; }
.scrollDown { text-align: center; position: absolute; bottom: 20px; left: 0; right: 0; z-index: 9; color: #fff; width: 100px; margin: auto; cursor: pointer; padding: 15px 0px; transition: all 0.4s ease; }
.scrollDown:hover { bottom: 10px; }
.scrollDown span { display: block; font-size: 18px; font-style: normal; font-weight: 300; letter-spacing: -0.07px; margin-bottom: 10px; }
.scrollDown .fa { font-size: 20px; }
.show767 { display: none !important; }
.bkgBnnr { background-image: url(../content/images/loginBg.png); min-height: 275px; background-repeat: no-repeat; background-size: cover; background-position: center; text-align: left; padding: 30px; position: relative; display: table; width: 100%; vertical-align: middle; /*width: 375px;*/ max-width: 100%; margin: auto; margin-bottom: 40px; }
.bkgBnnr h1, .bkgBnnr h2 { font-size: 45px; font-weight: 800; vertical-align: middle; display: table-cell; color: #fff; width: 100%; }
.bookingTabs { position: relative; padding-top: 96px; /*width: 375px; max-width: 100%; margin: auto; padding: 20px;*/ }
.bookingTabsUl { border: 1px solid #efefef; border-radius: 10px; overflow: hidden; padding: 0px !important; background: #fff; text-align: center; width: 330px; position: relative; position: -webkit-sticky; position: sticky; top: 30px; margin-left: 535px; z-index: 1; transition: opacity .5s ease; }
.bookingTabsUl li { display: inline-block; text-align: center; width: 50%; background-color: #fff; }
.bookingTabsUl li a { font-size: 17px; padding: 11px 10px; display: block; }
.bookingTabsUl li a span { display: block; text-align: center; font-size: 14px; margin-top: 5PX; }
.bookingTabsUl li:first-child { border-radius: 10px 0px 0px 10px; float: left; }
.bookingTabsUl li:last-child { border-radius: 0px 10px 10px 0px; float: right; }
.nowFixed .bookingTabsUl { }
.footerShown ul.bookingTabsUl { opacity: 0; pointer-events: none; }
.bookingTabsUl + .foodMenu { margin-top: -68px; }
.clctTime { margin-bottom: 25px; }
.clctTime:after { clear: both; display: block; content: ""; }
.clctTime span { position: relative; display: inline-block; float: right; width: calc(50% - 5px); }
.clctTime span:after { pointer-events: none; /*content: "\f107";*/ font-family: 'FontAwesome'; position: absolute; top: 6px; right: 10px; font-size: 28px; color: #ccc; z-index: 99; }
.clctTime span.date:after { content: ""; }
.clctTime span select { padding: 10px 20px 11px; border: none; font-size: 15px; font-weight: 400; background: transparent; padding-right: 30px; /*-webkit-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.1);*/ border: 1px solid #efefef; padding-right: 30px; border-radius: 10px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; }
.clctTime span input[type="text"] { padding: 10px 16px 11px; padding-right: 50px; border: none; font-size: 15px; font-weight: 400; background: transparent; /* -webkit-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.1); */ border: 1px solid #efefef; margin: auto; max-width: 100%; border-radius: 10px; text-transform: uppercase; }
.clctTime label { display: inline-block; width: 50%; float: left; margin: 11px auto; font-size: 17px; }
.clctTime.postCode span { float: none; width: 100%; }
.clctTime.postCode span:after { /*display: none;*/ }
.clctTime.postCode label { float: none; width: 100%; margin-top: 0px; margin-bottom: 10px; }
.postcode_lookup p { margin-bottom: auto; padding: 0px 10px; }
.postcode_lookup select.config_find { margin-top: 15px; background: url(../content/images/selectArrow.png); background-repeat: no-repeat; background-position: center right 10px; }
.dvCartItms { height: calc(100vh - 309px); }
.showPostcodeTab .dvCartItms { height: calc(100vh - 339px); }
.showPostcode .dvCartItms { height: calc(100vh - 396px); }
.showPostcodeDD .dvCartItms { height: calc(100vh - 396px); }
.showPostcodeDD.showPostcodeTab .dvCartItms { height: calc(100vh - 450px); }
.showPostcodeDD.showPostcodeTab.showPostcode .dvCartItms { height: calc(100vh - 464px); }
.odrList { margin-bottom: 15px; }
.odrList ul li { cursor: pointer; list-style: none; padding: 10px; margin: 5px auto; border-bottom: 1px solid #e2e2e2; -webkit-transition: 0.15s; transition: 0.15s; border-radius: 10px; }
.odrList ul li:after { content: ""; display: block; clear: both; }
.odrList ul li:hover { background-color: #f5f5f5; }
.odrList ul li:first-child:hover,
.odrList ul li:last-child:hover { border-color: #e2e2e2; }
.odrList ul li .odrSlideTxt > h3 { font-size: 20px; font-weight: 500; margin: auto; margin-bottom: 5px; text-align: left; }
.odrItemHead h3 span,
.odrList ul li .odrSlideTxt > h3 span { display: inline-block; margin-right: 10px; vertical-align: middle; }
.odrList ul li .odrSlideTxt > h3 .oft { display: none; color: #e03400; font-size: 13px; letter-spacing: initial; text-shadow: initial; -webkit-text-stroke: initial; -webkit-text-fill-color: initial; font-size: 13px; }
.odrList ul li.outOfStock { pointer-events: none; }
.odrList ul li.outOfStock .menuContnt,
.odrList ul li.outOfStock .odrSlideTxt h3 span,
.odrList ul li.outOfStock .odrSlideTxt > strong { opacity: 0.5; color: #000; }
.odrList ul li.outOfStock .odrSlideTxt h3 .oft { display: inline-block; }
.faSVG { display: inline-block; width: 25px; height: 25px; vertical-align: middle; }
.odrList ul li.delProduct { pointer-events: none; }
.odrList ul li.delProduct .menuContnt,
.odrList ul li.delProduct .odrSlideTxt h3 span,
.odrList ul li.delProduct .odrSlideTxt > strong { opacity: 0.5; color: #000; }
.odrList ul li.delProduct .deliverySVG { display: none; }
.odrList ul li.collProduct { pointer-events: none; }
.odrList ul li.collProduct .menuContnt,
.odrList ul li.collProduct .odrSlideTxt h3 span,
.odrList ul li.collProduct .odrSlideTxt > strong { opacity: 0.5; color: #000; }
.odrList ul li.collProduct .collectionSVG { display: none; }
.dvCartItms .collPrdcart h3, .dvCartItms .delPrdcart h3 { color: #ff0000; }
.odrList ul li .menuContnt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; opacity: 0.8; margin: auto; margin-bottom: 5px; font-size: 14px; text-align: left; color: #000; line-height: normal; margin-top: -20px; min-height: 40px; }
.odrList ul li .menuContnt p { color: #000 !important; font-size: 14px; }
.odrList ul li .menuContnt p:first-child { margin-top: 0; }
.odrList ul li .menuContnt p:last-child { margin-bottom: 0; }
.odrList ul li .odrSlideTxt > h3 strong { font-size: 16px; font-weight: 700; margin: auto; margin-top: 5px; display: inline-block; }
.odrList h2.odrHead { font-weight: 700; line-height: 1; font-size: 25px; border-bottom: 1px solid; position: relative; padding: 7px 10px; padding-right: 30px; margin: auto; /*border-radius: 15px 15px 0px 0px;*/ text-align: left; }
.odrList h2.odrHead.active i.fa.fa-angle-down:before { content: "\f106"; }
.odrList h2.odrHead i.fa { position: absolute; top: 21px; right: 16px; display: none; }
.odrList h2.odrHead span.p { display: block; margin: 3px 0px; font-size: 14px; }
.odrList .odrContent { margin: 0px auto; }
.odrList .odrContent ul { padding: 0px; }
.odrSlideImg { width: 100px; border-radius: 8px; float: left; overflow:hidden; height:100px; font-size: 0px; }
.odrSlideImg img {width:100%; height:100%; object-fit:cover; object-position:center; }
.odrSlideUp .odrSlideTxt { /*padding-left: 10px;*/ }
/*.odrSlideImg + .odrSlideTxt { padding-left: 0px; width: calc(100% - 115px); float: left; margin-bottom: 5px; }*/
.odrSlideTxt { padding-right: 15px; width: calc(100% - 100px); float: left; margin-bottom: 5px; }
.odrSlideImgPop { margin: 15px auto; font-size: 0; }
.testSpan { display: inline-block; vertical-align: middle; font-size: 0; }
.testSpan svg { width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 8px; }
.testSpan svg.chilliSvg { width: 17px; height: 17px; }
.clctTime span button { display: inline-block; border: none; position: absolute; top: 0; right: 0; height: 100%; max-height: 42px; width: 40px; z-index: 999; text-align: center; border-radius: 10px; cursor: pointer; margin: auto !important; }
.clctTime span button:after { content: ''; display: block; width: 10px; height: 20px; border: solid #ffffff; border-width: 0 3px 3px 0; transform: rotate(45deg); position: absolute; top: -6px; left: 0px; right: 0px; bottom: 0px; margin: auto; padding: 0px; }
.cstmInput label { display: inline-block; position: relative; padding-left: 35px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: auto; width: calc(100% - 150px); /*width: 60%;*/ }
.cstmInput label input { position: absolute; opacity: 0; cursor: pointer; width: 100%; height: 100%; margin: auto; padding: 0; left: 0; top: 0; }
.cstmInput label span { position: absolute; top: 0; left: 0; height: 22px; width: 22px; background-color: #fff; border: 1px solid #8f929e; border-radius: 5px; }
.cstmInput label span:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 12px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.cstmInput label input:checked ~ span:after { display: block; }
.cstmInput.radioType span { border-radius: 50%; }
.cstmInput.radioType label input:checked ~ span { background: transparent; }
.cstmInput.radioType span { border-radius: 50%; }
.cstmInput.radioType label input:checked ~ span::after { border: none; width: 14px; height: 14px; border-radius: 50%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; font-size: 0; line-height: 0; }
.odrItemSize ul li strong { display: inline-block; font-weight: normal; float: right; margin: 3px 0px; }
.odrItemSize ul li.cstmInput.dvQtyOptHide label { width: calc(100% - 65px); }
.foodMenuFtr { border-radius: 10px; padding: 9px 13px; text-align: center !important; margin-top: 25px; cursor: pointer; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.foodMenuFtr label { color: #fff !important; border: 1px solid #fff !important; display: inline-block !important; width: 25px !important; height: 25px !important; line-height: 17px !important; text-align: center !important; border-radius: 7px !important; padding: 3px !important; font-size: 18px !important; /*margin: auto !important;*/ margin-right: 10px !important; /*float: left !important;*/ margin: 0;}
.foodMenuFtr p { cursor: pointer; display: inline-block; color: #fff; font-size: 20px; font-weight: normal; margin: auto; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.foodMenuFtr strong { display: inline-block; color: #fff; font-weight: normal; /*float: right;*/ line-height: 1.2; font-size: 20px; min-width: 90px; text-align: right; margin: 0;}
.foodMenuFtr:after { content: ""; clear: both; /*display: block;*/ display:none;}
.foodMenuFtr.fixed { display: none; position: fixed !important; bottom: 15px; left: 0; right: 0; top: auto; z-index: 100; border-radius: 50px; padding-top: 10px; padding-bottom: 10px; width: calc(100% - 30px); margin: auto; }
.modal-container.bookingForm { background-color: rgb(0 0 0 / 15%); }
.bookingForm .wrap.spaces { padding-left: 15px; padding-right: 15px; }
.bookingForm .popupContent.posRL { width: 650px; max-width: 100%; }
.bookingForm .popupContent .pad { padding: 20px !important; border: none; box-shadow: none; }
.bookingForm.dvAllergies .popupContent .close { top: 10px; right: 15px; }
.bookingForm.dvAllergies .popupContent .pad { padding: 50px 50px 35px !important; }
.bookingForm .popupContent .padHead p { margin-bottom: 10px; font-size: 18px; text-align: center; margin-top: 15px; line-height: 1.4; }
.bookingForm .popupContent .padHead a { font-weight: normal; }
.bookingForm .popupContent .padHead h2 { font-size: 30px; }
.bookingForm .popupContent .padHead h2,
.bookingForm .popupContent .padHead h3 { margin: auto; /*font-weight: 700;*/ text-align: center; }
.bookingForm .popupContent .padHead { text-align: center; }
.discountDiv { display: inline-flex; width: 65%; margin-right: 35%; }
.discountDiv .blueBtnAro { padding: 5px 15px; margin: 0; display: inline-flex; align-items: center; justify-content: center; line-height: 1; border: none; margin-left: 15px; cursor: pointer; }
.bookingForm #lblDiscount { font-size: 15px; color: red; margin-top: 10px; margin-bottom: 20px; display: inline-flex; margin-right: 10px; }
.bookingForm #lblDiscountSucc { font-size: 15px; color: green; margin-top: 10px; margin-bottom: 20px; display: inline-flex; margin-right: 10px; }
.bookingForm #btnRemoveCoupon .fa.fa-times { color: #9f9f9f; }
.bookingForm label { margin-bottom: 10px; font-size: 18px; text-align: left; margin-top: 15px; font-weight: 500; padding-left: 8px; }
.errorMessage { font-size: 13px; display: inline-block; padding-top: 5px; }
.bookingForm label .errorMessage { float: right; }
.bookingForm input,
.bookingForm .input,
.bookingForm textarea { -webkit-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.04); box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.04); width: 100% !important; max-width: 100% !important; margin: auto !important; border-radius: 7px !important; }
.paraFormat .bookingTabs a { font-weight: inherit; }
.paraFormat .bookingTabs ul { padding: 0px; }
.confirmBtn { color: #fff; text-align: center; width: 100%; display: inline-block; padding: 11px 15px; border-radius: 10px; font-size: 18px !important; margin-top: 10px; font-weight: inherit !important; }
.odrItem { background: #fff; border-radius: 25px; /*width: 400px;*/ -webkit-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.1); margin: auto; position: relative; }
.odrItemHead h3 { font-weight: 400; font-size: 20px; margin: auto; float: left; width: calc(100% - 70px); }
.odrItemHead .editorDiv { font-size: 14px; color: #000; }
.odrItemHead .editorDiv p { font-size: 14px; }
.odrItemHead .editorDiv p:first-child { margin-top: 0; }
.odrItemHead .editorDiv p:last-child { margin-bottom: 0; }
.odrItemHead .odrSlideTxt strong { float: right; font-weight: 400; font-size: 20px; margin: auto; width: 70px; display: inline-block; text-align: right; line-height: 1.17; }
.odrItemHead { border-bottom: 2px solid #f0f0f0; padding: 15px 25px; padding-top: 40px; }
.odrItemHead .odrSlideTxt { float: none; padding-right: 0px; width: 100%; margin-bottom: 10px; }
.readMoreDiv { max-height: 150px; padding-bottom: 35px; overflow: hidden; position: relative; transition: all 0.5s ease-in-out; clear: both; }
.readMoreDiv.infoOpen { max-height: initial; position: relative; transition: all 0.5s ease-in-out; }
.readMoreDiv:after { display: none; opacity: 1; content: ""; top: 0; left: 0; right: 0; bottom: 0; position: absolute; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); pointer-events: none; border-bottom: 30px solid #fff; }
.readMoreDiv.infoOpen:after { opacity: 0; }
.readMoreDiv .toggleMore { font-size: 15px; display: inline-block; padding: 7px 20px 7px 0px; position: relative; font-weight: 500; transition: all 0.5s ease-in-out; }
.readMoreDiv .toggleMore:after { content: "\f107"; font-family: 'FontAwesome'; font-size: 18px; position: absolute; right: 2px; top: 7px; }
.readMoreDiv.infoOpen .toggleMore:after { content: "\f106"; }
.moreInfoBtn { position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: left; z-index: 1; display: none; }
.showReadMore .moreInfoBtn,
.showReadMore.readMoreDiv:after { display: block; }
.showReadMore.readMoreDiv:after { display: block; }
.odrItemSize { padding: 15px 20px; background-color: #fcfcfc; padding-bottom: 30px; border-radius: 25px; }
.odrItemSize h3 { font-weight: normal; font-size: 18px; margin-top: 0px; }
.odrItemSize ul li { display: block; border: 1px solid #f0f0f0; border-radius: 10px; margin-bottom: 10px; background: #fff; padding: 10px; }
.odrItemSize ul li:after { clear: both; display: block; content: ""; }
.blankMenu { font-size: 15px; line-height: 20px; font-weight: 600; padding: 15px 10px; margin: 0px; background: #f5f5f5; border: 1px solid #E4E4E4; border-radius: 10px; opacity: 0.8; text-align: center; }
.addRemove { float: left; }
.addRemove .plus-minus-input { padding: 0; }
.addRemove .input-group-button { vertical-align: middle; display: inline-block; box-shadow: none; background: transparent; padding: 0px; cursor: pointer; border: 1px solid #ccc; width: 23px; height: 23px; border-radius: 50%; font-size: 20px; line-height: 20px; margin: 0px; position: relative; text-align: center; }
.addRemove .input-group-button input { border: none; background: transparent; padding: 0px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; cursor: pointer; border-radius: 50%; }
.addRemove .plus-minus-input input.input-group-field { text-align: center; margin: auto 0px; padding: 0px; border: none; width: 25px; display: inline-block; min-width: auto; max-width: initial; font-size: 20px; background: transparent; vertical-align: middle; font-weight: normal !important; }
.addRemove .plus-minus-input input.input-group-field::-webkit-inner-spin-button,
.addRemove .plus-minus-input input.input-group-field ::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; }
.addRemove .plus-minus-input input.input-group-button .circle { border-radius: 50%; padding: 0.25em 0.8em; }
.slide.whiteSlide .addRemove .input-group-button svg,
.addRemove .input-group-button svg { fill: #3d3d3d !important; width: 12px; height: 12px; }
.addToOdr { width: 50%; float: left; }
.addToOdr a { cursor: pointer; color: #fff; width: 100%; display: inline-block; text-align: center; padding: 10px 20px 11px; border: none; font-size: 16px !important; font-weight: 400 !important; /*-webkit-box-shadow: 0px 5px 10px 3px rgb(0 0 0 / 0.3); -moz-box-shadow: 0px 5px 10px 3px rgb(0 0 0 / 0.3); box-shadow: 0px 5px 10px 3px rgb(0 0 0 / 0.3);*/ border-radius: 10px; width: auto; }
.addToOdr a strong { margin-left: 6px; }
.prdNotesArea textarea { width: 100% !important; max-width: 100% !important; margin: auto !important; display: block; border: 1px solid #f0f0f0; border-radius: 10px; margin-bottom: 10px; background: #fff; padding: 10px; min-height: auto; }
.odrItemFtr { margin-top: 25px; }
.odrItemFtr:after { clear: both; display: block; content: ""; }
.odrItemFtr .addRemove { margin-top: 7px; }
.odrItemFtr .addToOdr { float: right; text-align: right; width: auto; max-width: calc(100% - 90px); }
.prwTtl { padding-top: 15px; }
.prwHead { border-bottom: 1px solid #f0f0f0; padding: 15px 0px; padding-top: 25px; margin-bottom: 25px; }
.prwHead h3 { font-size: 23px; margin: auto; float: left; width: calc(100% - 70px); }
.prwHead strong { float: right; font-weight: 400; font-size: 20px; margin: auto; width: 70px; display: inline-block; text-align: right; }
.prwHead strong svg { width: 20px; height: 20px; margin-top: 5px; }
.prwList { /*-webkit-box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.1);*/ border: 1px solid #efefef; border-radius: 15px; padding: 20px; }
.prwList h2 { font-weight: 700; line-height: 1; font-size: 26px; padding: 7px 0px; margin: auto; }
.odrItemSize .mCSB_inside > .mCSB_container,
.dvCartItms .mCSB_inside > .mCSB_container,
.methodDiv .mCSB_inside > .mCSB_container { margin-right: 20px; }
.prwList li { list-style: none; padding: 10px 0px; border-bottom: 1px solid #e2e2e2; -webkit-transition: 0.15s; transition: 0.15s; }
.prwList ul li:first-child { padding-top: 0px; }
.prwList li:after { clear: both; display: block; content: ""; }
.prwList li strong { float: right; font-size: 15px; font-weight: 500; margin: auto; }
.prwList ul li p { opacity: 0.8; margin: auto; margin-bottom: 7px; font-size: 13px; }
.prwList ul li h3 { font-size: 15px; font-weight: 500; margin: auto; margin-bottom: 5px; padding-right: 0px; position: relative; text-align: left; }
.prwList ul li .remove { float: right; vertical-align: middle; display: inline-block; cursor: pointer; width: 20px; height: 20px; line-height: 20px; position: relative; text-align: center; }
.prwList ul li .remove input { border: none; background: transparent; padding: 0px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; cursor: pointer; }
.prwList ul li .remove svg { fill: #666 !important; width: 13px; height: 13px; }
.rmvOdr { position: absolute; top: 0px; right: 0px; cursor: pointer; }
.odrItem .rmvOdr svg { width: 15px; height: 15px; }
.prwContent { /*padding-bottom: 10px; margin-bottom: 30px;*/ }
.prwTtl p { font-size: 15px; font-weight: 500; margin-top: 0px; margin-bottom: 10px; padding-right: 50px; position: relative; }
.prwTtl p span { position: absolute; top: 0px; right: 0px; }
.prwTtl h4 { font-size: 17px; font-weight: 500; margin: auto; padding-right: 85px; position: relative; line-height: 1.17; }
.prwTtl h4 span { position: absolute; top: 0px; right: 0px; }
.checkOutBtn { color: #fff; min-width: 150px; display: inline-block; text-align: center; padding: 10px 20px 11px; border: none; font-size: 16px !important; font-weight: 400 !important; -webkit-box-shadow: 0px 5px 10px 3px rgb(0 0 0 / 0.3); -moz-box-shadow: 0px 5px 10px 3px rgb(0 0 0 / 0.3); box-shadow: 0px 5px 10px 3px rgb(0 0 0 / 0.3); border-radius: 10px; margin-top: 20px; }
.methdTitle { font-size: 23px; margin: auto; text-align: center !important; margin-bottom: 15px; }
.methodDiv { max-height: calc(100vh - 397px); }
.methodDiv .mCSB_inside > .mCSB_container { padding-left: 2px; padding-right: 2px; }
.methodDiv .form-group + h3 { margin-top: 30px; }
.methodDiv .form-group { margin-bottom: 15px; }
.methodDiv h3 { font-size: 20px; margin: auto; text-align: center !important; margin-top: 10px; margin-bottom: 10px; /*margin-top: 10px;*/ }
.methodDiv label { margin: auto; margin-bottom: 5px; padding-left: 10px; }
.methodDiv input[type="text"],
.methodDiv input[type="email"],
.shipInfo input[type="text"],
.shipInfo input[type="password"] { background: #fff; width: 100%; max-width: 100%; padding: 12px 20px; padding-right: 50px; border: none; font-size: 15px; font-weight: 400; -webkit-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.04); box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.04); margin: auto; border-radius: 7px; }
.bookingTabs + .bookingTabs { margin-top: 50px; }
.menuNav { max-height: calc(100% - 35px); overflow: auto; }
.menuNav::-webkit-scrollbar { display: none; }
.menuNav ul { margin: auto; padding: 0px; border-left: 2px solid #e2e2e2; padding-left: 15px !important; margin-top: 5px; }
.menuNav li { text-align: left; position: relative; list-style: none; font-size: 18px; font-weight: normal; margin: auto; margin-bottom: 15px; }
.menuNav li a:before { content: ""; height: 100%; width: 3px; display: block; position: absolute; top: 0; left: -18px; border-radius: 50px; visibility: hidden; }
.menuNav li a.active { font-weight: 700; }
.menuNav li a.active:before { visibility: visible; }
.menuNav li a { font-weight: inherit; }
/*.lftBlk { width: 200px; float: left; }
.cntrBlk { width: 550px; padding: 0px 20px; margin: auto; float: left; }
.rgtBlk { float: right; width: 330px; margin: auto; }
.nowFixed .lftBlk { position: fixed; top: 100px; left: calc(50% - 540px); height: calc(100% - 100px); overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.nowFixed .lftBlk::-webkit-scrollbar { display: none; }
.nowFixed .rgtBlk { position: fixed; top: 100px; right: calc(50% - 540px); height: calc(100% - 100px); overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.nowFixed .rgtBlk::-webkit-scrollbar { display: none; }
.nowFixed .cntrBlk { margin-left: 200px; }
.nowFixed .prwContent ul { max-height: calc(100vh - 450px); overflow: auto; padding-right: 10px; margin-right: -10px; }
.nowFixed .methodDiv { max-height: calc(100vh - 340px); overflow: auto; padding-right: 10px; margin-right: -10px; padding-left: 3px; }
.footerShown .lftBlk, .footerShown .rgtBlk { position: absolute; bottom: 20px; top: inherit; min-height: calc(100vh - 141px); height: auto; }
.footerShown { position: relative; }*/
.menuWrap { position: relative; margin: 0 auto; }
.menuLeftCol,
.menuWrap { display: -ms-flexbox; display: flex; }
.menuLeftCol { width: 750px; }
.lftBlk,
.rgtBlk { position: relative; position: -webkit-sticky; position: sticky; top: 30px; }
.lftBlk { height: calc(100vh - 30px); width: 200px; -ms-flex-item-align: start; align-self: flex-start; }
.cntrBlk { width: 550px; -ms-flex-positive: 1; flex-grow: 1; padding: 0px 15px; padding-bottom: 200px; }
.rgtBlk { height: calc(100vh - 30px); width: 330px; transition: height .4s ease; contain: layout; }
.cdsROW.narrow { margin: auto; width: 100% !important; }
.bookMobImg { margin-top: 10px; display: none; }
body.sweetalert-overflow-hidden { overflow: hidden; }
body .sweet-alert button { outline: none !important; }
@-webkit-keyframes showSweetAlert {
0% { transform: scale(0.7); -webkit-transform: scale(0.7); }
45% { transform: scale(1.05); -webkit-transform: scale(1.05); }
80% { transform: scale(0.95); -webkit-tranform: scale(0.95); }
100% { transform: scale(1); -webkit-transform: scale(1); }
}
@keyframes showSweetAlert {
0% { transform: scale(0.7); -webkit-transform: scale(0.7); }
45% { transform: scale(1.05); -webkit-transform: scale(1.05); }
80% { transform: scale(0.95); -webkit-tranform: scale(0.95); }
100% { transform: scale(1); -webkit-transform: scale(1); }
}
@-webkit-keyframes hideSweetAlert {
0% { transform: scale(1); -webkit-transform: scale(1); }
100% { transform: scale(0.4); -webkit-transform: scale(0.4); }
}
@keyframes hideSweetAlert {
0% { transform: scale(1); -webkit-transform: scale(1); }
100% { transform: scale(0.4); -webkit-transform: scale(0.4); }
}
@-webkit-keyframes animateSuccessTip {
0% { width: 0; left: 1px; top: 19px; }
54% { width: 0; left: 1px; top: 19px; }
70% { width: 50px; left: -8px; top: 37px; }
84% { width: 17px; left: 21px; top: 48px; }
100% { width: 25px; left: 14px; top: 45px; }
}
@keyframes animateSuccessTip {
0% { width: 0; left: 1px; top: 19px; }
54% { width: 0; left: 1px; top: 19px; }
70% { width: 50px; left: -8px; top: 37px; }
84% { width: 17px; left: 21px; top: 48px; }
100% { width: 25px; left: 14px; top: 45px; }
}
@-webkit-keyframes animateSuccessLong {
0% { width: 0; right: 46px; top: 54px; }
65% { width: 0; right: 46px; top: 54px; }
84% { width: 55px; right: 0px; top: 35px; }
100% { width: 47px; right: 8px; top: 38px; }
}
@keyframes animateSuccessLong {
0% { width: 0; right: 46px; top: 54px; }
65% { width: 0; right: 46px; top: 54px; }
84% { width: 55px; right: 0px; top: 35px; }
100% { width: 47px; right: 8px; top: 38px; }
}
@-webkit-keyframes rotatePlaceholder {
0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
}
@keyframes rotatePlaceholder {
0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
}
@-webkit-keyframes animateErrorIcon {
0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; }
100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; }
}
@keyframes animateErrorIcon {
0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; }
100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; }
}
@-webkit-keyframes animateXMark {
0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; }
50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; }
80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; }
100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; }
}
@keyframes animateXMark {
0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; }
50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; }
80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; }
100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; }
}
@-webkit-keyframes pulseWarning {
0% { border-color: #F8D486; }
100% { border-color: #F8BB86; }
}
@keyframes pulseWarning {
0% { border-color: #F8D486; }
100% { border-color: #F8BB86; }
}
@-webkit-keyframes pulseWarningIns {
0% { background-color: #F8D486; }
100% { background-color: #F8BB86; }
}
@keyframes pulseWarningIns {
0% { background-color: #F8D486; }
100% { background-color: #F8BB86; }
}
.paymentStatus { background-image: url(../content/images/background.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; /*margin-top: -1px;*/ min-height: 600px; }
.succsTop { /*text-align: center;*/ margin: 100px auto; padding: 30px; width: 750px; max-width: 95%; }
.succsTop .relative { /*padding-left: 110px;*/ }
.succsTop .tickIcon { display: inline-block; text-align: center; position: absolute; left: -80px; top: -80px; z-index: -1; opacity: 0.5; transform: rotate(25deg); }
.succsTop .tickIcon .fa { font-size: 215px; }
.successBnr { display: block; text-align: center; font-size: 40px; margin-top: 0; margin-bottom: 25px; }
.successBnr .fa { font-size: 100px; -ms-transform: rotate(-15deg); transform: rotate(-10deg); display: block; margin-bottom: 15px; }
.BlockSuccess .proFileTbl { padding: 0px !important; }
/*-----------(30-3-2021)------------*/
.foodMenu .odrSlideUp { position: relative; }
.foodMenu .odrSlideUp input { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99; cursor: pointer; background: none; border: none; padding: 0px; }
#dvAddCart .rmvOdr { border: 1px solid; padding: 3px 7px; border-radius: 50px; top: -10px; right: -10px; }
.odrItem .rmvOdr svg { width: 10px; height: 10px; }
.e_imageslide .sapHold { display: none; }
.e_imageslide span,
.e_videoslide .ttlINcs span { font-size: 52px; line-height: 80px !important; }
.e_imageslide .parraSEC div { font-size: 16px; line-height: 1.65; }
.slide .vdoSap { display: none; }
.dropdown-el input { display: block; }
.plus-minus-input i { border: 2px solid; padding: 2px 4px; border-radius: 12px; }
.errBox { border: 1px solid; border-radius: 10px; padding: 10px 15px; margin-bottom: 15px; }
.spnErr { width: 100%; display: block; margin-top: 15px; }
.spnErr:after { content: ""; clear: both; display: block; }
.spnErr strong { display: inline-block; font-size: 14px; width: 100%; text-align: left; border: 1px solid; border-radius: 5px; padding: 8px 15px; margin: 6px 0; }
.addRemove.pupaddremove { float: right; margin-left: 15px; }
.addRemove.pupaddremove .lnkQty { display: inline-block; }
.addRemove.pupaddremove .aspNetDisabled { }
.addRemove.pupaddremove .input-group { padding: 0px; margin: 0px; text-align: center; }
.addRemove.pupaddremove .input-group:after { clear: both; display: block; content: ""; }
.addRemove.pupaddremove .input-group .lnkQty { display: inline-block; width: 100%; height: 100%; border-radius: 50%; }
@media(min-width:320px) and (max-width:767px) {
.tblSelect li:nth-child(2) { border-left: none; border-right: none; width: 44%; }
.tblSelect li.date img { right: 0px !important; top: 10px; }
form input[type="submit"].lnkQty { width: 25px !important; height: 25px !important; }
.odrItem { top: 5% !important; bottom: auto !important; }
.cstmInput label { }
.addRemove.pupaddremove { }
.addRemove.pupaddremove .input-group { margin-top: 5px; }
.addRemove.pupaddremove .aspNetDisabled { }
.e_imageslide span,
.e_videoslide .ttlINcs span { font-size: 38px !important; line-height: normal !important; }
/*div.padinnit.navtop { position: relative !important; z-index: 99999; }*/
}
.payment-method-box .close { position: absolute; top: 10px; right: 15px; z-index: 1; }
.payment-method-box .modal-content { border-radius: 20px; border: none; }
.payment-method-box .modal-body { padding: 45px !important; }
.payment-method p { font-size: 16px; line-height: 20px; font-weight: 400; margin: 0 0 15px 22px; padding: 0px; }
.payment-method img { margin-top: 10px; float: right; max-height: 20px; }
.payment-method h2 { font-size: 18px !important; line-height: 20px; font-weight: 600; margin: 25px 0 25px 0; padding: 0px; text-align: center; }
.mCSB_scrollTools .mCSB_draggerContainer { right: -13px !important; }
.payment-method { background: #fafafa; border-radius: 20px; }
.payment-method ul { margin-top: 10px; }
.payment-method ul:after { content: ""; display: block; clear: both; }
.payment-method ul li { display: block; padding: 0px !important; text-align: left; position: relative; border: none; }
.payment-method ul li label { font-size: 18px; line-height: 20px; font-weight: 400; padding: 20px; padding-left: 60px; padding-right: 30px; margin: 0px; border-bottom: 1px solid; position: relative; cursor: pointer; border-bottom-color: #f1f1f1 !important; min-height: 70px; }
.liDvCard label > span { float: left; }
.payment-method ul li.liDvCard label:after { content: ""; clear: both; display: block; }
.payment-method ul li.liDvCard label { /*display: flex; align-items: center; justify-content: space-between;*/ }
.payment-method ul li.liDvCard label img { /*margin: 0;*/ }
.payment-method ul li.liDvCard label > span span:last-child { margin-top: 6px; }
.payment-method ul li label:before { content: "\f111"; font-family: 'FontAwesome'; font-size: 20px; position: absolute; top: 25px; left: 20px; text-align: center; border: 3px solid #fafafa; border-radius: 50%; width: 22px; height: 22px; display: inline-flex; justify-content: center; align-items: center; padding-left: 1px; line-height: 0; }
.payment-method ul li:last-child label { border-bottom: 0px !important; }
.payment-method ul li span { display: block; font-size: 15px; font-weight: 500; }
.payment-method ul li strong { float: none; display: block; font-size: 14px; font-weight: 500; }
.payment-method ul li input[type="radio"] { position: absolute; width: 100%; height: 70px; top: 0px; left: 0px; margin: 0px; padding: 0px; border: 0px; border-radius: 10px; cursor: pointer; z-index: 99; }
.payment-method ul li input[type="radio"]:checked + label:before { font-size: 14px; }
.payment-method ul li input.checked + label .voucherInput { transform: scaleY(1); transition: transform 400ms ease 0ms; height: auto; margin-top: 10px; }
.payment-method ul li.voucherLi input[type="radio"] + label:before { content: "\f055"; font-size: 20px; border: none; }
.payment-method ul li.voucherLi input[type="radio"].checked + label:before { content: "\f056"; }
.voucherInput { position: relative; width: 75%; transform: scaleY(0); transition: transform 400ms ease 0ms; height: 0; margin: auto; margin-left: 0px; }
.voucherInput input[type="submit"] { border: none; position: absolute; top: 0px; right: 0px; margin: auto; padding: 12px; width: 100px; border-radius: 0px 10px 10px 0px !important; height: 42px; }
.card-form-group { padding-top: 60px; }
.card-form-group span { margin-bottom: 6px; }
.promoCodeInput { position: relative; margin-bottom: 10px; }
.promoCodeInput input { padding-right: 85px !important; }
.promoCodeInput a { color: #fff; position: absolute; top: 0px; right: 0; height: 100%; padding: 10px 15px; border-radius: 0px 8px 8px 0px; }
.promoCode span { text-align: left; display: block; margin-bottom: 10px; font-size: 14px; }
.promoCode span:before { font-size: 20px; vertical-align: top; font-family: 'FontAwesome'; margin-right: 3px; }
.promoCode span.cpnValid:before { content: "\f058"; }
.promoCode span.cpnInvalid:before { content: "\f057"; }
/***********************/
.navtop { position: unset; }
.panel { position: unset; }
/*.mnContentWrp { margin-top: 0px !important; }*/
.wd80 { width: 80% !important; }
.image-slider-block { position: unset !important; }
.odrItemSize .mCustomScrollbar { max-height: 205px; }
.bkgBnnr { background-image: none !important; min-height: auto !important; padding: 0px; margin: 0px; }
.bkgBnnr h1, .bkgBnnr h2 { font-size: 50px; text-align: center; padding: 50px 0; margin-bottom: 20px !important; }
@media(min-width:320px) and (max-width:767px) {
.bkgBnnr h1, .bkgBnnr h2 { font-size: 25px; padding: 25px 20px; }
}
@media(min-width:768px) and (max-width:1024px) {
.bkgBnnr h1, .bkgBnnr h2 { font-size: 35px; padding: 35px 0; }
}
/*THANK YOU POPUP*/
.thankyouhome { max-width: 800px; margin: 0 auto 20px; padding: 50px 100px; }
.thankyouhome-heading { margin-bottom: 30px; }
.thankyouhome-heading h1 { font-size: 40px; line-height: 50px; font-weight: 600; text-align: center; padding: 0px; margin: 0 0 10px 0; }
.thankyouhome-heading p { font-size: 16px; line-height: 26px; font-weight: 400; text-align: center; padding: 0px; margin: 0; }
.thankyouhome h2 { font-size: 24px; line-height: 34px; font-weight: 600; padding: 0px; margin: 20px 0 10px 0; }
.thankyouhome h3 { font-size: 18px; line-height: 30px; font-weight: 600; padding: 0px; margin: 30px 0 10px 0; }
.thankyouhome h4 { font-size: 18px; line-height: 28px; font-weight: 400; padding: 0px; margin: 0 0 5px 0; }
.thankyouhome table { width: 100%; }
.thankyouhome table tr td { font-size: 16px; line-height: 26px; font-weight: 500; padding: 2px 0; margin: 0; }
.thankyouhome table tr td b { font-size: 20px; line-height: 26px; font-weight: 600; padding: 2px 0; margin: 0; }
.tablecalltoaction { margin-top: 20px; }
.tablecalltoaction h2 { font-size: 28px; line-height: 40px; font-weight: 600; text-align: center; padding: 0px; margin: 0 0 20px 0; }
.tablecalltoaction p { font-size: 28px; line-height: 40px; font-weight: 600; text-align: center; padding: 0px; margin: 10px 0 0 0; }
.tablecalltoaction .ph-number { font-weight: 600; }
.tablecalltoaction .ph-contune { font-weight: 600; }
.thankyouhome .fa { font-size: 100px; margin: 0 auto; text-align: center; display: block; margin-bottom: 15px; transform: rotate( -10deg); }
.frownhome .thankyouhome-heading h1 { font-size: 30px; line-height: 30px; }
.frownhome h5 { font-size: 18px; line-height: 30px; font-weight: 400; text-align: center; margin-top: 0px; }
@media (min-width:320px) and (max-width:767px) {
.thankyouhome { max-width: 100%; padding: 50px; }
.thankyouhome-heading h1 { font-size: 23px; line-height: 30px; }
.thankyouhome-heading p { font-size: 14px; line-height: 20px; }
.thankyouhome h2 { font-size: 18px; line-height: 30px; margin: 0px; }
.thankyouhome h3 { font-size: 16px; line-height: 20px; margin: 20px 0 10px 0; }
.thankyouhome h4 { font-size: 14px; line-height: 20px; }
.thankyouhome table tr td { font-size: 14px; }
.thankyouhome table tr td b { font-size: 16px; padding: 0px; }
.tablecalltoaction { margin-top: 40px; }
.tablecalltoaction p { font-size: 20px; line-height: 30px; }
.frownhome .thankyouhome-heading h1 { font-size: 20px; line-height: 20px; }
.frownhome h5 { font-size: 16px; line-height: 30px; font-weight: 400; text-align: center; margin-top: 0px; }
}
@media (min-width:768px) and (max-width:991px) {
.thankyouhome { max-width: 100%; }
.thankyouhome-heading h1 { font-size: 35px; line-height: 30px; }
.thankyouhome-heading p { font-size: 14px; }
.thankyouhome h2 { font-size: 18px; line-height: 30px; margin: 0px; }
.thankyouhome h3 { font-size: 16px; line-height: 20px; margin: 20px 0 10px 0; }
.thankyouhome h4 { font-size: 15px; line-height: 20px; }
.thankyouhome table tr td { font-size: 14px; line-height: 20px; }
.thankyouhome table tr td b { font-size: 16px; padding: 0px; }
.tablecalltoaction { margin-top: 40px; }
.tablecalltoaction p { font-size: 20px; line-height: 30px; }
}
/*THANK YOU POPUP*/
.notice { font-size: 15px; font-weight: 600; letter-spacing: 1.5px; text-align: center !important; padding: 10px; line-height: normal; }
.notice span { display: inline-block; }
.notice span .fa-truck { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }
.notice a { display: inline-block; }
.timerDiv { display: inline-block; line-height: 1; margin-left: 20px; }
.timerDiv div { display: inline-block; margin-right: 0px; }
.timerDiv span { display: inline-block; font-size: 10px; margin-left: 2px; }
.elePostCode { position: relative; padding: 5% 20px; }
.elePostCode:before { /*background-image: url(../content/images/jars_banner.png);*/ background-color: #fff; -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; z-index: -1; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0.1; }
.elePostInput { padding: 0px; display: inline-block; position: relative; width: 100%; }
.elePostInput .fa.fa-search { position: absolute; top: 19px; left: 28px; font-size: 20px; }
.elePostInput button { cursor: pointer; position: absolute; z-index: 1; text-decoration: none; border: none; line-height: 50px; height: 50px; right: 0; width: 180px; padding: 0; margin: 4px; }
.elePostInput input[type="text"] { -webkit-transition: 0.05s; transition: 0.05s; border: 1px solid #bebfc5; box-shadow: none; height: 58px !important; line-height: 28px !important; padding-left: 60px !important; padding-right: 210px !important; caret-color: #fc8019; font-size: 18px !important; font-weight: 500; margin: 0; padding: 0 20px; box-shadow: none; box-sizing: border-box; border-radius: 50px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; max-width: 100%; }
.elePostInput input[type="text"]:-ms-input-placeholder { font-size: 18px; font-weight: 300; color: #ccc; }
.elePostInput input[type="text"]::placeholder { font-size: 18px; font-weight: 300; color: #ccc; }
.elePostList { /*position: absolute; top: 57px;*/ width: 100%; background: #fff; border: 1px solid #d4d5d9; border-bottom: 5px solid #d4d5d9; border-top-width: 0; font-size: 0; z-index: 1; display: none; padding: 0px !important; -webkit-transition: 0.15s; transition: 0.15s; }
.elePostList li { position: relative; cursor: pointer; color: #535665; font-weight: 400; outline: none; display: inline-block; width: 100%; padding-left: 60px; padding-right: 10px; }
.elePostList li.redClr,
.elePostList li.redClr:hover { color: #fa4a5b !important; }
.elePostList li.greenClr,
.elePostList li.greenClr:hover { color: #57ab57 !important; }
.boxShow ul li.greenClr,
.boxShow ul li.greenClr:hover {
color: #57ab57 !important;
}
.elePostList li .fa { position: absolute; left: 28px; top: 14px; font-size: 20px; }
.elePostList li:last-child span { border: none; }
.elePostList li span { display: block; /*border-bottom: 1px dashed #bebfc5;*/ padding: 15px 0px 15px 0px; width: 100%; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*.elePostInput.focus input[type="text"] { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-color: #ecedf0 !important; }*/
.elePostInput.focus .elePostList { display: block; }
.abl { width: 100%; background: #fa4a5b; padding: 17px; padding-left: 25px; color: #fff !important; font-weight: 500; border-radius: 0px 0px 30px 30px; font-size: 15px; cursor: default; }
.abl:hover { color: #fff !important; }
.ablNot { width: 100%; background: #57ab57; padding: 17px; padding-left: 25px; color: #fff !important; font-weight: 500; border-radius: 0px 0px 30px 30px; font-size: 15px; cursor: default; }
.ablNot:hover { color: #fff !important; }
.blur { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }
.textSlide { font-weight: 900; text-align: left; margin-bottom: 0px; }
.mask { font-size: 60px; height: 60px; position: relative; z-index: 1; overflow: hidden; margin-top: var(--offset); }
.mask span { top: 60px; display: block; box-sizing: border-box; position: absolute; padding-bottom: var(--offset); background-size: 100% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-repeat: no-repeat; padding-right: 8px; }
.mask span[data-show] { transform: translateY(-100%); transition: .5s transform ease-in-out; }
.mask span[data-up] { transform: translateY(-200%); transition: .5s transform ease-in-out; }
.mask span:nth-child(1) { background-image: linear-gradient(45deg, #30e3fa 50%, #2196f3); }
.mask span:nth-child(2) { background-image: linear-gradient(45deg, #18e198 50%, #0ec15d); }
.mask span:nth-child(3) { background-image: linear-gradient(45deg, #8a7cfb 50%, #ff5722); }
.mask span:nth-child(4) { background-image: linear-gradient(45deg, #8a7cfb 50%, #ff5722); }
.border-none { border: none !important; }
.after-none:after { display: none !important; }
.before-none:before { display: none !important; }
.whiteBox { position: relative; border-radius: 15px; padding: 35px; margin-bottom: 25px; background: #ffffff; text-align: left; }
.whiteBox .formtitle { font-size: 22px; font-weight: 500; margin-bottom: 15px; }
.whiteBox .form-group label { font-size: 17px; font-weight: 500; color: #000; }
.whiteBox .form-group .input { margin: auto !important; border: 1px solid #e8e8e8; width: 100%; max-width: 100%; border-radius: 7px; height: 42px; }
.whiteBox .form-group p { font-weight: 500; font-size: 15px; margin-top: 0px; }
.whiteBox .form-group .input::-webkit-input-placeholder { color: #cccccc; }
.whiteBox .form-group .input:-ms-input-placeholder { color: #cccccc; }
.whiteBox .form-group .input::placeholder { color: #cccccc; }
/* --- ucgallery --- */
/*-- UcGallery-*/
.gllryClick { font-size: 0; cursor: pointer; }
.gllryCol { margin-bottom: 10px; }
.gllryTitle { margin-bottom: 0; font-weight: 700; font-size: 19px; }
.gllryDec { display: inline-block; width: 100%; font-size: 15px; color: #000; }
.gllryClick:hover { opacity: 0.8; }
.gllryHead p { line-height: normal; }
/*.nLayout[style*="background"] .ucGallery { padding-top: 1.5rem; }*/
.ucGallery { padding-top: 1.5rem; }
.ucGallery .flexslider { background: transparent !important; }
.ucGallery .flexslider .gllryDec,
.ucGallery .flexslider .gllryTitle { text-align: center; }
.ucGallery .flexslider .gllryClick { display: flex; align-items: center; height: 262px; overflow: hidden; justify-content: center; }
.ucGallery .flexslider .gllryClick img { max-height: 100%; width: auto !important; }
.ucGallery .grid.fixedSpaces [class*='col-']:nth-child(4n + 1) { clear: both; }
.ucGallery .flex-viewport .slides { background: transparent !important; }
/*.ucGallery .flex-direction-nav a { background: transparent; border-radius: 50%; opacity: 1; border: 2px solid #000; text-align: center; opacity: 0.7; cursor: pointer; top: 131px; }
.ucGallery .flex-direction-nav a:hover { background-color: #000; opacity: 1; }
.ucGallery .flex-direction-nav a:hover:before { color: #fff; }*/
.ucGallery .flex-direction-nav a { background: transparent; opacity: 1; text-align: center; opacity: 0.7; cursor: pointer; top: 131px; }
.ucGallery .flex-direction-nav a:hover { opacity: 1; }
.ucGallery .flex-direction-nav a:before { font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 38px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; font-size: 15px; display: inline-block !important; }
.ucGallery .flex-direction-nav a.flex-prev:before { content: "\f114"; margin-left: -3px; }
.ucGallery .flex-direction-nav a.flex-next:before { content: "\f115"; margin-right: -3px; }
.ucGallery .flex-direction-nav a.flex-disabled { opacity: 1 !important; z-index: 10; }
.nLayout[style*="background"] .ucGallery .flex-direction-nav a { border-color: #fff; }
.nLayout[style*="background"] .ucGallery .flex-direction-nav a:hover { background-color: #fff; }
.nLayout[style*="background"] .ucGallery .flex-direction-nav a:before { color: #fff; }
.nLayout[style*="background"] .ucGallery .flex-direction-nav a:hover:before { color: #000; }
/*! 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(../content/images/iconSkin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; }
@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(../content/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(../content/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: 99999; -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; object-fit: contain; }
.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: transparent; }
.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 ///// */
.e_imageslide .imagesection { position: relative; }
.opacityOverlay { pointer-events: none; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%; }
.opacityOverlay + .fix-12-12 { position: relative; z-index: 2; }
.opacityOverlay.bgWH { background-color: #fff !important; }
.opacityOverlay.bgBL { background-color: #000 !important; }
.categoryLbl { font-weight: 700 !important; line-height: 1 !important; }
.alertSection button { margin: 0 auto; display: block; padding: 10px 30px; background: #fff; outline: none; border: none; font-weight: bold; transition: 0.2s; }
.alertSection button:active { background-color: #ccc; }
.alertSection { color: #000; min-height: 100px; width: 400px; max-width: 400px; background-color: #fff; border-radius: 15px; -webkit-box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.1); position: fixed; z-index: 11; top: 39px; right: -10%; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s !important; transition: transform 0.5s, opacity 0.5s !important; }
.alertSection.visible { opacity: 1; right: 20px; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
.alertSection .svgClose { position: absolute; right: 15px; top: 15px; cursor: pointer; width: 15px; height: 15px; }
.alertSection .icon { padding: 18px; margin-right: 15px; float: left; border-radius: 15px; }
.alertSection .icon i { font-size: 4em; color: #fff; }
.alertSection h1 { font-size: 1.1em; font-weight: bold; padding-top: 15px; margin: 0; margin-bottom: 8px; letter-spacing: normal; color: #000; }
.alertSection p { margin: 0; font-size: 0.85em; line-height: 1.4; color: #000; }
#dvSuccessMsg .icon { background-color: #29D885; }
#dvErrorMsg .icon { background-color: #e03400; }
/*.popupContent .odrItem p, .odrSlideTxt p { color: #000 !important; font-size: 14px; }*/
/*
.odrSlideTxt strong, .popupContent .odrItem strong {
font-size: 14px !important;
float: none !important;
font-weight: bold !important;
display: inline !important;
}*/
.e_textwithbtn,
.e_textwithbtn .imgTxt { width: 100%; }
.ucCustomForm .popupContent.custmfrmpopup { position: fixed !important; width: 100%; max-width: 100%; }
.ucCustomForm .popupContent .close { top: 0 !important; right: 0 !important; box-shadow: none; }
.ucCustomForm .container { height: 100vh; }
.bkPolicy { display: flex; align-items: flex-start; padding-top: 5px !important; }
.bkPolicy .cstmChk { margin-top: 1px; }
.bkPolicy label { margin: 0; font-size: 16px; padding-left: 5px; }
.bkPolicy label a { border-bottom: 1px solid; }
.ucProductMenu { margin-top: 30px; }
.ucProductMenu .cntrBlk { width: 100%; padding: 0; }
.ucProductMenu .foodMenu { /*display: flex; align-items: flex-start; flex-wrap: wrap; */ }
.ucProductMenu .odrList { /*padding-left: 15px; padding-right: 15px; display: inline-block; width: 50%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0;*/ }
.ucProductMenu .odrList ul li { cursor: default; }
.ucProductMenu .odrList ul li:hover { background-color: Transparent !important; }
.ucJobs { margin: 50px auto; }
.job__heading { margin-top: 0; margin-bottom: 15px; font-weight: 600; }
.job__rpt { text-align: left; -webkit-box-shadow: 0px 7px 10px 3px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 7px 10px 3px rgb(0 0 0 / 10%); box-shadow: 0px 7px 10px 3px rgb(0 0 0 / 10%); padding: 1rem; border-radius: 10px; margin-bottom: 2rem; }
.job__thumbnail { border-radius: 10px; overflow: hidden; display: inline-flex; width: 100%; }
.job__thumbnail a { display: inline-flex; }
.job__thumbnail a img { width: 100%; max-width: 100%; }
.job__textBlock { }
.job__date { text-align: right; font-weight: 600; margin-bottom: 0.5rem; }
.job__title { font-size: 25px; font-weight: 600; margin-top: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; min-height: 33px; text-align: left; }
.job__desc { margin-bottom: 1rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 40px; }
.job__button a { margin: auto; font-weight: 600; padding: 5px 0; display: inline-block; }
.jobDetail { margin: 50px auto; text-align: left; }
.jobDetail__title { margin-top: 0; margin-bottom: 15px; font-weight: 600; }
.careerBlock { display: flex; flex-flow: row nowrap; list-style: none; border-radius: 10px; justify-content: space-between; margin-bottom: 30px; -webkit-box-shadow: 0px 7px 10px 3px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 7px 10px 3px rgb(0 0 0 / 10%); box-shadow: 0px 7px 10px 3px rgb(0 0 0 / 10%); padding: 1.2rem; }
.careerBlock li { border-left: 1px solid #ccc; margin: 0; padding: 1rem; width: 100%; letter-spacing: normal; text-align: center; }
.careerBlock li label { margin-top: auto; margin-bottom: 5px; }
.careerBlock li:first-child { border-left: none; }
.pagination { display: flex; align-items: center; justify-content: right; font-weight: 600; list-style: none; margin: 2rem auto 1rem; }
.pagingCount { display: inline-flex; align-items: center; margin-left: 2em; margin-bottom: 0.7em; }
.pagination ul { display: inline-flex; align-items: center; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
.pagination ul li { margin: 0; margin-left: 0.7em; margin-bottom: 0.7em; padding: 0; position: relative; }
.pagination a { text-decoration: none; background-color: #ffffff; border-radius: 5px; color: #000; display: inline-flex; align-items: center; justify-content: center; font-size: 1em; height: 38px; width: 38px; padding: 0; text-align: center; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3); transition: all 0.05s ease-in-out; }
.pagination a:not([href]),
.pagination a:hover:not([href]) { color: #000; background-color: transparent; cursor: default; opacity: 0.5; }
.pagination a.active { opacity: 1 !important; color: #ffffff !important; }
.pagination a.first,
.pagination a.last,
.pagination a.prev,
.pagination a.next { width: auto; padding: 0 0.5rem; }
/*---------------e_newslettersubs---------------*/
.fix-12-12c .grid_12 .e_newslettersubs .ucNewsLetter { padding-left: 0px; padding-right: 0px; }
.ucNewsLetter .row--max1rem { position: relative; padding-top: 2rem; padding-bottom: 2rem; }
.ucNewsLetter .subs__Form { display: flex; justify-content: center; align-items: center; align-content: center; margin-top: 2rem; }
.ucNewsLetter [class*="subs__"] { text-align: center; }
.ucNewsLetter .subs__Form input[type="text"] { max-width: 355px; margin: 0; width: 100%; text-overflow: ellipsis !important; overflow: hidden !important; line-height: 1em; border-radius: 10px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; outline: none; font-size: 15px; border: 1px solid #ccc; padding: 0.5rem 2rem; display: inline-flex; align-items: center; justify-content: flex-end; align-content: center; height: 52px; }
.ucNewsLetter .subs__Form .blueBtnAro { min-width: auto; padding-left: 2rem; padding-right: 2rem; display: inline-flex; justify-content: flex-start; align-items: center; align-content: center; margin: 0; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; height: 52px; }
.ucNewsLetter .subs__Text h6 { margin-top: 0; font-size: 22px; }
.ucNewsLetter .subs__Text p { text-align: center; line-height: normal; letter-spacing: normal; margin-bottom: 0; }
.ucNewsLetter .subs__Text span { font-size: 18px; }
/*---------------e_newslettersubs---------------*/
.testSpan .fa { font-size: 20px; }
.notOffering { text-align: center; margin: 100px 0; }
.notOffering h2 { font-size: 35px; margin: 0; }
.instructionsDiv { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.flex--div { display: flex; justify-content: space-between; align-items: flex-start; }
.flex--div > span { }
.loaderDiv { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .7); z-index: 99999; height: 100%; }
.loaderDiv .relative { display: flex; align-items: center; justify-content: center; position: absolute !important; left: 0; right: 0; height: 100vh; }
.loaderDiv span { display: flex; width: 80px; height: 80px; margin: 0; background: transparent; border-top: 4px solid #fff; border-right: 4px solid transparent; border-radius: 50px; -webkit-animation: 1s loaderAnimate linear infinite; animation: 1s loaderAnimate linear infinite; }
.loaderDiv svg { width: 30px; height: 30px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; fill: #fff !important; }
@keyframes loaderAnimate {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
/*order online Dec 2022*/
.menuV2 .locationScreen .bookingTabsUl { position: initial !important; margin: 0; width: 100%; margin-bottom: 25px; }
.menuV2 .locationScreen .clctTime:last-child { margin-bottom: 0; }
.menuV2 .locationScreen .clctTime span select { background: #fff; }
.menuV2 .locationScreen .clctTime span input[type="text"] { background: #fff; }
.menuV2 .locationScreen .grid.fixedSpaces { min-height: 275px; }
.menuV2 .locationScreen .locationBlurImg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; filter: blur(3px); -webkit-filter: blur(3px); }
.menuV2 .locationScreen .locationBlurImg img { width: 100%; }
.menuV2 .locationScreen .bkgBnnr { display: block; text-align: center; }
.menuV2 .locationScreen .bkgBnnr p { text-align: center; }
.menuV2 .locationScreen .bkgBnnr h2 { padding-bottom: 0; }
.menuV2 .menuPageContent { margin-top: 20px; }
.menuV2 .menuPageContent .fix-12-12 { max-width: 1500px !important; width: 95% !important; }
.menuV2 .bookingTabs { padding-top: 0; }
.menuV2 .bkgBnnr { display: none; }
.menuV2 .menuLeftCol { width: 100%; }
.menuV2 .lftBlk { width: auto; }
.menuV2 .menuNav li a { /*white-space: nowrap;*/ }
.menuV2 .cntrBlk { padding-left: 25px; padding-right: 25px; }
.menuV2 .rgtBlk { min-width: 300px; }
.menuV2 .showPostcodeDD .dvCartItms { height: auto; max-height: calc(100vh - 220px); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.menuV2 .nowFixed .showPostcodeDD .dvCartItms { /*height: auto; max-height: calc(100vh - 112px);*/ }
.menuV2 .addRemove .input-group-button { border-color: transparent; }
.menuV2 .addRemove .plus-minus-input { border: 1px solid #ccc; padding: 5px; }
.menuV2 .addRemove .plus-minus-input input.input-group-field { font-size: 15px; }
.menuV2 .prwList { border: none; padding: 0; }
.menuV2 .prwList li { padding: 15px 0px; }
.menuV2 .odrList h2.odrHead { padding: 0; border: none; margin-bottom: 10px; font-size: 20px; }
.menuV2 .odrList { padding: 15px; border-radius: 12px; background: #f5f7ff; }
.menuV2 .odrList .odrContent ul { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.menuV2 .odrList .odrContent ul li { position: relative; width: calc(50% - 5px); border: none; background: #ffffff; margin-left: 0; margin-right: 10px; display: flex; flex-direction: row-reverse; align-items: flex-start; }
.menuV2 .odrList .odrContent ul li:nth-child(2n) { margin-right: 0; }
.menuV2 .odrList .odrContent ul li > input { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99; cursor: pointer; background: none; border: none; padding: 0px; }
.menuV2 .odrList ul li .menuContnt { margin-top: auto; }
.menuV2 .topHeading { font-size: 20px; margin: 0; font-weight: 900; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; }
.menuV2 .topHeading span { display: inline-flex; font-size: 14px; color: #000; font-weight: 700; }
.menuV2 .odrList ul li .odrSlideTxt > h3 { line-height: 1; }
.menuV2 .odrItemHead h3 span,
.menuV2 .odrList ul li .odrSlideTxt > h3 span { margin-bottom: 5px; }
.menuV2 .testSpan svg { margin-bottom: 5px; }
.menuV2 .odrItemFtr .addRemove { margin-top: 0; }
.menuV2 .odrSlideImg { margin-right: 15px; display: inline-flex; justify-content: center; align-items: center; border-radius: 8px; background-position: center; background-size: cover; background-repeat: no-repeat; min-width: 100px; width: 100px; height: 100px; background-color: #f3f3f3; }
.menuV2 .odrSlideImg img { display: none; }
.menuV2 .odrSlideTxt { padding-right: 0; }
.menuV2 .odrList .delProduct .odrSlideImg { opacity: 0.25; }
/*.card-form-group .makePayment { display: block !important; }*/
.payment-method ul li input[type="radio"]:checked + label .card-form-group .makePayment { display: block !important; }
.payment-method ul li iframe { /*min-height: 250px;*/ }
.payment-method ul li iframe { min-height: 215px !important; height: auto; }
.productCart.paymentTable .cartList li { display: flex; justify-content: space-between; align-items: center; }
.productCart.paymentTable .cartList li strong { width: auto; float: none; vertical-align: middle; display: block; font-size: 16px; font-weight: 500; margin-bottom: 3px; }
.productCart.paymentTable .cartList li::after { display: none; }
/*.productCart { background: #b3a4a4; }
.payment-method { background: #e5a4a4; }*/
.ucLocations { padding: 30px 0; }
.ucLocations .baarH2 { margin-bottom: 30px; }
.locationsRpt { -webkit-box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.1); border-radius: 10px; margin-bottom: 20px; padding: 30px; }
.locationsRpt .equal-height { padding-left: 5px; }
.locationsRpt p { font-size: 16px; display: flex; margin: 0; line-height: normal; align-items: center; width: 100%; margin-bottom: 10px; }
.locationsRpt p a { color: inherit; display: inherit; align-items: inherit; width: inherit; }
.locationsRpt p span { font-size: 18px; font-weight: 700; min-width: calc(100% - 65px); width: calc(100% - 65px); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.locationsRpt i { width: 45px; height: 45px; border-radius: 50%; text-align: center; font-size: 18px; color: #fff; display: inline-flex; justify-content: center; align-items: center; margin-right: 15px; }
.locationsRpt .blueBtnAro { margin-bottom: 0; margin-top: 30px; width: 100%; text-align: center; }
/*.newLightHeader .navtop {background-color:#e8e8e8;position:initial !important;}
.newLightHeader .mainNav .mainMenu li .divNav > a {color: #000000;}
.newLightHeader .homeLnk.dropdown-menu svg {fill:#ffffff !important;}
@media screen and (max-width: 767px){
.newLightHeader .mainNav .mainMenu {background-color:#434343;}
.newLightHeader .mainNav .mainMenu li .divNav > a {color:#ffffff !important;}
.newLightHeader .mainNav .mainMenu li .divNav.divPolicy > a {color:#bdbdbd !important;}
div.padinnit.navtop {position: absolute !important;}
}*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////// Responsive CSS ///////////////////*/
@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) {
.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) {
.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;*/ }
.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; }
.headerFix .mobFixHdr.navtop { background-color: transparent !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:1380px) {
.detailresp { margin-left: 2% !important; }
.cantsee { padding-left: 20px; padding-right: 20px; }
.shortlistleft { float: left; margin-left: 0px; }
.parainterest { font-size: 16px; }
}
@media screen and (max-width:1280px) {
.button-7 { display: block; margin: 30px auto !important; }
}
@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) {
/*.bottomHdr .rightHdrDD .dropdown-el { right: 36px; }*/
}
@media screen and (max-width:1130px) {
.homeWrp .fix-12-12,
.fix-12-12 { width: calc(100% - 30px) !important; margin-left: auto !important; margin-right: auto !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; }
.shadowBox .input .grid.fixedSpaces { margin-left: -10px !important; margin-right: -10px !important; }
.shipInfo .form-group .grid.fixedSpaces { margin-left: -10px !important; margin-right: -10px !important; }
.registerWrap .grid.fixedSpaces .col-12-12 { padding: 0px; }
}
/*======================1200px====================*/
@media screen and (min-width:1200px) {
.image-slider-block .e_imageslide .slide_wrap,
.e_videoslide .vdWrp,
.e_videoslide .sldVDO .background { min-height: 25vw; }
.e_imageslide .contDBox.cAlignMid,
.e_videoslide .vdWrp ul.cAlignMid { padding-top: 150px; padding-bottom: 115px; }
.ucGallery .flex-direction-nav a.flex-prev { left: -45px !important; }
.ucGallery .flex-direction-nav a.flex-next { right: -45px !important; }
}
@media screen and (min-width:1200px) and (max-width:1335px) {
.headktop .lgHeader { width: unset !important; }
}
@media screen and (max-width:1200px) {
.bottomHdr .rightHdrDD .dropdown-el { right: 15px; }
.ucGallery .flex-direction-nav a.flex-prev { left: 5px !important; }
.ucGallery .flex-direction-nav a.flex-next { right: 5px !important; }
}
@media screen and (max-width:1199px) {
.hide1199 { display: none !important; }
.hide96 { display: none !important; }
.ml14 { margin-left: 4% !important; }
}
@media screen and (max-width:1180px) {
.clickapnt .apptext .parainterest { display: none !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; }
}
/*======================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) {
.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; }
.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; }
.srchBtns p.advan_srch { width: auto; }
.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; }
.mainNav ul li { /*min-width: 100px;*/ }
.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;*/ }
.cntrBlk { width: calc(100% - 530px); padding: 0px 20px 0px 10px; }
.nowFixed .lftBlk { /*left: 35px;*/ }
.nowFixed .rgtBlk { /*right: 35px;*/ }
.footerShown .lftBlk { /*left: 0px;*/ }
.footerShown .rgtBlk { /*right: 0px;*/ }
.e_textwithbtn .title-77 { font-size: 38px; }
.bannerOffr1,
.bannerOffr2 { font-size: 40px !important; margin-bottom: 5px !important; }
.booktbl h2 { font-size: 40px !important; }
.swiper-wrapper > li { min-height: 500px !important; }
.goBtmBtn { margin-top: 20px !important; }
.e_imagewithtext .ImgsBlcs .title-77 { margin-bottom: 10px !important; margin-top: 15px !important; }
.scrollDown { bottom: 0px; }
.nLayout .fix-12-12c > .grid > .col-12-12 { padding-left: 0; padding-right: 0; }
.bookingTabsUl { width: calc(100% - 36%); margin-left: calc(100% + 20px); min-width: 303px; }
.bookingTabsUl li a { padding: 11px 5px; }
.bookingTabsUl li a span { font-size: 13px; }
.cntctForm .grid.fixedSpaces { margin-left: -10px !important; margin-right: -10px !important; }
.ucGallery .flexslider { padding-left: 15px; padding-right: 15px; }
}
@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 (min-width:1023px) {
.productCart .fix-12-12 .grid.fixedSpaces { margin-left: -15px !important; margin-right: -15px !important; }
.productCart .fix-12-12 .grid.fixedSpaces [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; }
}
@media screen and (max-width:1023px) {
.productCart .fix-12-12 .grid.fixedSpaces.contactus > [class*="col-"],
.productCart .fix-12-12 .grid.fixedSpaces [class*="col-"].cartForms,
.productCart .fix-12-12 .grid.fixedSpaces [class*="col-"].cartRight { max-width: 100% !important; }
.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 { top: 5px !important; height: 51px !important; }
.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%; }
.dtlBrdCrmb .breadCrumb { display: none; }
.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;*/ }
.ftrbackerBT ul li a.logo,
.ftrSocial,
.footerInfo,
.footerInfo p { text-align: left !important; }
.baseFtr { margin-top: 28px; }
.cntctNm { margin-left: 90px; }
.productCart::before { display: none; }
.productCart::after { display: none; }
.max70 { max-width: 100%; }
.grid.mobgrid { margin-left: -2% !important; margin-right: -2% !important; }
.cartForms { min-height: auto; }
.lftBlk { display: none; }
.odrList h2.odrHead { font-size: 1.25rem; line-height: 1.25; padding:16px !important; border: none; }
.odrList h2.odrHead i.fa { display: block; }
.odrList h2.odrHead.active { /*color: #fff;*//* border-radius: 10px 10px 0px 0px;*/ }
.odrList {/* -webkit-box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.1);*//* border-radius: 10px;*/ border-top:1.5px solid #d8d8d8; margin-bottom:0px;}
.odrList:last-child {border-bottom:1.5px solid #d8d8d8;}
.odrList .odrContent {/*background-color: #dedede2e;*/}
.odrList ul li:first-child { margin-top: 0px; border-top: none; }
.odrList ul li:last-child { margin-bottom: auto; border-bottom:none;}
.odrList ul li {border-radius: 0px;}
.odrList .odrContent { padding: 10px; }
.cartRight { position: initial !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: 33.333333% !important; width: 33.333333% !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; }
.clickapnt { max-width: 92% !important; }
.clickapnt .apptext { padding: 0px !important; width: 100% !important; }
.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; }
}
@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) {
.mainMenu .dropdown-menu { position: relative; }
}
@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; }
.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) {
.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; }
.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; }
.cntctRgt iframe { width: 50% !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; }
.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 { }
.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; }
.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); }
.carsrchWrp .searchSectopm .searchbacker { /*padding: 5px 8px 5px 8px!important;*/ }
.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; }
.mainNav ul li { /*min-width: 60px; text-align: center;*/ }
.mainNav ul li.navBtn1 { margin-left: 0px; }
.navBtn { margin-left: 5px; }
.mainNav .mainMenu li .divNav > a.navBtn { padding: 8px 15px !important; }
/*.mainMenu li:nth-child(4) { margin-right: 50px !important; }
.mainMenu li:nth-child(5) { margin-left: 50px !important; }*/
.hdrLogo { width: 115px; }
.mainNav .mainMenu { width: calc(100% - 115px); }
.srchForm { min-height: 30px; }
.srchForm input[type="text"] { height: 30px; }
.srchBtn { width: 43px; padding: 2px; }
.mnContentWrp { margin-top: 0px; }
.scroll .container, .mobile .simplifiedMobile .container { height: auto; }
.topHdr { font-size: 12px; }
.mainNav { }
.mainNav .mainMenu li .divNav > a { /*padding: 5px 5px !important;*/ word-break: break-word; max-width: 140px; text-align: center; }
.ftrbackerBT .col-3-12:nth-child(2) { /*padding-top: 104px;*/ }
.prdctList .grid > [class*="col-"] { padding: 0; }
.prdctList .grid .grid-products { max-width: 50%; }
.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: 100% !important; width: 100% !important; height: auto !important; }
.contactPage .grid .cntctRgt { max-width: 100% !important; width: 100% !important; max-height: 300px !important; }
.brocContact .cntctForm { padding-right: 30px; }
.dlryftr p br { display: none; }
.homeWrp .nLayout:first-child > .fix-12-12 .e_texttype .paraFormat.ucText { padding-top: 30px !important; padding-bottom: 30px !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;*/ }
.menuLeftCol { width: 54%; padding-right: 10px; }
.cntrBlk { padding: 0; width: 100%; }
.rgtBlk { width: 46%; padding-left: 10px; }
.ftrbackerBT { padding: 80px 0px !important; }
.ftrbackerBT .grid.fixedSpaces [class*='col-'] { width: 33.33% !important; max-width: 33.33% !important; margin-bottom: 30px !important; }
.ftrbackerBT .tripAdviser { clear: both; }
.ftrbackerBT h3 { /*min-height: 66px; margin-bottom: 0px !important;*/ }
.e_textwithbtn .title-77 { font-size: 28px; }
.bannerOffr1,
.bannerOffr2 { font-size: 30px !important; margin-bottom: 5px !important; }
.booktbl h2 { font-size: 35px !important; }
.swiper-wrapper > li { min-height: 400px !important; }
.goBtmBtn { margin-top: 20px !important; }
.e_booktable { margin-left: -20px; margin-right: -20px; }
.e_imagewithtext .ImgsBlcs .title-77 { margin-bottom: 10px !important; margin-top: 15px !important; }
.scrollDown { bottom: 0px; }
.contactPage { padding-top: 50px; }
.registerForm { margin-top: 40px; }
.numAddress .table .table-cell { width: 50% !important; max-width: 50% !important; float: left !important; }
.contactPage .cntctForm { /*max-width: 50% !important;*/ }
.bookingTabsUl { width: calc(100% - 15%); margin-left: calc(100% + 20px); }
.cntctForm .grid.fixedSpaces { margin-left: -10px !important; margin-right: -10px !important; }
.showPostcodeDD .dvCartItms { max-height: calc(100vh - 555px); height: auto; }
.showPostcodeDD.showPostcodeTab .dvCartItms { max-height: calc(100vh - 605px); height: auto; }
.ucGallery .flexslider { padding-left: 50px; padding-right: 50px; }
.ucLocations .grid [class*='col-'] { max-width: 50%; }
}
@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; }
.finance-section > div { width: 100%; float: none !important; text-align: left !important; }
}
@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 { }
.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; }
.tblSelect.tblSelectRes {overflow:visible;}
.tblSelect.tblSelect .calendarIcon {border-bottom-right-radius: 10px;box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.1);}
.tblSelect.tblSelectRes .userIcon,
.tblSelect.tblSelectRes .timeIcon {box-shadow: 0px 7px 10px 3px rgba(0, 0, 0, 0.1);}
.tblSelect.tblSelectRes .userIcon {border-bottom-left-radius:10px; border-right: 2px solid #eeeeee;}
.tblSelect.tblSelectRes .timeIcon {border-bottom-right-radius:10px;}
.edit-booking .tblSelect.tblSelectRes .userIcon, .edit-booking .tblSelect.tblSelectRes .timeIcon, .edit-booking .tblSelect.tblSelect .calendarIcon {
box-shadow: unset !important;
border: 1px solid #e8e8e8 !important;
}
}
/*======================767px====================*/
@media screen and (max-width:767px) {
.productCart .fix-12-12 .grid.fixedSpaces [class*="col-"] { max-width: 100%; }
.discountSec input[type="submit"] { margin-top: 15px !important; }
.cartList .cartHeader { min-height: initial; }
.show767 { display: block !important; }
.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; }
.jobDetail .grid.fixedSpaces [class*='col-'] { padding-left: 0; padding-right: 0; }
.jobDetail__desc { padding-right: 15px; }
.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; }
.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 { }
.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; }
.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; }
.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; }
.mnFacture li { float: none !important; }
.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; }
form input[type="text"], form input[type="submit"] { /* width: 100% !important; max-width: 100% !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; }
.cntctRgt iframe { width: 50% !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,
.e_videoslide .vdWrp ul.cAlignMid { min-height: 275px; height: auto !important; padding: 100px 20px 30px !important; }
.e_imageslide .contDBox.cAlignMid,
.e_videoslide .vdWrp ul.cAlignMid { padding-top: 80px; padding-bottom: 80px; }
.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; }
.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 { right: 115px !important; }
.headWidth { margin-top: 20px !important; }
.finance-section { margin-top: 20px !important; }
.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; }
.srchHdr { min-width: 100px !important; margin-right: 10px !important; }
.ftrEnqry { height: auto !important; padding-bottom: 15px; }
.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; }
.fix-12-12c .ImgsBlcs.Img-B { padding-left: 0px !important; padding-right: 0px !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 { height: 50px; }
.topHdr .hdrLeft { margin-top: 15px; }
.hdrRgt { margin-top: 15px; }
.mainNav .mainMenu .homeLnk { }
.mainHdr { }
.mainNav ul li { float: left; min-width: initial; }
.mainMenu li:nth-child(4) { margin-right: 0px !important; }
.mainMenu li:nth-child(5) { margin-left: 0px !important; }
.hdrLogo { width: calc(100% - 40px); text-align: center; padding-left: 40px; }
.hdrLogo a { width: 150px; }
.srchForm { min-height: 30px; }
.srchForm input[type="text"] { height: 30px; font-size: 12px; }
.srchBtn { width: 43px; padding: 2px; position: absolute; right: 0px; }
/*.mnContentWrp { margin-top: 88px; }*/
.scroll .container, .mobile .simplifiedMobile .container { height: auto; }
.mobNavToggle { display: inline-block; }
/*.mainNav .mainMenu { display: none; background-color: #e1dfdc; width: 100%; height: auto; right: 0px; }*/
.mainNav .homeLnk .fa.fa-home { font-size: 18px; }
.mainNav .mainMenu { color: #fff; background: rgba(255, 255, 255, 1.0); padding: 35px; padding-top: 60px; position: fixed; top: 0; right: 0; width: 100%; max-width: calc(100% - 15px); height: 100vh; z-index: 9999999; -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; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s !important; transition: transform 0.5s, opacity 0.5s !important; }
.mainNav .homeLnk svg { display: inline-block; position: absolute; right: 10px; top: 10px; padding: 5px; width: 40px; height: 40px; cursor: pointer; }
.mobSideBarOpen .mainNav .mobNavToggle svg { opacity: 0; }
.mobSideBarOpen .mainNav .mainMenu { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; }
.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; text-align: right; padding-right: 0; }
.mainMenu .dropdown-menu .cbp-hrsub.navSub .cbp-hrsub-inner::before { display: none; }
.mainNav .mainMenu li { margin-left: 0px !important; float: none; width: 100%; }
.mainNav .mainMenu:after { content: ""; display: block; width: 100%; clear: both; }
.topHdr { font-size: 12px; }
.mainNav { /*min-height: 50px;*/ text-align: left; padding-left: 15px; padding-right: 15px; }
.navtop { }
.mainHdr > .fix-12-12 { width: 100% !important; }
.mainNav .mainMenu li .divNav > a { margin: auto; font-size: 20px !important; padding: 10px 0px !important; display: inline-block; width: 100% !important; text-align: right !important; font-weight: 400; vertical-align: middle; }
.mainNav .mainMenu li .divNav > a.navBtn { background-color: transparent !important; font-weight: 800; font-size: 22px !important; transform: scale(1); border: none !important; }
.mainNav .mainMenu li .divNav.socialIcon > a { background: transparent; width: auto !important; height: 33px !important; text-align: center !important; margin: auto 10px; padding: 5px 0px !important; }
.mainNav .mainMenu li .divNav.socialIcon > a:last-child { }
.divNav.socialIcon { margin: 25px auto; margin-right: -10px; }
.mainNav .mainMenu li .divNav.socialIcon > a .fa { font-weight: bold; font-size: 23px; }
.mainNav .mainMenu li .divNav.socialIcon > a:first-child { margin-left: auto; }
.mainNav .mainMenu li .divNav.socialIcon > a.facebook { /*background: #3b5998 !important; color: #fff !important; border-radius: 50%; padding: 0px !important; height: 23px !important; width: 23px !important; margin: auto 5px;*/ }
.mainNav .mainMenu li .divNav.socialIcon > a.facebook .fa { /*font-size: 16px; font-weight: normal; vertical-align: middle;*/ }
.mainNav .mainMenu li .divNav.divPolicy > a { color: #747474 !important; font-size: 13px !important; }
.mainNav .mainMenu li .divNav.divPolicy > a { color: #747474 !important; font-size: 13px !important; padding: 5px 0px !important; }
.homeWrp.theme1 { padding-top: 0px; }
.e_bannerslider .cd-full-width { max-width: 100%; left: 0; }
.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 { }
.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 > [class*="col-"] { width: 100%; max-width: 100%; padding: 0; }
.prdctList .grid .grid-products { max-width: 50%; border-left: none; }
.prdctList .grid .grid-products:nth-child(2n+1) { border-right: 1px solid #e8e8e8; clear: both; }
.prdctList .grid .grid-products:nth-last-child(2),
.prdctList .grid .grid-products:nth-last-child(1) { border-bottom: none; }
.tabbedinfo .resp-tabs-container > .resp-accordion { margin-top: 10px; }
.productDetail .homebacker .col-6-12 { max-width: 100% !important; width: 100% !important; padding: 0px !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; }
.hdrLnks > li.showBskt { position: absolute; right: 80px; top: 65px; z-index: 99; }
.hdrLnks > li.showBskt .hdrBskt { color: #000; opacity: .8; }
.showBskt .hdrBsktpop { right: -60px; }
.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 { }
.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; }
.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 { margin-left: -10px !important; margin-right: -10px !important; }
.registerWrap .grid.fixedSpaces .proFileTbl { padding-left: 10px !important; padding-right: 10px !important; }
.registerWrap .grid.fixedSpaces .col-12-12 > .ordrNextBtn { margin-right: 10px; }
.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; }
.grid.row_flex [class*='cAlign'] { display: block !important; }
.bxLink_element .BxLink a span { left: 10px; bottom: 15px; }
.slideWithBxlnk .blueButton02 span { left: 38px; }
.registerForm { margin-top: 10px; margin-bottom: 20px; }
.pn767 { padding: 0px !important; }
.registerForm .shipInfo .grid { margin-left: -3% !important; margin-right: -3% !important; }
.menuLeftCol, .menuWrap { display: block !important; }
.rgtBlk,
.cntrBlk,
.menuLeftCol { width: 100%; padding: 0; }
.menuLeftCol { margin-bottom: 40px; }
.rgtBlk,
.methodDiv { height: initial; max-height: initial; }
.odrList ul li .odrSlideTxt > h3 { font-size: 18px; }
.cartTable table,
.cartTable table tbody,
.cartTable table tbody tr,
.cartTable table tbody tr td { display: block; }
.cartTable table tbody tr td { padding: 15px 20px; text-align: left; border: none; width: 50% !important; float: left; }
.cartTable table tbody tr td:before { content: attr(data-title); display: block; padding-bottom: 3px; font-size: 13px; line-height: 1.38462; font-weight: 500; color: #B2B3BD; }
.cartTable table tbody tr:first-child { display: none; }
.cartTable table tbody tr { display: block; width: 100% !important; margin-bottom: 15px; border-radius: 16px; -webkit-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.05); border: none; }
.cartTable table tbody tr:after { content: ""; clear: both; display: block; }
.cartTable table tbody tr td.tbl-item { width: 100% !important; padding-bottom: 5px; }
.cartTable table tbody tr td.tbl-qty { width: 100% !important; padding-top: 7px; padding-bottom: 0px; }
.pro-table td img + .inline-block { width: calc(100% - 105px); }
.slide.active { -webkit-transform-style: initial !important; }
.mobFixHdr.navtop { position: fixed !important; top: 0px; }
.navtop { position: fixed !important; top: 0px; }
/*.mnContentWrp {margin-top: 80px; }*/
.mnContentWrp .homeWrp .nLayout:last-of-type .grid.later > [class*='col-']:last-child .ImgsBlcs,
.mnContentWrp .homeWrp .nLayout:last-of-type .grid.later > [class*='col-']:last-child .socialSec { padding-bottom: 0px !important; }
/*.mnContentWrp .homeWrp > div:nth-last-child(2) .grid.later > [class*='col-']:last-child .ImgsBlcs,
.mnContentWrp .homeWrp > div:nth-last-child(2) .grid.later > [class*='col-']:last-child .socialSec { padding-bottom: 0px !important; }*/
.ucProductMenu .foodMenu { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
.pagination { text-align: left; justify-content: left; margin-bottom: 0; }
.pagination ul li { margin-left: 0; margin-right: 0.7em; }
.bookingTabsUl { position: initial !important; width: 100%; margin: auto !important; margin-bottom: 15px !important; }
.bookingTabsUl + .foodMenu { margin-top: auto; }
.basketClicked .bookingTabsUl { width: calc(100% - 40px) !important; position: fixed !important; z-index: 10000; top: 90px; left: 0; right: 0; opacity: 1 !important; pointer-events: all !important; }
.cntctAddrs { padding: 20px 10px; }
.cntctAddrs .grid.fixedSpaces { margin-left: -7px !important; margin-right: -7px !important; }
.discountDiv { width: 100% !important; margin: auto !important; }
.bookingForm #lblDiscountSucc { max-width: 235px; }
body .grid:not(.later) > [class*='col-'].col-xs-6 { max-width: 50% !important; width: 100% !important; }
.payment-method { border: 1px solid #d7d7d7; padding: 0 5px; }
.edit-booking .tblSelect.tblSelectRes {
border: unset !important;
}
}
@media screen and (max-width:749px) {
.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; }
}
@media screen and (max-width:699px) {
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; }
.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; }
}
@media screen and (min-width:600px) and (max-width:979px) {
.prceTip { right: auto !important; left: -25px; }
}
@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; }
.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; }
.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%; }
.hdrSrch { position: absolute; top: 48px; right: 39px; width: 175px; background-color: transparent; }
.hdrSrch input[type="text"] { background-color: transparent; }
.hdrLnks > li { padding-left: 25px; }
.subsForm input[type="submit"],
.subsForm input[type="button"] { max-width: initial !important; width: initial !important; }
.bannerOffr1, .bannerOffr2 { font-size: 35px !important; }
.ftrbackerBT .grid.fixedSpaces [class*='col-'] { width: 50% !important; max-width: 50% !important; margin-bottom: 30px !important; }
.ftrbackerBT .grid.fixedSpaces [class*='col-']:nth-child(3) { clear: both; }
.e_bannerslider .swiper-wrapper > li { min-height: 500px; }
.booktbl h2 { font-size: 35px; }
.e_textwithbtn .title-77 { font-size: 35px; }
.errorBlk h1 { font-size: 40px; }
.errorBlk p { font-size: 18px; }
.numAddress .table .table-cell { width: 50% !important; max-width: 50% !important; float: left !important; }
.job__rpt .grid .col-3-12 { max-width: 40%; }
.job__rpt .grid .col-9-12 { max-width: 60%; }
.cntctForm .grid.fixedSpaces { margin-left: -10px !important; margin-right: -10px !important; }
.payment-method ul li iframe { min-height: 285px !important; }
.ucLocations .grid [class*='col-'] { max-width: 50%; }
}
@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 .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; }
.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; }
}
@media screen and (width:600px) {
.popup .close.loc-close { top: -37px !important; right: -20px !important; }
}
@media screen and (min-width:599px) {
.show599 { display: none; }
.hide599 { display: block; }
}
@media screen and (max-width:599px) {
.show599 { display: block; }
.hide599 { display: none; }
.cartForms ul.resp-tabs-list { padding: 15px 0px; display: inline-block; }
.cartTabs .resp-tabs-list li { margin-right: 30px; font-size: 17px; }
.cartTabs .resp-tabs-list li:after { right: -25px; }
.cartTabs .resp-tabs-list li:last-child { margin-right: 0px; }
.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; }
.srchHdr { min-width: 188px !important; margin-right: 0px !important; }
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; }
.finance-section .left.inlineBlock { display: block !important; float: none; }
.finance-section .right.inlineBlock.flRight { display: block !important; float: none !important; text-align: left !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; }
.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; }
.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;*/ }
.srchHdr { display: none; }
.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; }
div.padinnit.navtop {padding-top: 15px;padding-bottom: 15px; }
.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 .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; }
.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"] { position: initial; padding: 12px 20px 13px 20px; margin-top: 10px; width: 100%; }
.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 { /*margin-bottom: 0px;*/ margin-top: 0; }
.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; }
.prdctList .grid .grid-products { max-width: 100%; }
.listHdr { padding-bottom: 60px; }
.proFilter { bottom: 15px; }
.prdctfltrBtn { bottom: 11px; }
.prdctList .grid .grid-products { border-left: none !important; border-right: none !important; }
.prdctList .grid .grid-products:nth-last-child(2) { border-bottom: 1px solid #e8e8e8; }
.sideFilters { padding-top: 0px !important; }
.productDetail .homebacker .col-6-12 { padding: 0px !important; }
.proDesc .Desline1 .gray-proname,
.proDesc1 { font-size: 40px !important; }
.cartCount { width: 125px; }
.cartCount input[type="text"] { padding: 10px 40px; }
.cartCount .minus { height: 40px; line-height: 35px; }
.cartCount .plus { height: 40px; line-height: 35px; }
.dlryftr .grid.fixedSpaces > [class*="col-"] { width: 100% !important; max-width: 100% !important; }
.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: 30px !important; padding-bottom: 30px !important; }
.contactPage .grid .cntctForm,
.grid .cntctForm { padding-left: 0px; padding-right: 0px; }
.grid .cntctForm h2 { margin-top: 40px !important; }
.grid .cntctForm h2::before { top: -30px !important; left: 0px !important; }
.cntctNm { margin-left: 10px; }
.shadowBox .input .grid.fixedSpaces [class*="col-"] { margin-bottom: 10px; }
.shadowBox .input .grid.fixedSpaces [class*="col-"]:last-child { margin-bottom: 0px; }
.productCart .cartForms .tabItem .ordrNextBtn { float: none; /*margin-left: 10px;*/ }
.hdrLnks > li.showBskt .hdrBskt { font-size: 0; }
.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 { max-width: 100%; }
.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: 17px; }
.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; }
.sideFilters .filter-attr .cstmChk label { font-size: 12px; }
.cartTable .slctCountry { width: auto; display: inline-block; margin-right: 0px; }
.cartTable .slctCountry select { width: 105px; }
.offerPopup .popupContent .pad { padding: 30px 10px !important; }
.offerPopup .emailInpt input { padding-right: 18px; text-align: center; }
.offerPopup .emailInpt a { position: initial; display: inline-block; width: 100%; margin-top: 5px; padding: 9px 10px 12px 10px; }
.succsTop { box-shadow: none !important; margin: 70px auto 20px auto; }
.successBnr { margin-top: 0px; }
.cartTable td.tbl-qty { width: 85px; }
.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; }
.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; }
.swiper-wrapper > li .fix-12-12 { width: 100% !important; }
.bannerDesText { font-size: 14px; }
.bannerOffr1, .bannerOffr2 { font-size: 30px !important; }
.e_image { margin-bottom: 20px; }
.e_textwithbtn .title-77 { font-size: 35px; text-align: center !important; }
.e_textwithbtn .cAlignLeft { text-align: center !important; }
.e_textwithbtn .cAlignLeft .parraSEC { text-align: center !important; justify-content: center; }
.ftrClmsDiv .grid.fixedSpaces > [class*='col-'] { margin-bottom: 35px; }
.ftrbackerBT h3 { margin-bottom: 15px !important; }
.footerbottom ul li a, .ftrbackerBT ul li a { text-align: center; }
.loginSqr { width: 90%; }
.e_bannerslider .swiper-wrapper > li { padding-bottom: 100px; padding-top: 100px; /*border-radius: 0px 0px 30px 30px;*/ }
.booktbl { padding: 0px; margin-bottom: 0px; background: none; }
.booktbl h2 { font-size: 35px; }
.tblSelect li { width: 25%; }
.tblSelect li:nth-child(2) select { min-width: 135px; }
.tblSelect li select { padding: 13px 10px 14px; width: 100%; font-size: 18px; min-width: 100%; }
.tblSelect li:after { right: 5px !important; }
.odrItem { top: inherit; bottom: 0px; }
.bookMobImg { /*display: block;*/ }
.bookingForm .popupContent .pad { /*padding: 5px !important;*/ }
.bookingForm .popupContent .close { top: 0px !important; right: 0px !important; }
.bookingForm.dvAllergies .popupContent .pad { padding: 40px 30px 25px !important; }
.errorBlk h1 { font-size: 30px; }
.errorImg img { max-width: 70%; }
.errorBlk p { font-size: 20px; }
.numAddress .table .table-cell { display: block !important; }
.contactPage .cntctForm { position: initial; }
.cntctRgt iframe { position: initial; height: 300px !important; width: 100% !important; }
.numAddress { margin-bottom: 0px; }
.odrSlideTxt { /*padding-right: 0px; width: 100%; margin-bottom: 10px;*/ }
.e_imageslide .contDBox { padding-left: 0px; padding-right: 0px; }
.e_imageslide .contDBox [class*='col-'] { padding-left: 0px; padding-right: 0px; }
.bookingTabs > ul li a { padding-left: 5px; padding-right: 5px; }
.showPostcodeTab .dvCartItms,
.showPostcode .dvCartItms,
.showPostcodeDD .dvCartItms,
.showPostcodeDD.showPostcodeTab .dvCartItms,
.showPostcodeDD.showPostcodeTab.showPostcode .dvCartItms { height: auto !important; max-height: calc(100vh - 430px); }
.elePostCode p { text-align: center; }
.sidebar.makePayment { width: 95%; max-width: 95%; }
.whiteBox { padding: 25px; }
.whiteBox .voucherInput .input { padding-right: 70px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.payment-method img { float: left; max-height: auto; }
.payment-method ul li input.checked + label .voucherInput { width: 100%; }
.voucherInput input[type="submit"] { width: auto; }
.payment-method ul li label:before { left: 10px; }
.payment-method ul li label { padding-right: 20px; padding-left: 45px; }
.cntctForm .blueBtnAro { width: 100%; text-align: center; }
.edit-booking .whiteBox{padding: 5px;}
.elePostInput input[type="text"] { font-size: 15px !important; height: 48px !important; padding-left: 45px !important; padding-right: 95px !important; }
.elePostInput .fa.fa-search { top: 15px; left: 15px; font-size: 18px; }
.elePostInput button { width: auto; padding-left: 15px; padding-right: 15px; line-height: 40px; height: 40px; font-size: 13px !important; }
.elePostCode { padding: 15px; }
.elePostCode [class*='fix-'] { width: 100% !important; }
.elePostInput input[type="text"]:-ms-input-placeholder { font-size: 16px; }
.elePostInput input[type="text"]::placeholder { font-size: 16px; }
.elePostList li .fa { left: 15px; font-size: 18px; }
.elePostList li { padding-left: 45px; }
/*.elePostInput.focus input[type="text"] { border-radius: 22px 22px 0px 0px !important; }*/
.addToOdr a { padding-left: 10px; padding-right: 10px; font-size: 15px !important; }
.ucNewsLetter .subs__Form input[type="text"],
.ucNewsLetter .subs__Form .blueBtnAro { padding-left: 1.2rem; padding-right: 1.2rem; }
.ucNewsLetter .subs__Text h6 { font-size: 18px; }
.ucNewsLetter .subs__Text p { font-size: 15px; }
.xs-pt-0 { padding-top: 0 !important; }
.xs-pb-0 { padding-bottom: 0 !important; }
.xs-mt-0 { margin-top: 0 !important; }
.xs-mb-0 { margin-bottom: 0 !important; }
.xs-mt-20 { margin-top: 20px !important; }
.xs-mb-20 { margin-bottom: 20px !important; }
.payment-method ul li iframe { min-height: 285px !important; }
.locationsRpt .equal-height { height: auto !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: 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) {
}
@media screen and (max-width:500px) {
.frame-94 { padding: 12px; border: none; }
}
@media screen and (max-width:499px) {
.innerspecpad { border: solid 0px #e1e1e1 !important; }
.enterholder { width: 74% !important; }
.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; }
}
@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) {
.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; }
.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: 90%; }
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; }
.hdrLnks > li { padding-left: 20px; }
.e_imageslide .contDBox.cAlignMid,
.e_videoslide .vdWrp ul.cAlignMid { padding-top: 0px; padding-bottom: 0px; }
}
@media screen and (max-width:460px) {
.edit-booking .redBtn, .edit-booking .updBtn{
width: 100%;
text-align: center;
}
}
@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, .sliderFilter .detailCD { width: 260px; }
.offerHdng .dropdown-el.expanded, .sliderFilter .dropdown-el.expanded { width: 345px; max-width: 345px; }
.hdrLnks > li { padding-left: 10px; }
}
@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) {
}
@media screen and (max-width:360px) {
.tblSelect li:nth-child(2) select { min-width: 114px; }
.tblSelect li select,
.tblSelect li input { font-size: 15px; }
.tblSelect li:after { font-size: 25px !important; }
}
@media screen and (min-width:320px) and (max-width:999px) {
/*.contbx-wdth{width:98%!important;}*/
}
@media screen and (min-width:320px) and (max-width:667px) {
.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 { text-align: center !important; }
.ftrbackerBT { padding: 50px 0px !important; }
.footerInfo h5 { text-align: center; }
.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 { }
.popupContent .close .icn_close { }
.hdrBrndlogo { right: 10px; padding-left: 10px; min-width: 75px; float: right; }
.heading_carlist { padding-top: 15px !important; }
.offerHdng .detailCD, .sliderFilter .detailCD { position: relative; float: left; left: 0; top: 5px !important; width: 78%; }
.offerHdng .detailCD::after, .sliderFilter .detailCD::after { clear: both; display: block; content: ""; }
.offerHdng .hdrBrndlogo, .sliderFilter .hdrBrndlogo { position: initial !important; display: inline-block !important; }
.offerHdng .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 { margin-top: 30px; }
.advSrch_open .deeper { padding: 15px !important; }
.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; }*/
.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; }
.tags-container { min-height: initial; }
/*.usedcar_blk { padding: 0px; padding-top: 0px; }
.usedcars_lst .tags-container { padding: 5px; }
.usedcars_lst .usedcars_blk > .name-77 { margin-top: 0px; }
.usedcars_blk .usedcar_blk .thmbPrc .th_postCode { padding-bottom: 10px; }
.DLRbox .openingtimes { padding: 0px !important; }*/
.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: 70px; }
.searchSectopm { padding: 10px !important; }
.dtlBrdCrmb > a.srchAgn { margin-top: 5px; }
.col-12-12 { padding-left: 0px !important; padding-right: 0px !important; }
.paraFormat .textWrap h2 { font-size: 35px !important; }
.tblSelect { width: 100%; }
.pagination { flex-wrap: wrap-reverse; }
.pagingCount { margin-left: 0; width: 100%; margin-bottom: 1rem; }
.pagination a { font-size: 0.9em; height: 32px; width: 32px; }
.job__date { margin-top: 0.5rem; }
.job__title { -webkit-line-clamp: 2; }
.careerBlock { padding: 1.2rem 2rem; }
.careerBlock li { width: 100%; border-right: none; border-bottom: 1px solid #6a36c9; padding: 1.5rem 0; }
.careerBlock li:first-child { padding-top: 0.5rem; }
.careerBlock li:last-child { border-bottom: none; padding-bottom: 0.5rem; }
.date__grid .center { text-align: left !important; }
.date__grid .text-right { text-align: left; }
.date__grid .mb20:not(.text-right) { margin-bottom: 5px !important; }
.card-form-group { padding-top: 85px; }
.makePayment iframe { min-height: 320px; }
}
@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; }
}
@media screen and (min-width:320px) and (max-width:479px) {
.ebay_wdth { max-width: 100%; width: 100%; }
.vdoThumbwrp .videoThumbnail { width: 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; }
}
@media screen and (min-width:320px) and (max-width:400px) {
.sml_stitle.banner-spn1 { }
}
@media screen and (min-width:320px) and (max-width:359px) {
.bottomHdr .fix-12-12 { padding-left: 15px; padding-right: 15px; }
.offerHdng .detailCD, .sliderFilter .detailCD { width: 200px !important; }
.offerHdng .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; }
.hdrLnks > li { padding-left: 5px; }
.logotop { max-width: 80px; }
.hdrLogo { }
.topHdr > .fix-12-12 { width: calc(100% - 20px) !important; }
.hdrRgt .hdrLnks > li:first-child { left: 10px; }
.topHdr .hdrLeft .hdrLnks { left: 10px; }
.addToOdr a strong { margin: auto; display: block; margin-top: 3px; width: 100px; }
}
@media screen and (max-width:320px) {
h1.huge, .h1.huge { font-size: 50px; }
.button.uppercase,
.uppercase { letter-spacing: 0.07em; }
}
#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: 300; text-transform: none; }
.cd-hero-slider .head03 { color: #ffffff; margin-top: -4px; margin-bottom: 4px; letter-spacing: 0.2px; font-weight: 300; 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 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(../content/images/chev-left.png) no-repeat; left: -10px; }
.flex-direction-nav .flex-next {
background: url(../content/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 Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face {
font-family: 'FontAwesome';
src: url('../content/fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('../content/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../content/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../content/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../content/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../content/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal
}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-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}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.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-remove:before,.fa-close:before,.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,.fa-bar-chart: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-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.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,.fa-gratipay: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-pp: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-buoy: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-resistance: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-y-combinator-square:before,.fa-yc-square:before,.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"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
/* --------------------------------
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,
.blueBtnAro.fs18 { font-size: 18px !important; }
.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; 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 { cursor: pointer; font-size: 16px !important; font-style: normal; display: inline-block; border: 2px solid #ccc; padding: 15px 38px; text-decoration: none; transition: .3s; line-height: 1.17; color: #ffffff; border-radius: 50px; margin-top: 15px; margin-bottom: 15px; font-weight: 400 !important; letter-spacing: 0.38px; }
.blueBtnAro { }
.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: #3d3d3d; margin-bottom: 10px; font-size: 15px; opacity: .8; }*/
.list_content li { list-style: none; color: #3d3d3d; 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: #3d3d3d; position: absolute; top: 6px; left: 0px; }
.list_content li span { color: #3d3d3d; }
.click_Collect { font-size: 13px; border-radius: 3px; float: right; background: #c5253d; font-weight: 600; margin-right: 0px !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; }
.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; 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: #3d3d3d; border-radius: 3px; display: inline-block; }
.srtList { color: #3d3d3d; font-size: 24px !important; margin-top: 24px !important; }
.srtListspn { color: #c80f2e; font-size: 12px; }
.srtListclr { color: #c80f2e; }
.srtListpra { padding-top: 5px; font-weight: 600; font-size: 14px !important; text-transform: uppercase; padding-bottom: 18px; }
.itaTX { border-bottom: 1px dotted #ababab; text-decoration: none; }
.bdr0 { border-bottom: solid 0px #e1e1e1; }
.bdrnone { border: solid 0px #e1e1e1; }
.ofrTri { font-weight: 600; margin-top: 14px; 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 --*/
.brdGray { border-bottom: solid 0px #e1e1e1; }
.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 { background: #fff; border-radius: 50px; margin: auto 5px; color: #3f3f3f !important; padding: 12px 20px !important; vertical-align: middle; display: inline-block; font-size: 13px; text-transform: initial; }
.blueButton02 { background: #fff; border-radius: 50px; margin: auto 5px; padding: 12px 20px !important; vertical-align: middle; display: inline-block; text-transform: initial; font-size: 16px; font-style: normal; font-weight: 300; letter-spacing: 0.38px; line-height: 24px; transition: all 0.2s ease; opacity: 1 !important; }
.blueButton02:hover { transform: scale(0.9); }
.blueButton02:hover { box-shadow: none !important; }
.inrTx { position: absolute; right: 14px; top: 12px; }
.inrTx.tp09 { top: 9px; }
.goBtmBtn { margin-top: 40px; }
.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; }
.faIcon_squ.mr5 { margin-right: 5px; }
.mlMinus { margin-left: -2px; }
.mlMinus03 { margin-left: -3px; }
.mlIcon { margin-right: 2px; }
.mrDeail { 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; 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 !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; }
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: 400; font-size: 38px; color: #333; border-bottom: solid 0px; padding-bottom: 4px; letter-spacing: -0.5px; margin-top: 38px; line-height: 1; position: relative; display: inline-block; }
.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: rgb(226, 226, 226); }
.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 { position: relative; padding: 130px 0px; }
.ftrbackerBT .linkPra { color: #fff; font-weight: 600; }
.ftrbackerBT .lnkColor { color: #e1e1e1; }
.ftrbackerBT .grid p { margin-bottom: 7px; }
.footerbottom ul li a, .ftrbackerBT ul li a { color: #fff; }
.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: #3d3d3d; 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: #3d3d3d; 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: #3d3d3d; 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; }
.pstCode .col-12-12 { padding: 0px !important; text-align: center !important; max-width: 250px !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;*/ background-repeat: no-repeat; background-size: cover; background-position: center; }
.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; }
.paraFormat ul { padding-left: 30px; }
.paraFormat ol { padding-left: 25px; margin-left: 0 !important; }
.paraFormat table ul { padding-left: 20px; }
.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: 28px; 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; }
.sldVDO .vdoSap { 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 { height: 2px; width: 28px; margin-bottom: 8px; }
.vdobgBX .monFam { font-weight: 100; }
.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; line-height: 1.65; }
.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; 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 { 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 { -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; }
.resultButton { text-align: center; padding-top: 10px; }
.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; 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; }
.edit-booking .updateHeading{
margin: 20px 0;
}
.edit-booking .tblSelect {
box-shadow: unset !important;
border: 1px solid #e8e8e8 !important;
}
.edit-booking .custom-btn {
display: flex;
justify-content: end;
gap: 10px;
flex-wrap: wrap;
}
.edit-booking .redBtn {
background-color: #D21919;
border-color: #D21919 !important;
margin: 0px;
}
.edit-booking .updBtn{
margin: 0px;
}
@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: #0000FF !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; 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: #3d3d3d; }
.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; }
.spnClor { color: #fff; font-size: 15px; }
.regEnq { font-weight: 100; letter-spacing: 1.2px; margin-bottom: 10px; }
.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 .fa { font-size: 20px; }
.button.actionButton svg { width: 22px; height: 22px; fill: #666666 !important; }
.button svg { width: 22px; height: 22px; fill: #fff !important; }
.button.actionButton:hover { background: #f1f1f1; -webkit-box-shadow: none; box-shadow: none; }
.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; 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; }
.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;*/ }
.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 { height: auto !important; position: relative !important; /*position: static!important;*/ }
.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 .thumbnail-77 { height: 115px !important; }
.usdDtl .phone_icon { padding-right: 10px; }
.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;*/ }
.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;*/ }
.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 { 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 (max-width:768px) {
.fix-12-12.customWidth {
width: 100% !important;
}
.fix-12-12.customWidth .bookingTabsUl {
width: calc(100% - 30px)!important;
margin-left:auto;
margin-right:auto;
}
}
@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;*/ }
.formHead .errormsg { position: absolute; right: 16px; bottom: 47px; font-size: 11px; }
.formHead label { font-size: 14px; color: #000; }
.formHead textarea { max-height: 100px; min-height: 100px; }
.formHead label span,
.formHead select { color: #5d5d5d; font-size: 14px; }
.formHead input.floatplaceholder, .formHead textarea.floatplaceholder { padding: 15px; border: 1px solid #ccc; font-size: 15px; outline: none; border-radius: 10px; width: 100%; max-width: 100%; margin: auto; }
.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 { }
.formHead input.floatplaceholder:focus + label, .formHead textarea.floatplaceholder:focus + label { }
.formHead input.floatplaceholder:focus, .formHead input.floatplaceholder:valid { }
.formHead textarea.floatplaceholder:valid, .formHead textarea.floatplaceholder:focus { }
.formHead input.floatplaceholder:focus + label > span, .formHead input.floatplaceholder:valid + label > span { }
.formHead textarea.floatplaceholder:focus + label > span, .formHead textarea.floatplaceholder:valid + label > span { }
.formHead input.floatplaceholder:valid + label, .formHead textarea.floatplaceholder:valid + label { }
.formHead input.floatplaceholder:invalid, .formHead textarea.floatplaceholder:invalid { }
.formHead input.floatplaceholder + label > span, .formHead textarea.floatplaceholder + label > span { }
.formHead textarea.floatplaceholder + label > span { }
.formHead textarea.floatplaceholder + label + span { }
.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; 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 { border-top: solid 3px #03a9f4; border-bottom: solid 1px; }
.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: 625px; padding: 18px; padding-top: 14vh; background-size: cover !important; background-position: center; display: block; }
.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: 65px; margin: auto; margin-bottom: 15px; font-weight: 300; }
.bannerOffr2 { font-size: 65px; margin: auto; margin-bottom: 15px; font-weight: 300; }
.bannerDesText { font-size: 20px; max-width: 600px; margin: auto; }
.bannerOffr1 span { font-size: inherit; }
.bannerOffr2 span { font-size: inherit; }
.bannerDesText span { font-size: inherit; line-height: 1.5; }
.e_bannerslider .cd-full-width.cAlignCenter { margin: auto; margin-top: 25px !important; max-width: 100%; }
.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 .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; 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; 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; 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; 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: 30px; font-size: 15px; margin-top: 0px; }
.cstmChk label:before { content: ""; display: block; position: absolute; left: 5px; width: 20px; height: 20px; border-radius: 4px; border: solid 1px #e1e1e1; 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: 7px; height: 12px; border-right: 3px solid; border-bottom: 3px solid; 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; }*/
@media screen and (max-width:1023px) {
.odrList h2.odrHead.active {background-color:transparent !important; }
}
.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; /* transform: scale(0); */ /* z-index: 300; */ z-index: 999999; }
.modal-container { overflow-y: auto; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.modal-background > div { height: 100%; display: block; overflow: auto; }
/*.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: 25px !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}