/*Common css for Login, Expiry, Enquiry forms, etc pages*/ @charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, hr, 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; } ol, ul, li { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } b, strong { font-family: 'OCE Bold', Arial; } *, *:before, *:after { box-sizing: inherit; } html { position: static!important; top: 0!important; box-sizing: border-box; margin: 0; padding: 0; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; max-width: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent; } html.scrollable { overflow-y: auto; -webkit-overflow-scrolling: touch; } body { position: absolute; width: 100%; height: 100%; } img { max-width: 100%; display: inline-block; } img.rounded { border-radius: 3px; } .slides { /*color: #fff;*/ fill: #fff; font-family: 'OCE', Arial; background: #fff; -webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed; } .safari.retina .slides { -webkit-font-smoothing: subpixel-antialiased; } .slides.bodyWhite { background: #fff; } .slides.desktopSwipe { cursor: -webkit-grab; } .slides.desktopSwipe:active { cursor: -webkit-grabbing; } .slides.desktopSwipe .slide .container .wrap { cursor: inherit; } /* typography */ a { cursor: pointer; color: inherit; text-decoration: none; -webkit-transition: 0.35s; transition: 0.35s; } a.underline { text-decoration: underline; } a:hover { -webkit-transition: 0.15s; transition: 0.15s; opacity: 0.8; } h1, .h1 { font-size: 40px; line-height: 1.05; font-family: 'OCE Medium', Arial; font-weight: 300; margin-bottom: 20px; letter-spacing: -0.036em; } h1.big, .h1.big { font-size: 70px; line-height: 1; } h1.huge, .h1.huge { font-size: 100px; line-height: 1; letter-spacing: -0.04em; margin-bottom: 40px; } h1.small, .h1.small { font-size: 46px; } h1.micro, .h1.micro { font-size: 34px; } h2, .h2 { font-size: 35px; line-height: 1.17; margin-bottom: 15px; font-family: 'OCE Medium', Arial; font-weight: 400; } h2.uppercase, .h2.uppercase { letter-spacing: 0.2em!important; } h2.small, .h2.small { font-size: 23px; } h2.micro, .h2.micro { font-size: 19px; } h2.huge, .h2.huge { font-size: 45px; } h3, .h3 { font-size: 18px; margin-bottom: 12px; font-family: 'OCE Medium', Arial; font-weight: normal; color: #333; } h3.large, .h3.large { font-size: 32px; } h3.big, .h3.big { font-size: 24px; } h3.small, .h3.small { font-size: 20px; } h3.micro, .h3.micro { font-size: 16px; } h3 + h1, h3 + .h1, .h3 + h1, .h3 + .h1 { margin-top: 30px; } h4, .h4 { font-size: 22px; font-family: 'OCE Medium', Arial; margin-bottom: 10px; } h4.small, .h4.small { font-size: 13px; } h4.micro, .h4.micro { font-size: 5px; } h5, .h5 { font-size: 19px; font-family: 'OCE Medium', Arial; font-weight: 600; margin-bottom: 3px; } p, .p { font-size: 24px; line-height: 1.385; margin-bottom: 30px; } p.hero, .p.hero { font-size: 36px; line-height: 1.25; letter-spacing: -1px; font-weight: 300; margin-bottom: 25px; } p.large, .p.large { font-size: 32px; line-height: 1.4; } p.small, .p.small { font-size: 22px; line-height: 1.36; margin-bottom: 20px; } p.tiny, .p.tiny { font-size: 20px; line-height: 1.29441; margin-bottom: 20px; } p:not(.hero) + p, .p:not(.hero) + p { margin-top: -20px; } p.micro, .p.micro { font-size: 17px; line-height: 1.22727273; margin-bottom: 20px; margin-top: 2px; } p + h2, p + .h2, .p + h2, .p + .h2 { margin-top: 60px; } small { font-size: 17px; line-height: 1.3; } small .small { font-size: 14px; line-height: 1.28; } .uppercase { text-transform: uppercase!important; letter-spacing: 0.15em!important; text-indent: 0.1em!important; font-family: 'OCE Bold', Arial; } .bckbtn { display: none; } .show599 { display: none!important; } .show600 { display: none!important; } .show767 { display: none!important; } .show768 { display: none!important; } .show1199 { display: none!important; } /* buttons */ .button { display: inline-block; border-radius: 3px; padding: 13px 22px 16px; color: #fff; border: none; outline: none; text-decoration: none; background: #202020; font-size: 20px; font-weight: 600; text-align: center; vertical-align: top; cursor: pointer; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; white-space: nowrap; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); box-shadow: inset 0 -100px 0 transparent; -webkit-appearance: none; margin-bottom: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.25s; transition: 0.25s; } .slide .button { margin-left: 7px; margin-right: 7px; } .slide .button.small { margin-left: 4px; margin-right: 4px; } .button .material-icons { vertical-align: bottom; margin-right: 11px; } .button .material-icons.right { margin-left: 11px; margin-right: 0px; } .button svg { width: 22px; height: 22px; vertical-align: bottom; margin-right: 14px; pointer-events: none!important; position: relative; } .button svg * { pointer-events: none!important; } .button.actionButton { display: inline-block; height: 50px; width: 50px; padding: 14px; border-radius: 25px; z-index: 999; background: rgba(40, 40, 40, 0.6); line-height: 1; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05); cursor: pointer; -ms-touch-action: manipulation; touch-action: manipulation; vertical-align: top; } .button.actionButton .material-icons { margin: 0; position: relative; left: -2px; top: -2px; font-size: 26px; } .button.actionButton.stroke { box-shadow: none; } .button.actionButton:hover { background: rgba(41, 41, 41, 0.8); } .button.actionButton.rounded { border-radius: 6px; } .button.actionButton.rectangular { border-radius: 2px; } .button.actionButton svg, .slide.whiteSlide .button.actionButton svg { fill: #fff; } .button.actionButton.sound [class*="sound-"] { position: absolute; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; left: 13px; } .button.actionButton.sound.playing .sound-on, .button.actionButton.sound:not(.playing) .sound-off { opacity: 1; } .button.actionButton.transparent { background-color: transparent; box-shadow: none; } .button:hover { -webkit-transition: 0.25s!important; transition: 0.25s!important; opacity: 1; box-shadow: inset 0 -100px 0 rgba(0, 0, 0, 0.075), 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.1); } .button:active { -webkit-transition: opacity 0.25s, top 0.25s, -webkit-transform 0.25s!important; transition: opacity 0.25s, top 0.25s, -webkit-transform 0.25s!important; transition: transform 0.25s, opacity 0.25s, top 0.25s!important; transition: transform 0.25s, opacity 0.25s, top 0.25s, -webkit-transform 0.25s!important; box-shadow: inset 0 -100px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 0px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 4px -1px rgba(0, 0, 0, 0.1); top: 1px; } .button.uppercase { font-size: 17px; font-family: 'OCE Bold', Arial; padding-top: 16px; padding-bottom: 16px; } .button.uppercase.small { font-size: 15px; padding-left: 20px; padding-right: 20px; } .button:not(.stroke) svg { fill: #fff; } .button.round { border-radius: 99px; padding-left: 28px; padding-right: 28px; } .button.rounded { border-radius: 6px; } .button.square { border-radius: 0px; } .button.stroke { color: #303030; border: 2px solid; background-color: transparent!important; padding-top: 12px; padding-bottom: 13px; padding-left: 23px; padding-right: 23px; } .button.stroke.round { padding-left: 26px; padding-right: 26px; } .button.stroke.uppercase { padding-top: 14px; padding-bottom: 14px; } .button.stroke.uppercase svg { width: 19px; height: 19px; } .button.stroke.uppercase.small { padding-top: 9px; padding-bottom: 10px; padding-left: 23px; padding-right: 23px; } .button.stroke.small { border: 1px solid; padding-top: 8px; padding-bottom: 8px; } .button.stroke:hover { box-shadow: inset 0 -100px 0 rgba(41, 41, 41, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.1); } .button.small { font-size: 17px; font-weight: 600; padding: 9px 14px 9px; } .button.small .material-icons { vertical-align: bottom; position: relative; font-size: 20px; margin-right: 8px; bottom: 1px; } .button.small .material-icons.right { margin-left: 8px; margin-right: 0px; } .button.small svg { width: 18px; height: 18px; margin-right: 10px; bottom: 2px; } .button.small.round { padding-left: 18px; padding-right: 18px; } .button.small.rounded { border-radius: 5px; } .button.small.uppercase { font-size: 15px; padding: 10px 16px 11px; } .button.small.uppercase.round { padding-left: 19px; padding-right: 19px; } .button.small.uppercase svg { bottom: 0; } .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.hollow svg { margin: 0; } .button.shade { position: relative; } .button.shade:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #292929; opacity: 0; -webkit-transition: 0.25s; transition: 0.25s; } .button.shade:hover:after { opacity: 0.15; } .button.shade:active:after { opacity: 0.2; } .button.play { width: 90px; height: 90px; border-radius: 50%; padding: 27px; margin-left: 0px; margin-right: 0px; } .button.play svg { fill: #fff; width: 35px; height: 36px; margin: 0; } .button.play.small { width: 60px; height: 60px; border-radius: 50%; padding: 20px 19px; } .button.play.small svg { fill: #fff; width: 23px; height: 23px; } .button.play:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .button.lowercase { text-transform: lowercase; letter-spacing: 0em; font-weight: 300; } .slide.whiteSlide .button.stroke { color: #303030; } .slide.whiteSlide .button.white:hover { box-shadow: 0 0 0 1px rgba(41, 41, 41, 0) inset, inset 0 -100px 0 rgba(41, 41, 41, 0.06), 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.06), 0 2px 4px -1px rgba(0, 0, 0, 0.18); } .roundButton { border-radius: 50px; height: 50px; width: 50px; padding: 14px; margin: 5px; } .roundButton svg { bottom: 2px; } /* buttons */ .h2click .button { font-size: 14px !important; padding: 15px 22px; text-transform: uppercase; padding-left: 44px; padding-right: 44px; border-radius: 99px; letter-spacing: 1px !important; } .slide .button { margin-left: 0px; margin-right: 5px; } .button.small { font-size: 12px; font-weight: 400!important; } .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%; background: #292929; opacity: 0; } .button.shade:hover:after { opacity: 0.15; } .button.shade:active:after { opacity: 0.2; } .slide.whiteSlide .button.white { -webkit-box-shadow: 0 0 0 4px rgba(41,41,41,0.2) inset, inset 0 -100px 0 rgba(41,41,41,0); box-shadow: 0 0 0 4px rgba(41,41,41,0.2) inset, inset 0 -100px 0 rgba(41,41,41,0); } .slide.whiteSlide .button.white:hover, .slide.whiteSlide .tabsbtn:hover { color: #ffffff!important; background-color: #dd0000; -webkit-box-shadow: 0 0 0 1px rgba(41,41,41,0) inset, inset 0 -100px 0 rgba(41, 41, 41, 0.06), 0 4px 6px 0 rgba(0, 0, 0, 0.1),0 1px 10px 0 rgba(0, 0, 0, 0.06),0 2px 4px -1px rgba(0, 0, 0, 0.18); box-shadow: 0 0 0 1px rgba(41,41,41,0) inset, inset 0 -100px 0 rgba(41, 41, 41, 0.06), 0 4px 6px 0 rgba(0, 0, 0, 0.1),0 1px 10px 0 rgba(0, 0, 0, 0.06),0 2px 4px -1px rgba(0, 0, 0, 0.18); } .button:hover, .tabsbtn:hover { opacity: 1; -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); } .button:active, .tabsbtn:active { transition: opacity 0.25s, position 0s!important; -webkit-transition: 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; } .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 { fill: #fff; width: 30px; height: 30px; } .button.play.small { width: 60px; height: 60px; border-radius: 50%; padding: 21px; } .button.play.small svg { fill: #fff; width: 18px; height: 18px; } .tabsbtn.square { border-radius: 0px; padding-left: 30px; padding-right: 18px; } .tabsbtn.square .fa { position: absolute; left: 13px; font-size: 14px; } .lowercase { text-transform: lowercase; letter-spacing: 0em; font-weight: 300; } .button.stroke { border: 2px solid; background-color: transparent!important; padding-top: 10px; padding-bottom: 10px; } .button.stroke.uppercase { padding-top: 13px; padding-bottom: 13px; } .slide.whiteSlide .button.stroke { color: #303030!important; background: transparent!important; } .button.stroke:hover { -webkit-box-shadow: inset 0 -100px 0 rgba(41,41,41,0.05), 0 4px 6px 0 rgba(0,0,0,.1),0 1px 10px 0 rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.1); box-shadow: inset 0 -100px 0 rgba(41,41,41,0.05), 0 4px 6px 0 rgba(0,0,0,.1),0 1px 10px 0 rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.1); } .button.actionButton svg, .button svg { width: 22px; height: 22px; fill: #fff!important; } .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 */ .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } .material-icons.md-18 { font-size: 18px; } .material-icons.md-24 { font-size: 24px; } .material-icons.md-36 { font-size: 36px; } .material-icons.md-48 { font-size: 48px; } .slide.whiteSlide svg { fill: #303030; } .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; } .dots { font-size: 0; } .dot { padding: 8px; display: inline-block; } .dot:after { content: ""; display: inline-block; width: 6px; height: 6px; background: #fff; border-radius: 50%; opacity: 0.5; -webkit-transition: 0.25s; transition: 0.25s; } .dots.big .dot:after { width: 14px; height: 14px; } .slide.whiteSlide .dot:after { background: #303030; } .dot:hover:after { -webkit-transform: scale(1.33333); transform: scale(1.33333); opacity: 1; } .dot:active:after, .dot.selected:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .tabs { border: 1px solid #fff; color: #fff; max-width: 260px; border-radius: 5px; } .tabs li { border: 1px solid #fff; padding: 15px 20px; letter-spacing: 2.5px; font-size: 17px; -webkit-transition: 0.15s; transition: 0.15s; } .tabs li:first-child { border-radius: 4px 4px 0 0; } .tabs li:last-child { border-radius: 0 0 4px 4px; } .tabs li.selected { background: #fff; color: #303030; } .whiteSlide .tabs, .whiteSlide .tabs li { border: 1px solid #303030; color: #303030; } .whiteSlide .tabs li.selected { background: #303030; color: #fff; } .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: 140px; line-height: 1.26; margin-bottom: 20px; font-weight: 200; } .currency { font-size: 40px; vertical-align: super; font-weight: 400; padding-right: 10px; margin-left: -0.8em; opacity: 0.6; position: relative; top: -16px; } .social-circles { font-size: 0; } .social-circles li { display: inline-block; } .social-circles li svg { width: 22px; height: 22px; fill: #fff; } /* forms */ form { /*font-size: 0;*/ } form textarea { max-height: 200px; max-width: 100%; min-height: 130px; } form textarea.round { border-radius: 15px!important; } form label, form .label { display: block; font-size: 17px; margin-top: 12px; margin-bottom: 7px; } form label.uppercase, form .label.uppercase { font-size: 14px; } form input[type="text"], form input[type="name"], form input[type="email"], form input[type="password"], form input[type="tel"], form textarea, form select { position: relative; background: #ffffff; border: 2px solid #ccc !important; padding: 8px 15px; box-shadow: none; font-size: 14px!important; font-family: 'OCE Bold', Arial; color: #242424; outline: none; border-radius: 3px; width: 100%; max-width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: 0.15s; transition: 0.15s; margin-bottom: 10px; margin: auto; height: 42px; } form input[type="text"]:after, form input[type="name"]:after, form input[type="email"]:after, form input[type="password"]:after, form input[type="tel"]:after, form textarea:after, form select:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; } form select { background-image: url(../images/downIcon.png); background-repeat: no-repeat; background-position: center right 13px; background-size: 10px; overflow: hidden !important; text-overflow: ellipsis; padding-right: 30px; cursor: pointer; } form select option { font: -moz-pull-down-menu; font-weight: bold; } form input[type="text"].wide, form input[type="name"].wide, form input[type="email"].wide, form input[type="password"].wide, form input[type="tel"].wide, form input[type="submit"].wide, form button[type="submit"].wide, form select.wide, form textarea.wide, form label.wide { max-width: 100%; width: 100%; } form.center input, form.center textarea { text-align: center; } form.wide input[type="text"], form.wide input[type="name"], form.wide input[type="email"], form.wide input[type="password"], form.wide input[type="tel"], form.wide input[type="submit"], form.wide button[type="submit"], form.wide select, form.wide textarea, form.wide label { max-width: 100%; width: 100%; margin: 8px 0; } form.wide input[type="text"], form.wide input[type="name"], form.wide input[type="email"], form.wide input[type="password"], form.wide input[type="tel"], form.wide input[type="submit"], form.wide button[type="submit"], form.wide select, form.wide textarea, form.wide label { max-width: 100%; width: 100%; margin: 2px 0; } form select { } .icnInput { position: relative; } .icnInput:after { content: "\f040"; display: block; clear: both; font-size: 20px; font-family: 'FontAwesome'; position: absolute; top: calc(50% - 8px); right: 11px; z-index: 99; color: #000; opacity: 0.6; } /*** * _____ _ _ * / ___/| ( ) | | * | (___ | |_ __| | ________ * \___ \| | |/ _` |/ , / __/ * ____) | | | (_| | __\__ \ * /_____/|_|_|\__,_|\___/___/ * * */ .slide { position: fixed; width: 100%; height: 100%; /*background: #303030; overflow: hidden;*/ background: #ffffff; /*color: #fff;*/ z-index: 10; } .slide.active { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mobile .slide { visibility: hidden; } .mobile .slide.active { visibility: visible; } .slide.whiteSlide { color: #303030; background: #fff; } .content { position: absolute; /*overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden;*/ top: 0; left: 0; width: 100%; height: 100%; 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;*/ } .sidebarShown .slides { background: #111; } .sidebarShown .panel.top { opacity: 0!important; } /* Background Fade */ .fade .content { background: rgba(17, 19, 20, 0.6); } /*default*/ .fade-1 .content { background: rgba(17, 19, 20, 0.1); } .fade-2 .content { background: rgba(17, 19, 20, 0.2); } .fade-3 .content { background: rgba(17, 19, 20, 0.3); } .fade-4 .content { background: rgba(17, 19, 20, 0.4); } .fade-5 .content { background: rgba(17, 19, 20, 0.5); } .fade-6 .content { background: rgba(17, 19, 20, 0.6); } .fade-7 .content { background: rgba(17, 19, 20, 0.7); } .fade-8 .content { background: rgba(17, 19, 20, 0.8); } .fade-9 .content { background: rgba(17, 19, 20, 0.9); } .whiteSlide[class*="fade"] .content { background: rgba(255, 255, 255, 0.85); } .container { display: table; table-layout: fixed; position: relative; width: 100%; height: 100%; } .container .wrap { display: table-cell; text-align: center; vertical-align: top; } .container1 > .wrap { text-align: center; } .make_wrap .wrap { vertical-align: top; } .container .wrap .overflowHidden { overflow: hidden; } .container .wrap * { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .wrap.wel_area { padding-top: 120px; padding-bottom: 50px; } .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 .background iframe, .popup .background iframe { border: 0; position: absolute; top: 0; left: 0; } .slide:not(.youtube) .background iframe, .popup:not(.youtube) .background iframe { width: 100%; height: 100%; } .fix-1-12 { max-width: 93px!important; } .fix-2-12 { max-width: 186px!important; } .fix-3-12 { max-width: 279px!important; } .fix-4-12 { max-width: 371px!important; } .fix-5-12 { max-width: 464px!important; } .fix-6-12 { max-width: 557px!important; } .fix-7-12 { max-width: 650px!important; } .fix-8-12 { max-width: 743px!important; } .fix-9-12 { max-width: 836px!important; } .fix-10-12 { max-width: 928px!important; } .fix-11-12 { max-width: 1021px!important; } [class*='fix-'] { width: 100%!important; margin-left: auto!important; margin-right: auto!important; float: none; } .fix-12-12 { width: 1200px!important; max-width: 90%; } .fix-12-12 .fix-12-12 { max-width: 100%; } .toLeft, .toLeft[class*='fix-'] { margin-left: 0!important; margin-right: auto!important; } .toRight, .toRight[class*='fix-'] { margin-right: 0!important; margin-left: auto!important; float: right; } .toCenter { margin-left: auto!important; margin-right: auto!important; } .fix-12-12.footerDiv { max-width: 1114px !important; } .footerDiv .button.actionButton { background: rgb(41 63 139); } .footerDiv .button.actionButton:hover { background: rgb(45 163 134); } .footerDiv { margin-bottom: 30px; } .footerDiv .footerBtm { text-align: right !important; } .footerDiv .bottomFtr { align-items: center; justify-content: flex-start; margin-bottom: 25px; display: flex; } .footerDiv .bottomFtr .logo { display: inline-block; font-size: 0; } .footerDiv .bottomFtr .logo img { margin-top: 0 !important; } .footerDiv .bottomFtr > [class*=col-] { max-width: initial; width: auto; } .footerDiv .bottomFtr > [class*=col-]:first-child { margin-right: 25px; font-size: 0; } .footerDiv .bottomFtr > [class*=col-] a:after { content: ""; height: 15px; width: 2px; display: inline-block; background: #000; margin-left: 15px; margin-bottom: -2px; opacity: 0.3; } .footerDiv .bottomFtr > [class*=col-] a { position: relative; } .footerDiv .bottomFtr > [class*=col-]:first-child a:after { display: none; } .footerDiv .bottomFtr > [class*=col-]:last-child a:after { display: none; } .footerDiv .bktop.actionButton { float: right; margin: -115px 0 20px !important; } .sidebarShown .footerWrap { position: relative; z-index: -1; opacity: .5; background-color: #FFF; } .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; } .slide.video .background video::-webkit-media-controls { display: none!important; } .slide.video .background video::-webkit-media-controls-panel { display: none!important; -webkit-appearance: none; } .slide.video .background video::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none; } html:not(.mobile) .slide.video .background[style] { background: none!important; } .mobile .slide.video .background[style] video { display: none; } .videoThumbnail { cursor: pointer; position: relative; font-size: 0; overflow: hidden; line-height: 0; } .videoThumbnail.shadow { box-shadow: 0 32px 44px 0 rgba(0, 0, 0, 0.6); } .videoThumbnail:after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url("../assets/svg/video-icon.svg") no-repeat; background-position: center center; -webkit-transition: 0.5s; transition: 0.5s; } .videoThumbnail:not(.noTint):hover:after { background-color: rgba(0, 0, 0, 0.15); } .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.shadow { box-shadow: 0 9px 24px 0 rgba(0, 0, 0, 0.6); } .videoThumbnail.small:after { background-size: 44px; } .shadow, .button.empty.shadow:hover { box-shadow: 0 32px 44px 0 rgba(0, 0, 0, 0.6); } .pad { border-radius: 6px; padding: 10%; color: #303030; background: #fff; overflow: hidden; } .pad.shadow { box-shadow: 0 35px 54px rgba(0, 0, 0, 0.3), 0 5px 20px rgba(0, 0, 0, 0.07), 0 0px 1px rgba(0, 0, 0, 0.12); } .pad.shadow.stroke { background: transparent; -webkit-transition: 0.15s; transition: 0.15s; color: #fff; } .pad.shadow.stroke:hover { background: #fff; color: #303030; -webkit-transition: 0.15s; transition: 0.15s; } .pad.shadowHover { -webkit-transition: 0.5s; transition: 0.5s; box-shadow: 0 52px 64px transparent; } .pad.shadowHover:hover { box-shadow: 0 52px 64px rgba(0, 0, 0, 0.5); } .pad small { font-size: 15px; line-height: 1.45; margin: 15px 0; } .quoteBubble { padding: 7%; background: #fff; font-size: 26px; color: #303030; position: relative; } .quoteBubble:after { content: ""; position: absolute; bottom: -13px; left: 6%; border-width: 13px 13px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; } .quoteName { padding-top: 26px; font-size: 22px; font-weight: 600; } .quoteTitle { font-weight: 400; opacity: 0.8; } .slide.whiteSlide .quoteBubble { background: #303030; color: #fff; } .slide.whiteSlide .quoteBubble:after { border-color: #303030 transparent; color: #fff; } .resizing .equalElement { -webkit-transition: 0s!important; transition: 0s!important; } .hr { position: relative; height: 1px; } .hr:after { content: ""; position: absolute; bottom: 0; width: 100%; background: rgba(255, 255, 255, 0.2); height: 1px; left: 0; -webkit-transform: scaleX(3); transform: scaleX(3); } .whiteSlide .hr:after { background: rgba(41, 41, 41, 0.05); } html.mobile .hideForMobile { display: none!important; } html.mobile .showForMobile { display: block!important; } html.mobile .showForMobileInline { display: inline!important; } .helpBubble { cursor: pointer; } .helpBubble:after { content: "?"; font-size: 14px; width: 17px; height: 17px; line-height: 1.2; background: #303030; opacity: 0.3; color: #fff; border-radius: 50%; display: inline-block; margin-left: 4px; font-family: 'OCE Bold', Arial; -webkit-transition: 0.25s; transition: 0.25s; } .helpBubble .helpMessage { background: rgba(255, 255, 255, 0.98); color: #303030; font-size: 17px; position: absolute; z-index: 10; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.07), 0 6px 8px rgba(0, 0, 0, 0.05); 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; color: rgba(48, 48, 48, 0.7); } .helpBubble .helpMessage strong { color: #303030; } .helpBubble:hover .helpMessage { pointer-events: all; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; } .helpBubble:hover:after { opacity: 1; } @-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% { -webkit-transform: translateY(0px); transform: translateY(0px); } 90% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } .nextSlide, .prevSlide { cursor: pointer; } .nextSlide:hover, .prevSlide:hover { -webkit-transition: 0.15s; transition: 0.15s; } .nextSlide:active, .prevSlide:active { opacity: 0.75; } .firstSlide.lastSlide .nextSlide, .firstSlide.lastSlide .prevSlide { opacity: 0; } /* preloader */ html:not(.page-loaded) .slides.animated:not(.noPreload) .slide.selected, html:not(.page-loaded) .slides.animated.scroll:not(.noPreload) .slide { opacity: 0.2!important; } .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(0.64, 0.48, 0.55, 0.64); animation: loading 3s infinite cubic-bezier(0.64, 0.48, 0.55, 0.64); } .page-loaded .slides .loadingIcon svg { -webkit-animation: none; animation: none; } .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 { -webkit-transform: rotate(-1080deg); transform: rotate(-1080deg); } } /*** * _____ _ * / ___/( ) | | * | (___ _ __| | ___ * \___ \| |/ _` |/ _ \ * ____) | | (_| | __/ * /_____/|_|\__,_|\___/ * * */ .side { position: fixed; right: 0; top: 0; bottom: 0; height: 100%; z-index: 100; padding: calc(3% + 50px) 3%; 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); /* compact navigation */ /* for nav in panel */ } .page-loaded .side { opacity: 1; } .side.large { padding: calc(5.56% + 50px) 5%; } .side.left { left: 0; right: inherit; } .side.right { right: 0; left: inherit; } .side.compact { padding: 30px 4%; } .side.compact .navigation li { width: 15px; height: 7px; margin: 0; box-shadow: none; border-radius: 0; background: #fff; opacity: 0.2; padding: 1px; cursor: pointer; } .side.compact .navigation li.selected, .side.compact .navigation li:hover { opacity: 1; } .side.compact .navigation li:after { display: none; } .side.compact .navigation li:before { margin: 0 -12px; top: -10px; } .whiteSlide .side.compact .navigation li { background: #303030; } .side.compact:not(.square) .navigation li:first-child { border-radius: 10px 10px 0 0; } .side.compact:not(.square) .navigation li:last-child { border-radius: 0 0 10px 10px; } .panel .side { position: relative; display: inline; height: auto; padding: 0; } .slides.whiteSlide .side svg:not([fill]) { fill: #303030; } .navigation { display: table; height: 100%; /* sizes */ /* navigation styles */ /* stroke */ /* square */ /* diamond */ /* nav colors for white slide */ } .navigation ul { display: table-cell; vertical-align: middle; } .navigation * { pointer-events: all; } .navigation li { fill: #fff; display: block; background: transparent; padding: 9px; margin: 0 -9px; cursor: pointer; position: relative; } .navigation li:after { content: ""; display: block; width: 15px; height: 15px; border-radius: 7px; opacity: 0.5; background: #fff; box-shadow: 0 0 1px #303030; -webkit-transition: opacity 0.25s, background 0.25s; transition: opacity 0.25s, background 0.25s; } .navigation li.selected:after { opacity: 1; } .navigation li:hover:after { opacity: 1; } .medium .navigation li { padding: 11px; margin: 0 -11px; } .medium .navigation li:after { width: 10px; height: 10px; border-radius: 5px; } .small .navigation li { padding: 13px; margin: 0 -9px; } .small .navigation li:after { width: 6px; height: 6px; border-radius: 3px; } .navigation li[data-title]:before { content: attr(data-title); position: absolute; left: 0; top: 1px; background: rgba(40, 40, 40, 0.7); color: #fff; 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%); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); } .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; top: -2px; } .stroke .navigation li:after { border-color: #fff; border-style: solid; border-width: 2px; background-color: transparent; } .stroke.small .navigation li:after { border-width: 1px; } .stroke .navigation li.selected:after { background: #fff; } .stroke .navigation li:hover:after { background: #fff; } .square .navigation li:after { border-radius: 0; } .square.small .navigation li:after { border-radius: 0; } .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); } .slides.whiteSlide .navigation li:after { background: #303030; box-shadow: 0 0 1px #fff; } .slides.whiteSlide .stroke .navigation li:after { border-color: #303030; background: transparent; } .slides.whiteSlide .stroke .navigation li:hover:after { background: #303030; } .slides.whiteSlide .stroke .navigation li.selected:after { border-color: #303030; background: #303030; } .panel .navigation, .panel .navigation ul { display: inline; } .panel .navigation li { display: inline-block; margin: -9px 0; } .panel .side.small .navigation li { margin: 0; } .navigation .sideArrow { width: 31px; height: 72px; margin: 0px -9px; } /* End of Side */ /*** * _____ _ * / ___/| | * | (___ | |__ __ _ _ __ ___ * \___ \| '_ \ / _` | '__/ _ \ * ____) | | | | (_| | | | __/ * /_____/|_| |_|\__,_|_| \___/ * * */ .dropdown { position: fixed; z-index: 300; color: #303030; width: 160px; background: #fff; box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.15), 0 14px 28px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05); margin-bottom: 50px; border-radius: 8px; text-align: center; cursor: default; -webkit-transform: translateY(0) scale(0.9); transform: translateY(0) scale(0.9); -webkit-transform-origin: top; transform-origin: top; -webkit-transition: opacity 0.35s, box-shadow 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, box-shadow 0.35s, -webkit-transform 0.35s; transition: transform 0.35s, opacity 0.35s, box-shadow 0.35s; transition: transform 0.35s, opacity 0.35s, box-shadow 0.35s, -webkit-transform 0.35s; /* share */ } .dropdown:not(.show) { pointer-events: none; opacity: 0; } .slides .dropdown h3, .dropdown .title { font-size: 17px; padding: 15px 0; font-weight: 500; margin: 0; text-align: center; opacity: 0.65; } .dropdown:after, .dropdown:before { 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:before { border-bottom-color: rgba(0, 0, 0, 0.1); border-width: 8px; margin-left: -8px; } .dropdown.show { visibility: visible; opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } .dropdown.show.hide { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15), 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05); pointer-events: none; } .dropdown .hideDropdown { opacity: 0; pointer-events: none; } .dropdown.bottom { -webkit-transform-origin: bottom; transform-origin: bottom; } .dropdown.bottom.show { -webkit-transform: translateY(-20px); transform: translateY(-20px); } .dropdown.bottom.show.hide { -webkit-transform: translateY(-40px); transform: translateY(-40px); } .dropdown.bottom:after, .dropdown.bottom:before { top: 100%; bottom: initial; border-bottom-color: rgba(255, 255, 255, 0); border-top-color: #fff; } .dropdown.bottom:before { border-top-color: rgba(0, 0, 0, 0.06); } .dropdown.right:after, .dropdown.right:before { right: 18px; left: auto; } .dropdown.right:before { right: 17px; } .dropdown.center:after, .dropdown.center:before { left: 50%; } .dropdown.noArrow:after, .dropdown.noArrow:before { display: none; } .dropdown.share li { float: left; text-align: center; display: block; width: 80px; height: 50px; padding: 14px 0; color: #fff; 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; background: rgba(0, 0, 0, 0.1); -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; fill: #fff; } .dropdown.share li.mail { width: 100%; height: 50px; color: #7E7E7E; font-size: 15px; padding: 15px 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown.share li.mail:after { border-radius: 0 0 7px 7px; background: rgba(0, 0, 0, 0.05); } .dropdown.share li.mail:hover { text-decoration: underline; } .scroll .dropdown { position: absolute; top: 0; } /*** * _____ _ _ * / ___/( ) | | | | * | (___ _ __| | ___| |__ __ _ _ ___ * \___ \| |/ _` |/ _ | '_ \ / _` | '__/ * ____) | | (_| | __| |_) | (_| | | * /_____/|_|\__,_|\___|_.__/ \__,_|_| * * */ .sidebar { position: fixed; top: 0; right: 0; width: 320px; max-width: 90%; height: 100%; color: #fff; z-index: 500; background: #222222; -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; /* ELEMENTS */ /* menu items */ /* social */ } .sidebarShown .sidebar.visible { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } .sidebar .content { padding: 40px; overflow-y: auto; position: relative; } .sidebar.small .content { padding: 30px; } .sidebar .wrap { padding: 0; } .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.bottom { bottom: 0; top: inherit; width: 100%; max-width: 100%; height: auto; -webkit-transform: translateY(100%); transform: translateY(100%); } .sidebar .logo { padding: 0; font-size: 0; margin-bottom: 35px; } .sidebar a { display: inline-block; color: #fff; fill: #fff; } .sidebar a:hover { opacity: 0.8; } .sidebar .close { position: absolute; top: 10px; right: 20px; cursor: pointer; padding: 14px; font-size: 0; opacity: 0.5; z-index: 101; -webkit-transition: 0.25s; transition: 0.25s; } .sidebar .close:hover { opacity: 1; } .sidebar .close svg { width: 30px; height: 30px; fill: #fff; } .sidebar .close:active svg { -webkit-transform: scale(0.92); transform: scale(0.92); } .sidebar ul { line-height: 1.9; margin-bottom: 25px; display: block; font-size: 0; } .sidebar .uppercase li a { text-transform: uppercase; letter-spacing: 0.15em; } .sidebar .mainMenu li a { font-size: 24px; font-weight: 600; } .sidebar .mainMenu.small li a { font-size: 22px; } .sidebar .subMenu li { font-weight: 400; text-transform: none; letter-spacing: 0px; opacity: 0.8; font-size: 22px; } .sidebar .subMenu.small li { font-size: 17px; } .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: 18px; height: 18px; } .sidebar .social.small li { margin-right: 12px; } .sidebar .social.small li a svg { width: 15px; height: 15px; } .sidebar .social.large li { margin-right: 12px; } .sidebar .social.large li a svg { width: 22px; height: 22px; } .sidebar.small .social { margin-top: 30px; } .sidebar .large li a { font-size: 36px; } .sidebar .light li a { font-weight: 300; } .sidebar .social.medium li a svg { width: 18px; height: 18px; } .sidebar .social.medium li { margin-right: 14px; } .sidebarShown .slide.selected .content { overflow: hidden; } /* 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%); } .page-loaded.sidebarShown .panel, .page-loaded.sidebarShown .slide.selected, .page-loaded.sidebarShown .slide.selected:after, .sidebar { -webkit-transition: opacity 0.5s, -webkit-transform 0.5s!important; transition: opacity 0.5s, -webkit-transform 0.5s!important; transition: transform 0.5s, opacity 0.5s!important; transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s!important; } /* embed video container for slides and popups */ .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%; } .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%; } /*** * ______ _____ * |___ / |_ _| * / / ___ ___ _ __ ___ | | _ __ ___ __ _ __ _ ___ * / / / _ \ / _ \| '_ ` _ \ | | | '_ ` _ \ / _` |/ _` |/ _ \ * / /_| (_) | (_) | | | | | | _| |_| | | | | | (_| | (_| | __/ * /_____\___/ \___/|_| |_| |_| |_____|_| |_| |_|\__,_|\__, |\___/ * __/ | * |___/ */ .zoom-img, .zoom-img-wrap { position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 0, 0.3, 1)!important; transition-timing-function: cubic-bezier(0.2, 0, 0.3, 1)!important; z-index: 100; } .zoom-img img.zoom-img, .zoom-img-wrap img.zoom-img { margin: 0!important; } .zoom-overlay { background: #111111; position: fixed; top: -9999px; left: -9999px; right: -9999px; bottom: -9999px; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; z-index: 99; } .zoom-overlay-open .zoom-overlay { opacity: 0.9; } .zoom-overlay-open .side, .zoom-overlay-open .panel { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition: 0.25s; transition: 0.25s; } .zoom-overlay-open, .zoom-overlay-transitioning { cursor: default; } .zoom-img-parent { position: relative; z-index: 1000; } /*** * _____ _ _ _ * / ___/| (_) | | * | (___ | |_ __| | ___ _ __ * \___ \| | |/ _` |/ _ \ '__/ * ____) | | | (_| | __/ | * /_____/|_|_|\__,_|\___/_| * * */ .slider { position: relative; } .slider.clickable { cursor: pointer; } .slider > li { display: none; top: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; pointer-events: none; } .slider > li.selected { display: block; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; pointer-events: all; } .slider.autoHeight { -webkit-transition: 0.5s; transition: 0.5s; } .slider.autoHeight > li { display: block; position: absolute; } .controller li { cursor: pointer; } .controller li.selected { cursor: default; pointer-events: none; } /* \ / . , o * ¤ ~ .. ______ __ __ _ * | ___/ / _// _| * | | | |___ | |_| |_ ___ ___| |_ ____ . | __/ | _| _/ _ \/ __| __/ __/ ¯ | |____| | | || __| (__| |_\__ \ ¨ ´ |_____/|_| |_| \___|\___/\__/___/ ' ¸ § ¸.* ¤ * . . . ° / .*/ /* 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; transform: translate3d(0, 0, 0)!important; z-index: 11; } .scroll .slide.selected { z-index: 10; } .page-loaded .slide.selected { opacity: 1!important; } /* horizontal */ .horizontal .slide, .horizontal .slide.before { -webkit-transform: translate3D(-50%, 0, 0); transform: translate3D(-50%, 0, 0); } .horizontal .slide.after { -webkit-transform: translate3D(50%, 0, 0); transform: translate3D(50%, 0, 0); } /* FILM */ .film .slide.before { -webkit-transform: translate3D(0, -100%, 0); transform: translate3D(0, -100%, 0); } .film .slide.after { -webkit-transform: translate3D(0, 100%, 0); transform: translate3D(0, 100%, 0); } /* Horizontal */ .film.horizontal .slide.before { -webkit-transform: translate3D(-100%, 0, 0); transform: translate3D(-100%, 0, 0); } .film.horizontal .slide, .film.horizontal .slide.after { -webkit-transform: translate3D(100%, 0, 0); transform: translate3D(100%, 0, 0); } /* ZEN */ .zen .slide.before { -webkit-transform: translateY(-100%) scale(0.8); transform: translateY(-100%) scale(0.8); } .zen .slide, .zen .slide.after { -webkit-transform: translateY(100%) scale(0.8); transform: translateY(100%) scale(0.8); } /* Horizontal */ .zen.horizontal .slide.before { -webkit-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); transform: translateX(100%) scale(0.8); } /* STACK */ .stack .slide, .stack .slide.after { -webkit-transform: 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); transform: scale(0.9); } /* Horizontal */ .stack.horizontal .slide, .stack.horizontal .slide.after { -webkit-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%); 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%); 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%); transform: translateX(10%); } .cards.horizontal .slide.before { -webkit-transform: translateX(-100%); transform: translateX(-100%); } /* ZOOM CHANGE */ .zoom .slide.before { -webkit-transform: scale(1.4); transform: scale(1.4); } .zoom .slide, .zoom .slide.after { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* PLAIN CHANGE */ .plain .slide.before { -webkit-transform: scale(1); transform: scale(1); } .plain .slide, .plain .slide.after { -webkit-transform: scale(1); transform: scale(1); } .plain .slide.after:after, .plain .slide.before:after { opacity: 1; background: #111; } /* SPEED */ .page-loaded .fast .slide.active, .page-loaded .fast .slide.selected { -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, -webkit-transform 0.6s; transition: transform 0.6s, opacity 0.6s; transition: transform 0.6s, opacity 0.6s, -webkit-transform 0.6s; } .page-loaded .slide.selected, .page-loaded .slide.active { -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; transition: transform 1s, opacity 1s; transition: transform 1s, opacity 1s, -webkit-transform 1s; } .page-loaded .slow .slide.active, .page-loaded .slow .slide.selected { -webkit-transition: opacity 1.4s, -webkit-transform 1.4s; transition: opacity 1.4s, -webkit-transform 1.4s; transition: transform 1.4s, opacity 1.4s; transition: transform 1.4s, opacity 1.4s, -webkit-transform 1.4s; } .page-loaded .slide.selected.entry, .page-loaded .slide.active.entry { -webkit-transition: opacity 1s, -webkit-transform 0s; transition: opacity 1s, -webkit-transform 0s; transition: transform 0s, opacity 1s; transition: transform 0s, opacity 1s, -webkit-transform 0s; } /* panels */ .slides.animated.fast .panel { -webkit-transition: opacity 0.6s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s, -webkit-transform 0.6s; transition: opacity 0.6s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s, -webkit-transform 0.6s; transition: 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, -webkit-transform 0.6s; } .slides.animated .panel { -webkit-transition: opacity 0.8s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s, -webkit-transform 0.8s; transition: opacity 0.8s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s, -webkit-transform 0.8s; transition: 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, -webkit-transform 0.8s; } .slides.animated.slow .panel { -webkit-transition: opacity 1s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s, -webkit-transform 1s; transition: opacity 1s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s, -webkit-transform 1s; transition: 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, -webkit-transform 1s; } /* EASING */ .smooth .active, .smooth .selected, .smooth .panel, .smooth .sidebar { -webkit-transition-timing-function: cubic-bezier(0.55, 0.05, 0.35, 0.95)!important; transition-timing-function: cubic-bezier(0.55, 0.05, 0.35, 0.95)!important; } .bounce .active, .bounce .selected, .bounce .panel, .bounce .sidebar { -webkit-transition-timing-function: cubic-bezier(0.4, 1.15, 0.35, 1)!important; transition-timing-function: cubic-bezier(0.4, 1.15, 0.35, 1)!important; } /*** * _ _ ______ _ _ * /\ ( ) | | | | | ___/| | | | * / \ _ __ _ _ __ ___ __ _| |_ ___ __| | | |___ | | ___ _ __ ___ ___ _ __ | |_ ___ * / /\ \ | '_ \| | '_ ` _ \ / _` | __/ _ \/ _` | | __/ | |/ _ \ '_ ` _ \ / _ \ '_ \| __/ __/ * / ____ \| | | | | | | | | | (_| | || __/ (_| | | |____| | __/ | | | | | __/ | | | |_\__ \ * /_/ \_\_| |_|_|_| |_| |_|\__,_|\__\___/\__,_| |_____/|_|\___/_| |_| |_|\___/_| |_|\__|___/ * * */ .animated [class*="ae-"] { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.2, 1); transition-timing-function: cubic-bezier(0.25, 0.1, 0.2, 1); } /* Speed */ .animated.fast .animate [class*="ae-"]:not(.done), .animated.fast.animate [class*="ae-"]:not(.done), .animated.animate .fast [class*="ae-"]:not(.done), .animated.animate [class*="ae-"].fast:not(.done) { -webkit-transition-duration: 700ms; transition-duration: 700ms; } .animated .animate [class*="ae-"]:not(.done), .animated.animate [class*="ae-"]:not(.done) { -webkit-transition-duration: 800ms; transition-duration: 800ms; } .animated.slow .animate [class*="ae-"]:not(.done), .animated.slow.animate [class*="ae-"]:not(.done), .animated.animate .slow [class*="ae-"]:not(.done), .animated.animate [class*="ae-"].slow:not(.done) { -webkit-transition-duration: 1000ms; transition-duration: 1000ms; } /* Delays */ .animated .animate .ae-1:not(.done), .animated.animate .ae-1:not(.done) { -webkit-transition-delay: 10ms; transition-delay: 10ms; } .animated .animate .ae-2:not(.done), .animated.animate .ae-2:not(.done) { -webkit-transition-delay: 160ms; transition-delay: 160ms; } .animated .animate .ae-3:not(.done), .animated.animate .ae-3:not(.done) { -webkit-transition-delay: 310ms; transition-delay: 310ms; } .animated .animate .ae-4:not(.done), .animated.animate .ae-4:not(.done) { -webkit-transition-delay: 460ms; transition-delay: 460ms; } .animated .animate .ae-5:not(.done), .animated.animate .ae-5:not(.done) { -webkit-transition-delay: 610ms; transition-delay: 610ms; } .animated .animate .ae-6:not(.done), .animated.animate .ae-6:not(.done) { -webkit-transition-delay: 760ms; transition-delay: 760ms; } .animated .animate .ae-7:not(.done), .animated.animate .ae-7:not(.done) { -webkit-transition-delay: 910ms; transition-delay: 910ms; } .animated .animate .ae-8:not(.done), .animated.animate .ae-8:not(.done) { -webkit-transition-delay: 1060ms; transition-delay: 1060ms; } .animated .animate .ae-9:not(.done), .animated.animate .ae-9:not(.done) { -webkit-transition-delay: 1210ms; transition-delay: 1210ms; } .animated .animate .ae-10:not(.done), .animated.animate .ae-10:not(.done) { -webkit-transition-delay: 1360ms; transition-delay: 1360ms; } .animated.fast .animate .ae-1:not(.done), .animated.fast.animate .ae-1:not(.done), .animated.animate .ae-1.fast:not(.done), .animated.animate .fast .ae-1:not(.done) { -webkit-transition-delay: 10ms; transition-delay: 10ms; } .animated.fast .animate .ae-2:not(.done), .animated.fast.animate .ae-2:not(.done), .animated.animate .ae-2.fast:not(.done), .animated.animate .fast .ae-2:not(.done) { -webkit-transition-delay: 110ms; transition-delay: 110ms; } .animated.fast .animate .ae-3:not(.done), .animated.fast.animate .ae-3:not(.done), .animated.animate .ae-3.fast:not(.done), .animated.animate .fast .ae-3:not(.done) { -webkit-transition-delay: 210ms; transition-delay: 210ms; } .animated.fast .animate .ae-4:not(.done), .animated.fast.animate .ae-4:not(.done), .animated.animate .ae-4.fast:not(.done), .animated.animate .fast .ae-4:not(.done) { -webkit-transition-delay: 310ms; transition-delay: 310ms; } .animated.fast .animate .ae-5:not(.done), .animated.fast.animate .ae-5:not(.done), .animated.animate .ae-5.fast:not(.done), .animated.animate .fast .ae-5:not(.done) { -webkit-transition-delay: 410ms; transition-delay: 410ms; } .animated.fast .animate .ae-6:not(.done), .animated.fast.animate .ae-6:not(.done), .animated.animate .ae-6.fast:not(.done), .animated.animate .fast .ae-6:not(.done) { -webkit-transition-delay: 510ms; transition-delay: 510ms; } .animated.fast .animate .ae-7:not(.done), .animated.fast.animate .ae-7:not(.done), .animated.animate .ae-7.fast:not(.done), .animated.animate .fast .ae-7:not(.done) { -webkit-transition-delay: 610ms; transition-delay: 610ms; } .animated.fast .animate .ae-8:not(.done), .animated.fast.animate .ae-8:not(.done), .animated.animate .ae-8.fast:not(.done), .animated.animate .fast .ae-8:not(.done) { -webkit-transition-delay: 710ms; transition-delay: 710ms; } .animated.fast .animate .ae-9:not(.done), .animated.fast.animate .ae-9:not(.done), .animated.animate .ae-9.fast:not(.done), .animated.animate .fast .ae-9:not(.done) { -webkit-transition-delay: 810ms; transition-delay: 810ms; } .animated.fast .animate .ae-10:not(.done), .animated.fast.animate .ae-10:not(.done), .animated.animate .ae-10.fast:not(.done), .animated.animate .fast .ae-10:not(.done) { -webkit-transition-delay: 910ms; transition-delay: 910ms; } .animated.slow .animate .ae-1:not(.done), .animated.slow.animate .ae-1:not(.done), .animated.animate .ae-1.slow:not(.done), .animated.animate .slow .ae-1:not(.done) { -webkit-transition-delay: 10ms; transition-delay: 10ms; } .animated.slow .animate .ae-2:not(.done), .animated.slow.animate .ae-2:not(.done), .animated.animate .ae-2.slow:not(.done), .animated.animate .slow .ae-2:not(.done) { -webkit-transition-delay: 210ms; transition-delay: 210ms; } .animated.slow .animate .ae-3:not(.done), .animated.slow.animate .ae-3:not(.done), .animated.animate .ae-3.slow:not(.done), .animated.animate .slow .ae-3:not(.done) { -webkit-transition-delay: 410ms; transition-delay: 410ms; } .animated.slow .animate .ae-4:not(.done), .animated.slow.animate .ae-4:not(.done), .animated.animate .ae-4.slow:not(.done), .animated.animate .slow .ae-4:not(.done) { -webkit-transition-delay: 610ms; transition-delay: 610ms; } .animated.slow .animate .ae-5:not(.done), .animated.slow.animate .ae-5:not(.done), .animated.animate .ae-5.slow:not(.done), .animated.animate .slow .ae-5:not(.done) { -webkit-transition-delay: 810ms; transition-delay: 810ms; } .animated.slow .animate .ae-6:not(.done), .animated.slow.animate .ae-6:not(.done), .animated.animate .ae-6.slow:not(.done), .animated.animate .slow .ae-6:not(.done) { -webkit-transition-delay: 1010ms; transition-delay: 1010ms; } .animated.slow .animate .ae-7:not(.done), .animated.slow.animate .ae-7:not(.done), .animated.animate .ae-7.slow:not(.done), .animated.animate .slow .ae-7:not(.done) { -webkit-transition-delay: 1210ms; transition-delay: 1210ms; } .animated.slow .animate .ae-8:not(.done), .animated.slow.animate .ae-8:not(.done), .animated.animate .ae-8.slow:not(.done), .animated.animate .slow .ae-8:not(.done) { -webkit-transition-delay: 1410ms; transition-delay: 1410ms; } .animated.slow .animate .ae-9:not(.done), .animated.slow.animate .ae-9:not(.done), .animated.animate .ae-9.slow:not(.done), .animated.animate .slow .ae-9:not(.done) { -webkit-transition-delay: 1610ms; transition-delay: 1610ms; } .animated.slow .animate .ae-10:not(.done), .animated.slow.animate .ae-10:not(.done), .animated.animate .ae-10.slow:not(.done), .animated.animate .slow .ae-10:not(.done) { -webkit-transition-delay: 1810ms; transition-delay: 1810ms; } /* Directions */ .animated [class*="ae-"]:not(.done), .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(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } .animated .fromRight [class*="ae-"]:not(.done), .animated.fromRight [class*="ae-"]:not(.done), .slides.animated [class*="ae-"].fromRight:not(.done) { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 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); -webkit-filter: blur(10px); filter: blur(10px); } /* Final Step */ .slides.animated .animate.active [class*="ae-"]:not(.done), .slides .animated.animate.active [class*="ae-"]:not(.done) { opacity: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-filter: none; filter: none; } /* Animated on scroll */ .slides.animateOnScroll { -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* hide elements */ .animateOnScroll .slide [class*="ae-"]:not(.do) { opacity: 0; visibility: hidden; } /* Speed */ .animateOnScroll [class*="ae-"].do { -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-duration: 800ms; animation-duration: 800ms; visibility: visible; } .animateOnScroll.fast .slide [class*="ae-"].do, .animateOnScroll .fast .slide [class*="ae-"].do, .animateOnScroll .slide [class*="ae-"].do.fast { -webkit-animation-duration: 700ms; animation-duration: 700ms; } .animateOnScroll.slow .slide [class*="ae-"].do, .animateOnScroll .slow .slide [class*="ae-"].do, .animateOnScroll .slide [class*="ae-"].do.slow { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; } /* Directions */ .animateOnScroll .slide [class*="ae-"].do { -webkit-animation-name: fromBottom; animation-name: fromBottom; } /* generate directions */ .animateOnScroll .slide.fromBottom [class*="ae-"].do, .animateOnScroll .slide .fromBottom [class*="ae-"].do, .animateOnScroll .slide [class*="ae-"].do.fromBottom { -webkit-animation-name: fromBottom; animation-name: fromBottom; } .animateOnScroll .slide.fromTop [class*="ae-"].do, .animateOnScroll .slide .fromTop [class*="ae-"].do, .animateOnScroll .slide [class*="ae-"].do.fromTop { -webkit-animation-name: fromTop; animation-name: fromTop; } .animateOnScroll .slide.fromLeft [class*="ae-"].do, .animateOnScroll .slide .fromLeft [class*="ae-"].do, .animateOnScroll .slide [class*="ae-"].do.fromLeft { -webkit-animation-name: fromLeft; animation-name: fromLeft; } .animateOnScroll .slide.fromRight [class*="ae-"].do, .animateOnScroll .slide .fromRight [class*="ae-"].do, .animateOnScroll .slide [class*="ae-"].do.fromRight { -webkit-animation-name: fromRight; animation-name: fromRight; } .animateOnScroll .slide.fromCenter [class*="ae-"].do, .animateOnScroll .slide .fromCenter [class*="ae-"].do, .animateOnScroll .slide [class*="ae-"].do.fromCenter { -webkit-animation-name: fromCenter; animation-name: fromCenter; } .animateOnScroll .slide.fromAbove [class*="ae-"].do, .animateOnScroll .slide .fromAbove [class*="ae-"].do, .animateOnScroll .slide [class*="ae-"].do.fromAbove { -webkit-animation-name: fromAbove; animation-name: fromAbove; } .animateOnScroll .slide.fromBottomLeft [class*="ae-"].do, .animateOnScroll .slide .fromBottomLeft [class*="ae-"].do, .animateOnScroll .slide [class*="ae-"].do.fromBottomLeft { -webkit-animation-name: fromBottomLeft; animation-name: fromBottomLeft; } .animateOnScroll .slide.fromTopLeft [class*="ae-"].do, .animateOnScroll .slide .fromTopLeft [class*="ae-"].do, .animateOnScroll .slide [class*="ae-"].do.fromTopLeft { -webkit-animation-name: fromTopLeft; animation-name: fromTopLeft; } .animateOnScroll .slide.fromBottomRight [class*="ae-"].do, .animateOnScroll .slide .fromBottomRight [class*="ae-"].do, .animateOnScroll .slide [class*="ae-"].do.fromBottomRight { -webkit-animation-name: fromBottomRight; animation-name: fromBottomRight; } .animateOnScroll .slide.fromTopRight [class*="ae-"].do, .animateOnScroll .slide .fromTopRight [class*="ae-"].do, .animateOnScroll .slide [class*="ae-"].do.fromTopRight { -webkit-animation-name: fromTopRight; animation-name: fromTopRight; } .animateOnScroll .slide.fadeIn [class*="ae-"].do, .animateOnScroll .slide .fadeIn [class*="ae-"].do, .animateOnScroll .slide [class*="ae-"].do.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .animateOnScroll .slide.fromBlur [class*="ae-"].do, .animateOnScroll .slide .fromBlur [class*="ae-"].do, .animateOnScroll .slide [class*="ae-"].do.fromBlur { -webkit-animation-name: fromBlur; animation-name: fromBlur; } @-webkit-keyframes fromBottom { from { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); opacity: 0; } } @keyframes fromBottom { from { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); opacity: 0; } } @-webkit-keyframes fromTop { from { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); opacity: 0; } } @keyframes fromTop { from { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); opacity: 0; } } @-webkit-keyframes fromLeft { from { -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); opacity: 0; } } @keyframes fromLeft { from { -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); opacity: 0; } } @-webkit-keyframes fromRight { from { -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); opacity: 0; } } @keyframes fromRight { from { -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); opacity: 0; } } @-webkit-keyframes fromCenter { from { -webkit-transform: scale(0.8) translate3d(0, 0, 0); transform: scale(0.8) translate3d(0, 0, 0); opacity: 0; } } @keyframes fromCenter { from { -webkit-transform: scale(0.8) translate3d(0, 0, 0); transform: scale(0.8) translate3d(0, 0, 0); opacity: 0; } } @-webkit-keyframes fromAbove { from { -webkit-transform: scale(1.2) translate3d(0, 0, 0); transform: scale(1.2) translate3d(0, 0, 0); opacity: 0; } } @keyframes fromAbove { from { -webkit-transform: scale(1.2) translate3d(0, 0, 0); transform: scale(1.2) translate3d(0, 0, 0); opacity: 0; } } @-webkit-keyframes fromBottomLeft { from { -webkit-transform: translate3d(-100px, 100px, 0); transform: translate3d(-100px, 100px, 0); opacity: 0; } } @keyframes fromBottomLeft { from { -webkit-transform: translate3d(-100px, 100px, 0); transform: translate3d(-100px, 100px, 0); opacity: 0; } } @-webkit-keyframes fromTopLeft { from { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0); opacity: 0; } } @keyframes fromTopLeft { from { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0); opacity: 0; } } @-webkit-keyframes fromBottomRight { from { -webkit-transform: translate3d(100px, 100px, 0); transform: translate3d(100px, 100px, 0); opacity: 0; } } @keyframes fromBottomRight { from { -webkit-transform: translate3d(100px, 100px, 0); transform: translate3d(100px, 100px, 0); opacity: 0; } } @-webkit-keyframes fromTopRight { from { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); opacity: 0; } } @keyframes fromTopRight { from { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); opacity: 0; } } @-webkit-keyframes fadeIn { from { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 0; } } @keyframes fadeIn { from { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 0; } } @-webkit-keyframes fromBlur { from { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); -webkit-filter: blur(10px); filter: blur(10px); opacity: 0; } } @keyframes fromBlur { from { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); -webkit-filter: blur(10px); filter: blur(10px); opacity: 0; } } /* Delays */ .animateOnScroll .ae-1 { -webkit-animation-delay: 10ms; animation-delay: 10ms; } .animateOnScroll .ae-2 { -webkit-animation-delay: 160ms; animation-delay: 160ms; } .animateOnScroll .ae-3 { -webkit-animation-delay: 310ms; animation-delay: 310ms; } .animateOnScroll .ae-4 { -webkit-animation-delay: 460ms; animation-delay: 460ms; } .animateOnScroll .ae-5 { -webkit-animation-delay: 610ms; animation-delay: 610ms; } .animateOnScroll .ae-6 { -webkit-animation-delay: 760ms; animation-delay: 760ms; } .animateOnScroll .ae-7 { -webkit-animation-delay: 910ms; animation-delay: 910ms; } .animateOnScroll .ae-8 { -webkit-animation-delay: 1060ms; animation-delay: 1060ms; } .animateOnScroll .ae-9 { -webkit-animation-delay: 1210ms; animation-delay: 1210ms; } .animateOnScroll .ae-10 { -webkit-animation-delay: 1360ms; animation-delay: 1360ms; } .animateOnScroll.fast .ae-1, .animateOnScroll .ae-1, .animateOnScroll .fast .ae-1.fast, .animateOnScroll .ae-1.fast { -webkit-animation-delay: 10ms; animation-delay: 10ms; } .animateOnScroll.fast .ae-2, .animateOnScroll .ae-2, .animateOnScroll .fast .ae-2.fast, .animateOnScroll .ae-2.fast { -webkit-animation-delay: 110ms; animation-delay: 110ms; } .animateOnScroll.fast .ae-3, .animateOnScroll .ae-3, .animateOnScroll .fast .ae-3.fast, .animateOnScroll .ae-3.fast { -webkit-animation-delay: 210ms; animation-delay: 210ms; } .animateOnScroll.fast .ae-4, .animateOnScroll .ae-4, .animateOnScroll .fast .ae-4.fast, .animateOnScroll .ae-4.fast { -webkit-animation-delay: 310ms; animation-delay: 310ms; } .animateOnScroll.fast .ae-5, .animateOnScroll .ae-5, .animateOnScroll .fast .ae-5.fast, .animateOnScroll .ae-5.fast { -webkit-animation-delay: 410ms; animation-delay: 410ms; } .animateOnScroll.fast .ae-6, .animateOnScroll .ae-6, .animateOnScroll .fast .ae-6.fast, .animateOnScroll .ae-6.fast { -webkit-animation-delay: 510ms; animation-delay: 510ms; } .animateOnScroll.fast .ae-7, .animateOnScroll .ae-7, .animateOnScroll .fast .ae-7.fast, .animateOnScroll .ae-7.fast { -webkit-animation-delay: 610ms; animation-delay: 610ms; } .animateOnScroll.fast .ae-8, .animateOnScroll .ae-8, .animateOnScroll .fast .ae-8.fast, .animateOnScroll .ae-8.fast { -webkit-animation-delay: 710ms; animation-delay: 710ms; } .animateOnScroll.fast .ae-9, .animateOnScroll .ae-9, .animateOnScroll .fast .ae-9.fast, .animateOnScroll .ae-9.fast { -webkit-animation-delay: 810ms; animation-delay: 810ms; } .animateOnScroll.fast .ae-10, .animateOnScroll .ae-10, .animateOnScroll .fast .ae-10.fast, .animateOnScroll .ae-10.fast { -webkit-animation-delay: 910ms; animation-delay: 910ms; } .animateOnScroll.slow .ae-1, .animateOnScroll .slow .ae-1, .animateOnScroll .ae-1.slow { -webkit-animation-delay: 10ms; animation-delay: 10ms; } .animateOnScroll.slow .ae-2, .animateOnScroll .slow .ae-2, .animateOnScroll .ae-2.slow { -webkit-animation-delay: 210ms; animation-delay: 210ms; } .animateOnScroll.slow .ae-3, .animateOnScroll .slow .ae-3, .animateOnScroll .ae-3.slow { -webkit-animation-delay: 410ms; animation-delay: 410ms; } .animateOnScroll.slow .ae-4, .animateOnScroll .slow .ae-4, .animateOnScroll .ae-4.slow { -webkit-animation-delay: 610ms; animation-delay: 610ms; } .animateOnScroll.slow .ae-5, .animateOnScroll .slow .ae-5, .animateOnScroll .ae-5.slow { -webkit-animation-delay: 810ms; animation-delay: 810ms; } .animateOnScroll.slow .ae-6, .animateOnScroll .slow .ae-6, .animateOnScroll .ae-6.slow { -webkit-animation-delay: 1010ms; animation-delay: 1010ms; } .animateOnScroll.slow .ae-7, .animateOnScroll .slow .ae-7, .animateOnScroll .ae-7.slow { -webkit-animation-delay: 1210ms; animation-delay: 1210ms; } .animateOnScroll.slow .ae-8, .animateOnScroll .slow .ae-8, .animateOnScroll .ae-8.slow { -webkit-animation-delay: 1410ms; animation-delay: 1410ms; } .animateOnScroll.slow .ae-9, .animateOnScroll .slow .ae-9, .animateOnScroll .ae-9.slow { -webkit-animation-delay: 1610ms; animation-delay: 1610ms; } .animateOnScroll.slow .ae-10, .animateOnScroll .slow .ae-10, .animateOnScroll .ae-10.slow { -webkit-animation-delay: 1810ms; animation-delay: 1810ms; } /*** * ____ _ _ ______ __ __ _ * | _ \ | | | | | ____|/ _|/ _| | | * | |_) | __ _ ___| | ____ _ _ __ ___ _ _ _ __ __| | | |__ | |_| |_ ___ ___| |_ ___ * | _ < / _` |/ __| |/ / _` | '__/ _ \| | | | '_ \ / _` | | __| | _| _/ _ \/ __| __/ __| * | |_) | (_| | (__| < (_| | | | (_) | |_| | | | | (_| | | |____| | | || __/ (__| |_\__ \ * |____/ \__,_|\___|_|\_\__, |_| \___/ \__,_|_| |_|\__,_| |______|_| |_| \___|\___|\__|___/ * __/ | * |___/ */ /* KEN BURNS */ .slides.animated .kenBurns .background, .slides.animated .kenBurns.zoomout .background, .slides.animateOnScroll .kenBurns .background, .slides.animateOnScroll .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, .slides.animateOnScroll .kenBurns:not(.video) .background, .slides.animateOnScroll .kenBurns.zoomout:not(.video) .background { -webkit-transition: opacity 1s ease, -webkit-transform 5s cubic-bezier(0.3, 0, 0.7, 1); transition: opacity 1s ease, -webkit-transform 5s cubic-bezier(0.3, 0, 0.7, 1); transition: transform 5s cubic-bezier(0.3, 0, 0.7, 1), opacity 1s ease; transition: transform 5s cubic-bezier(0.3, 0, 0.7, 1), opacity 1s ease, -webkit-transform 5s cubic-bezier(0.3, 0, 0.7, 1); } .animated .active.kenBurns:not(.video) .background, .animated .active.kenBurns.zoomout:not(.video) .background, .animated .active .kenBurns.zoomout:not(.video) .background, .animateOnScroll .active.kenBurns:not(.video) .background, .animateOnScroll .active.kenBurns.zoomout:not(.video) .background, .animateOnScroll .active .kenBurns.zoomout:not(.video) .background { opacity: 1; -webkit-transform: scale(1.05) rotate(-0.02deg); transform: scale(1.05) rotate(-0.02deg); } .slides.animated .kenBurns.zoomout:not(.video) .background, .slides.animateOnScroll .kenBurns.zoomout:not(.video) .background { -webkit-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, .animateOnScroll .active.kenBurns.zoomout:not(.video) .background, .windows .slides.animateOnScroll .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, .slides.animateOnScroll .parallax:not(.video) .background { -webkit-transform: translate3d(0, 0, 0) scale(1.25); transform: translate3d(0, 0, 0) scale(1.25); -webkit-transition: -webkit-transform-origin 1s, -webkit-transform 1s; transition: -webkit-transform-origin 1s, -webkit-transform 1s; transition: transform-origin 1s, transform 1s; transition: transform-origin 1s, transform 1s, -webkit-transform-origin 1s, -webkit-transform 1s; } .slides.animated.fast .parallax:not(.video) .background, .slides.animateOnScroll.fast .parallax:not(.video) .background { -webkit-transition: -webkit-transform-origin .6s, -webkit-transform .6s; transition: -webkit-transform-origin .6s, -webkit-transform .6s; transition: transform-origin .6s, transform .6s; transition: transform-origin .6s, transform .6s, -webkit-transform-origin .6s, -webkit-transform .6s; } .slides.animated.slow .parallax:not(.video) .background, .slides.animateOnScroll.slow .parallax:not(.video) .background { -webkit-transition: -webkit-transform-origin 1.4s, -webkit-transform 1.4s; transition: -webkit-transform-origin 1.4s, -webkit-transform 1.4s; transition: transform-origin 1.4s, transform 1.4s; transition: transform-origin 1.4s, transform 1.4s, -webkit-transform-origin 1.4s, -webkit-transform 1.4s; } .slides.animated .parallax.animate:not(.video) .background, .slides.animateOnScroll .parallax.animate:not(.video) .background { -webkit-transform-origin: center; transform-origin: center; } .slides.animated .slide.after.parallax:not(.video) .background, .slides.animateOnScroll .slide.after.parallax:not(.video) .background { -webkit-transform-origin: top center; transform-origin: top center; } .slides.animated .slide.before.parallax:not(.video) .background, .slides.animateOnScroll .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, .slides.animateOnScroll.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, .slides.animateOnScroll.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, .slides.animateOnScroll.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, .slides.animateOnScroll.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, .slides.animateOnScroll.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); } /* plain */ .slides.animated.plain .slide.after.parallax:not(.video) .background, .slides.animateOnScroll.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, .slides.animateOnScroll.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, .slides.animateOnScroll.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); } .attachmentFixed { background-attachment: fixed!important; background-size: cover!important; } /* SCENIC */ .slides.animated .scenic:not(.video) .background, .slides.animateOnScroll .scenic:not(.video) .background { -webkit-animation: scenic 140s cubic-bezier(0.2, 0, 0.8, 1) infinite; animation: scenic 140s cubic-bezier(0.2, 0, 0.8, 1) infinite; } @-webkit-keyframes scenic { 50% { -webkit-transform: scale(1.5) rotate(-0.02deg); transform: scale(1.5) rotate(-0.02deg); } } @keyframes scenic { 50% { -webkit-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 .slide, .scroll .slide .content, .scroll .container, .mobile .simplifiedMobile .slide, .mobile .simplifiedMobile .content, .mobile .simplifiedMobile .container { position: relative!important; height: auto; opacity: 1; } .mobile .simplifiedMobile .popup .content, .mobile .simplifiedMobile .popup .container { position: absolute!important; height: 100%; } .scroll .container, .mobile .simplifiedMobile .container { /*height: 100vh;*/ height: 100%; } .scroll .slide.autoHeight .container, .mobile .slide.autoHeight .simplifiedMobile .container { height: auto; } .scroll .slide .background, .mobile .simplifiedMobile .slide .background { position: absolute!important; } .scroll .slide:not(.autoHeight) .background, .mobile .simplifiedMobile .slide:not(.autoHeight) .background { /*min-height: 100vh;*/ min-height: 100%; } .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: opacity 0.5s, -webkit-transform 0.5s!important; transition: opacity 0.5s, -webkit-transform 0.5s!important; transition: transform 0.5s, opacity 0.5s!important; transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s!important; } .scroll .panel, .mobile .simplifiedMobile .panel { } .mobile .simplifiedMobile .navigation { display: none; } .mobile .simplifiedMobile [class*="ae-"] { visibility: visible!important; opacity: 1!important; -webkit-transform: none!important; transform: none!important; } .mobile .simplifiedMobile [class*="ae-"] { visibility: visible!important; opacity: 1!important; -webkit-transform: none!important; transform: none!important; } .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; } @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; -webkit-transform: scale(0.86); 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; -webkit-transform: scale(0.86) translateY(50px); transform: scale(0.86) translateY(50px); } } html { font-size: 6px; font-family: 'OCE Medium', Arial; font-weight: 400; color: #303030; } body { font-size: 16px; } .article .h1, .article h1, .article .h2, .article h2, .article .h3, .article h3, .article .h4, .article h4, .article .h5, .article h5, .article .h6, .article h6 { font-family: 'OCE Medium', Arial; font-style: normal; font-weight: 600; letter-spacing: normal; opacity: 0.9; } .article .h1.ultraLight, .article h1.ultraLight, .article .h2.ultraLight, .article h2.ultraLight, .article .h3.ultraLight, .article h3.ultraLight, .article .h4.ultraLight, .article h4.ultraLight, .article .h5.ultraLight, .article h5.ultraLight, .article .h6.ultraLight, .article h6.ultraLight { font-weight: 200; } .article .h1.light, .article h1.light, .article .h2.light, .article h2.light, .article .h3.light, .article h3.light, .article .h4.light, .article h4.light, .article .h5.light, .article h5.light, .article .h6.light, .article h6.light { font-weight: 300; } .article .h1.normal, .article h1.normal, .article .h2.normal, .article h2.normal, .article .h3.normal, .article h3.normal, .article .h4.normal, .article h4.normal, .article .h5.normal, .article h5.normal, .article .h6.normal, .article h6.normal { font-weight: 400; } .article .h1.semiBold, .article h1.semiBold, .article .h2.semiBold, .article h2.semiBold, .article .h3.semiBold, .article h3.semiBold, .article .h4.semiBold, .article h4.semiBold, .article .h5.semiBold, .article h5.semiBold, .article .h6.semiBold, .article h6.semiBold { font-weight: 500; letter-spacing: -0.05em; } .article .h1.bold, .article h1.bold, .article .h2.bold, .article h2.bold, .article .h3.bold, .article h3.bold, .article .h4.bold, .article h4.bold, .article .h5.bold, .article h5.bold, .article .h6.bold, .article h6.bold { font-weight: 600; letter-spacing: -0.04em; } .article .h1.ultraBold, .article h1.ultraBold, .article .h2.ultraBold, .article h2.ultraBold, .article .h3.ultraBold, .article h3.ultraBold, .article .h4.ultraBold, .article h4.ultraBold, .article .h5.ultraBold, .article h5.ultraBold, .article .h6.ultraBold, .article h6.ultraBold { font-family: 'OCE Bold', Arial; letter-spacing: -0.03em; } .article .h1, .article h1 { font-size: 8.4rem; line-height: 10rem; margin-top: 8rem; padding-top: 0.0138rem; padding-bottom: 0.9862rem; margin-bottom: 1rem; } .article .h1.small, .article h1.small { font-size: 6.4rem; line-height: 6rem; margin-top: 3rem; padding-top: 0.7248rem; padding-bottom: 0.2752rem; margin-bottom: 2rem; } .article .h1.large, .article h1.large { font-size: 9.6rem; line-height: 10rem; margin-top: 7rem; padding-top: 0.5872rem; padding-bottom: 0.4128rem; margin-bottom: 4rem; } .article .h1.huge, .article h1.huge { font-size: 14.6rem; line-height: 15rem; margin-top: 10rem; padding-top: 0.3097rem; padding-bottom: 0.6903rem; margin-bottom: 3rem; } .article .h2, .article h2 { font-size: 7.4rem; line-height: 8rem; margin-top: 6rem; padding-top: 0.3693rem; padding-bottom: 0.6307rem; margin-bottom: 1rem; } .article .h2.small, .article h2.small { font-size: 5.6rem; line-height: 6rem; margin-top: 4rem; padding-top: 0.0092rem; padding-bottom: 0.9908rem; margin-bottom: -1rem; } .article .h2.large, .article h2.large { font-size: 8.8rem; line-height: 9rem; margin-top: 6rem; padding-top: 0.3716rem; padding-bottom: 0.6284rem; margin-bottom: 1rem; } .article .h2.huge, .article h2.huge { font-size: 11.2rem; line-height: 12rem; margin-top: 8rem; padding-top: 0.0184rem; padding-bottom: 0.9816rem; margin-bottom: 1rem; } .article .h3, .article h3 { font-size: 6.4rem; line-height: 8rem; margin-top: 3rem; padding-top: 0.7248rem; padding-bottom: 0.2752rem; margin-bottom: 0rem; } .article .h3.small, .article h3.small { font-size: 4.8rem; line-height: 6rem; margin-top: 2rem; padding-top: 0.2936rem; padding-bottom: 0.7064rem; margin-bottom: -1rem; } .article .h3.large, .article h3.large { font-size: 8rem; line-height: 10rem; margin-top: 4rem; padding-top: 0.156rem; padding-bottom: 0.844rem; margin-bottom: 0rem; } .article .h3.huge, .article h3.huge { font-size: 9.6rem; line-height: 10rem; margin-top: 5rem; padding-top: 0.5872rem; padding-bottom: 0.4128rem; margin-bottom: 2rem; } .article .h4, .article h4 { font-size: 5.2rem; line-height: 6rem; margin-top: 4rem; padding-top: 0.1514rem; padding-bottom: 0.8486rem; margin-bottom: -1rem; } .article .h5, .article h5 { font-size: 4.4rem; line-height: 6rem; margin-top: 4rem; padding-top: 0.4358rem; padding-bottom: 0.5642rem; margin-bottom: -1rem; } .article .h6, .article h6 { font-size: 3.6rem; line-height: 4rem; margin-top: 3rem; padding-top: 0.7202rem; padding-bottom: 0.2798rem; margin-bottom: 0rem; } .article p, .article .p, .article .p:not(.hero) + p, .article p:not(.hero) + p { font-size: 3.5rem; line-height: 5rem; margin-top: 0rem; padding-top: 0.25575rem; padding-bottom: 0.74425rem; margin-bottom: 1rem; text-rendering: optimizeLegibility; } .article p.micro, .article .p.micro, .article .p:not(.hero) + p.micro, .article p:not(.hero) + p.micro { font-size: 2.6rem; line-height: 4rem; margin-top: 2rem; padding-top: 0.0757rem; padding-bottom: 0.9243rem; margin-bottom: -1rem; } .article p.small, .article .p.small, .article .p:not(.hero) + p.small, .article p:not(.hero) + p.small { font-size: 3rem; line-height: 4rem; margin-top: 1rem; padding-top: 0.9335rem; padding-bottom: 0.0665rem; margin-bottom: 0rem; } .article p.hero, .article .p.hero, .article .p:not(.hero) + p.hero, .article p:not(.hero) + p.hero { font-size: 5rem; line-height: 6rem; margin-top: 2rem; padding-top: 0.2225rem; padding-bottom: 0.7775rem; margin-bottom: 3rem; font-weight: 300; letter-spacing: -0.16rem; } .article strong { font-weight: 600; } .article em { font-weight: 500; } .article li { font-size: 3.5rem; line-height: 4rem; margin-top: -1rem; padding-top: 0.75575rem; padding-bottom: 0.24425rem; margin-bottom: 1rem; opacity: 0.8; } .article ul, .article ol { margin: 4rem 4rem 4rem 8rem; } .article ul li { list-style: disc; } .article ol li { list-style: decimal; } .article blockquote { font-size: 3.2rem; line-height: 4rem; margin-top: 5rem; padding-top: 0.8624rem; padding-bottom: 0.1376rem; margin-bottom: 5rem; padding-left: 4rem; padding-right: 4rem; margin-left: 4rem; margin-right: 4rem; padding-top: 1rem; padding-bottom: 1rem; opacity: 0.9; border-left: 5px solid #EEE; } .article q { font-size: 3.2rem; line-height: 4rem; margin-top: 5rem; padding-top: 0.8624rem; padding-bottom: 0.1376rem; margin-bottom: 6rem; padding-left: 4rem; padding-right: 4rem; opacity: 0.9; display: block; } .article q:before, .article q:after { font-size: 5rem; line-height: 0.1rem; vertical-align: -1rem; } .article q:before { content: "“"; margin-right: 1rem; } .article q:after { content: "”"; margin-left: 1rem; } /* Colors */ .white { background: #fff!important; color: #202020!important; } .white svg { fill: #202020!important; } .slide.whiteSlide .white { box-shadow: 0 0 0 1px rgba(41, 41, 41, 0.2) inset, inset 0 -100px 0 rgba(41, 41, 41, 0); } .slide.whiteSlide .white.sidebar { box-shadow: none; } .text-white { color: #fff!important; } .text-white.button svg { fill: #fff!important; } .stroke.button.white { color: #fff!important; border-color: #fff!important; } .stroke.button.white svg { fill: #fff!important; } .black { background: #202020!important; color: #fff!important; } .black svg { fill: #fff!important; } .text-black { color: #202020!important; } .text-black.button svg { fill: #202020!important; } .stroke.button.black { color: #202020!important; border-color: #202020!important; } .stroke.button.black svg { fill: #202020!important; } /* Colors by Google Meterial Design (C) */ .red { background: #F44336!important; color: #fff!important; } .red svg { fill: #fff!important; } .text-red { color: #F44336!important; } .text-red.button svg { fill: #F44336!important; } .stroke.button.red { color: #F44336!important; border-color: #F44336!important; } .stroke.button.red svg { fill: #F44336!important; } /*.pink { background: #E91E63!important; color: #fff!important; }*/ .pink svg { fill: #fff!important; } .text-pink { color: #E91E63!important; } .text-pink.button svg { fill: #E91E63!important; } .stroke.button.pink { color: #E91E63!important; border-color: #E91E63!important; } .stroke.button.pink svg { fill: #E91E63!important; } .purple { background: #9C27B0!important; color: #fff!important; } .purple svg { fill: #fff!important; } .text-purple { color: #9C27B0!important; } .text-purple.button svg { fill: #9C27B0!important; } .stroke.button.purple { color: #9C27B0!important; border-color: #9C27B0!important; } .stroke.button.purple svg { fill: #9C27B0!important; } .deepPurple { background: #673AB7!important; color: #fff!important; } .deepPurple svg { fill: #fff!important; } .text-deepPurple { color: #673AB7!important; } .text-deepPurple.button svg { fill: #673AB7!important; } .stroke.button.deepPurple { color: #673AB7!important; border-color: #673AB7!important; } .stroke.button.deepPurple svg { fill: #673AB7!important; } .indigo { background: #3F51B5!important; color: #fff!important; } .indigo svg { fill: #fff!important; } .text-indigo { color: #3F51B5!important; } .text-indigo.button svg { fill: #3F51B5!important; } .stroke.button.indigo { color: #3F51B5!important; border-color: #3F51B5!important; } .stroke.button.indigo svg { fill: #3F51B5!important; } .blue { background: #2196F3!important; color: #fff!important; } .blue svg { fill: #fff!important; } .text-blue { color: #2196F3!important; } .text-blue.button svg { fill: #2196F3!important; } .stroke.button.blue { color: #2196F3!important; border-color: #2196F3!important; } .stroke.button.blue svg { fill: #2196F3!important; } .cyan { background: #00BCD4!important; color: #fff!important; } .cyan svg { fill: #fff!important; } .text-cyan { color: #00BCD4!important; } .text-cyan.button svg { fill: #00BCD4!important; } .stroke.button.cyan { color: #00BCD4!important; border-color: #00BCD4!important; } .stroke.button.cyan svg { fill: #00BCD4!important; } .teal { background: #009688!important; color: #fff!important; } .teal svg { fill: #fff!important; } .text-teal { color: #009688!important; } .text-teal.button svg { fill: #009688!important; } .stroke.button.teal { color: #009688!important; border-color: #009688!important; } .stroke.button.teal svg { fill: #009688!important; } .green { background: #4CAF50!important; color: #fff!important; } .green svg { fill: #fff!important; } .text-green { color: #4CAF50!important; } .text-green.button svg { fill: #4CAF50!important; } .stroke.button.green { color: #4CAF50!important; border-color: #4CAF50!important; } .stroke.button.green svg { fill: #4CAF50!important; } .lightGreen { background: #8BC34A!important; color: #fff!important; } .lightGreen svg { fill: #fff!important; } .text-lightGreen { color: #8BC34A!important; } .text-lightGreen.button svg { fill: #8BC34A!important; } .stroke.button.lightGreen { color: #8BC34A!important; border-color: #8BC34A!important; } .stroke.button.lightGreen svg { fill: #8BC34A!important; } .lime { background: #CDDC39!important; color: #fff!important; } .lime svg { fill: #fff!important; } .text-lime { color: #CDDC39!important; } .text-lime.button svg { fill: #CDDC39!important; } .stroke.button.lime { color: #CDDC39!important; border-color: #CDDC39!important; } .stroke.button.lime svg { fill: #CDDC39!important; } .yellow { background: #FFEB3B!important; color: #202020!important; } .yellow svg { fill: #202020!important; } .text-yellow { color: #FFEB3B!important; } .text-yellow.button svg { fill: #FFEB3B!important; } .stroke.button.yellow { color: #FFEB3B!important; border-color: #FFEB3B!important; } .stroke.button.yellow svg { fill: #FFEB3B!important; } .amber { background: #FFC107!important; color: #fff!important; } .amber svg { fill: #fff!important; } .text-amber { color: #FFC107!important; } .text-amber.button svg { fill: #FFC107!important; } .stroke.button.amber { color: #FFC107!important; border-color: #FFC107!important; } .stroke.button.amber svg { fill: #FFC107!important; } .orange { background: #FF9800!important; color: #fff!important; } .orange svg { fill: #fff!important; } .text-orange { color: #FF9800!important; } .text-orange.button svg { fill: #FF9800!important; } .stroke.button.orange { color: #FF9800!important; border-color: #FF9800!important; } .stroke.button.orange svg { fill: #FF9800!important; } .deepOrange { background: #FF5722!important; color: #fff!important; } .deepOrange svg { fill: #fff!important; } .text-deepOrange { color: #FF5722!important; } .text-deepOrange.button svg { fill: #FF5722!important; } .stroke.button.deepOrange { color: #FF5722!important; border-color: #FF5722!important; } .stroke.button.deepOrange svg { fill: #FF5722!important; } .brown { background: #795548!important; color: #fff!important; } .brown svg { fill: #fff!important; } .text-brown { color: #795548!important; } .text-brown.button svg { fill: #795548!important; } .stroke.button.brown { color: #795548!important; border-color: #795548!important; } .stroke.button.brown svg { fill: #795548!important; } .gray { background: #9E9E9E!important; color: #fff!important; } .gray svg { fill: #fff!important; } .text-gray { color: #9E9E9E!important; } .text-gray.button svg { fill: #9E9E9E!important; } .stroke.button.gray { color: #9E9E9E!important; border-color: #9E9E9E!important; } .stroke.button.gray svg { fill: #9E9E9E!important; } .grey { background: #9E9E9E!important; color: #fff!important; } .grey svg { fill: #fff!important; } .text-grey { color: #9E9E9E!important; } .text-grey.button svg { fill: #9E9E9E!important; } .stroke.button.grey { color: #9E9E9E!important; border-color: #9E9E9E!important; } .stroke.button.grey svg { fill: #9E9E9E!important; } .blueGray { background: #607D8B!important; color: #fff!important; } .blueGray svg { fill: #fff!important; } .text-blueGray { color: #607D8B!important; } .text-blueGray.button svg { fill: #607D8B!important; } .stroke.button.blueGray { color: #607D8B!important; border-color: #607D8B!important; } .stroke.button.blueGray svg { fill: #607D8B!important; } .blueGrey { background: #607D8B!important; color: #fff!important; } .blueGrey svg { fill: #fff!important; } .text-blueGrey { color: #607D8B!important; } .text-blueGrey.button svg { fill: #607D8B!important; } .stroke.button.blueGrey { color: #607D8B!important; border-color: #607D8B!important; } .stroke.button.blueGrey svg { fill: #607D8B!important; } /* Social Colors */ .facebook { background: #3b5998!important; color: #fff!important; } .facebook svg { fill: #fff!important; } .text-facebook { color: #3b5998!important; } .text-facebook.button svg { fill: #3b5998!important; } .stroke.button.facebook { color: #3b5998!important; border-color: #3b5998!important; } .stroke.button.facebook svg { fill: #3b5998!important; } .twitter { background: #55acee!important; color: #fff!important; } .twitter svg { fill: #fff!important; } .text-twitter { color: #55acee!important; } .text-twitter.button svg { fill: #55acee!important; } .stroke.button.twitter { color: #55acee!important; border-color: #55acee!important; } .stroke.button.twitter svg { fill: #55acee!important; } .googlePlus { background: #DD4330!important; color: #fff!important; } .googlePlus svg { fill: #fff!important; } .text-googlePlus { color: #DD4330!important; } .text-googlePlus.button svg { fill: #DD4330!important; } .stroke.button.googlePlus { color: #DD4330!important; border-color: #DD4330!important; } .stroke.button.googlePlus svg { fill: #DD4330!important; } .stumbleupon { background: #eb4924!important; color: #fff!important; } .stumbleupon svg { fill: #fff!important; } .text-stumbleupon { color: #eb4924!important; } .text-stumbleupon.button svg { fill: #eb4924!important; } .stroke.button.stumbleupon { color: #eb4924!important; border-color: #eb4924!important; } .stroke.button.stumbleupon svg { fill: #eb4924!important; } .linkedin { background: #0077b5!important; color: #fff!important; } .linkedin svg { fill: #fff!important; } .text-linkedin { color: #0077b5!important; } .text-linkedin.button svg { fill: #0077b5!important; } .stroke.button.linkedin { color: #0077b5!important; border-color: #0077b5!important; } .stroke.button.linkedin svg { fill: #0077b5!important; } .pinterest { background: #cc2127!important; color: #fff!important; } .pinterest svg { fill: #fff!important; } .text-pinterest { color: #cc2127!important; } .text-pinterest.button svg { fill: #cc2127!important; } .stroke.button.pinterest { color: #cc2127!important; border-color: #cc2127!important; } .stroke.button.pinterest svg { fill: #cc2127!important; } .instagram { background: #4D9AD8!important; color: #fff!important; } .instagram svg { fill: #fff!important; } .text-instagram { color: #4D9AD8!important; } .text-instagram.button svg { fill: #4D9AD8!important; } .stroke.button.instagram { color: #4D9AD8!important; border-color: #4D9AD8!important; } .stroke.button.instagram svg { fill: #4D9AD8!important; } .tumblr { background: #34455D!important; color: #fff!important; } .tumblr svg { fill: #fff!important; } .text-tumblr { color: #34455D!important; } .text-tumblr.button svg { fill: #34455D!important; } .stroke.button.tumblr { color: #34455D!important; border-color: #34455D!important; } .stroke.button.tumblr svg { fill: #34455D!important; } .dribbble { background: #ea4c89!important; color: #fff!important; } .dribbble svg { fill: #fff!important; } .text-dribbble { color: #ea4c89!important; } .text-dribbble.button svg { fill: #ea4c89!important; } .stroke.button.dribbble { color: #ea4c89!important; border-color: #ea4c89!important; } .stroke.button.dribbble svg { fill: #ea4c89!important; } .yt { background: #cd201f!important; color: #fff!important; } .yt svg { fill: #fff!important; } .text-yt { color: #cd201f!important; } .text-yt.button svg { fill: #cd201f!important; } .stroke.button.yt { color: #cd201f!important; border-color: #cd201f!important; } .stroke.button.yt svg { fill: #cd201f!important; } .delicious { background: #3399ff!important; color: #fff!important; } .delicious svg { fill: #fff!important; } .text-delicious { color: #3399ff!important; } .text-delicious.button svg { fill: #3399ff!important; } .stroke.button.delicious { color: #3399ff!important; border-color: #3399ff!important; } .stroke.button.delicious svg { fill: #3399ff!important; } .digg { background: #000000!important; color: #fff!important; } .digg svg { fill: #fff!important; } .text-digg { color: #000000!important; } .text-digg.button svg { fill: #000000!important; } .stroke.button.digg { color: #000000!important; border-color: #000000!important; } .stroke.button.digg svg { fill: #000000!important; } .vimeo { background: #fff!important; color: #1ab7ea!important; } .vimeo svg { fill: #1ab7ea!important; } .slide.whiteSlide .vimeo { box-shadow: 0 0 0 1px rgba(41, 41, 41, 0.2) inset, inset 0 -100px 0 rgba(41, 41, 41, 0); } .text-vimeo { color: #fff!important; } .text-vimeo.button svg { fill: #fff!important; } .stroke.button.vimeo { color: #fff!important; border-color: #fff!important; } .stroke.button.vimeo svg { fill: #fff!important; } .xing { background: #026466!important; color: #fff!important; } .xing svg { fill: #fff!important; } .text-xing { color: #026466!important; } .text-xing.button svg { fill: #026466!important; } .stroke.button.xing { color: #026466!important; border-color: #026466!important; } .stroke.button.xing svg { fill: #026466!important; } /* Welcome new Grid! */ .grid { margin-left: -10px; margin-right: -10px; /* default spaces */ } .grid [class*='col-'] { display: block; width: 100%; padding-left: 10px; padding-right: 10px; float: left; } .grid.fixedSpaces { margin-left: -10px; margin-right: -10px; } .grid.fixedSpaces > [class*='col-'] { padding-left: 10px; padding-right: 10px; } .grid.noSpaces { margin-left: 0; margin-right: 0; } .grid.noSpaces > [class*='col-'] { padding-left: 0; padding-right: 0; } .grid .toLeft[class*='col-'] { margin-left: 0!important; margin-right: auto!important; } .grid .toRight[class*='col-'] { margin-right: 0!important; margin-left: auto!important; float: right; } .grid .toCenter[class*='col-'] { margin-left: auto!important; margin-right: auto!important; } .grid > .col-1-12 { max-width: 8.33333%; } .grid > .col-2-12 { max-width: 16.66667%; } .grid > .col-3-12 { max-width: 25%; } .grid > .col-4-12 { max-width: 33.33333%; } .grid > .col-5-12 { max-width: 41.66667%; } .grid > .col-6-12 { max-width: 50%; } .grid > .col-7-12 { max-width: 58.33333%; } .grid > .col-8-12 { max-width: 66.66667%; } .grid > .col-9-12 { max-width: 75%; } .grid > .col-10-12 { max-width: 83.33333%; } .grid > .col-11-12 { max-width: 91.66667%; } .grid > .col-12-12 { max-width: 100%; } .grid > .col-1-10 { max-width: 10%; } .grid > .col-2-10 { max-width: 20%; } .grid > .col-3-10 { max-width: 30%; } .grid > .col-4-10 { max-width: 40%; } .grid > .col-5-10 { max-width: 50%; } .grid > .col-6-10 { max-width: 60%; } .grid > .col-7-10 { max-width: 70%; } .grid > .col-8-10 { max-width: 80%; } .grid > .col-9-10 { max-width: 90%; } .grid > .col-10-10 { max-width: 100%; } .grid + .grid { margin-top: 20px; } .grid:after { content: ""; display: table; clear: both; } /* Welcome new Grid! */ .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -2%; margin-right: -2%; /* default spaces */ /* alignments */ } .flex > [class*='col-'] { padding-left: 2%; padding-right: 2%; } .flex.fixedSpaces { margin-left: -14px; margin-right: -14px; } .flex.fixedSpaces > [class*='col-'] { padding-left: 14px; padding-right: 14px; } .flex > .noSpaces { margin-left: 0; margin-right: 0; } .flex > .noSpaces > [class*='col-'] { padding-left: 0; padding-right: 0; } .flex.verticalCenter { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex.reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .flex.bottom [class*='col-'], .flex.reverse.top [class*='col-'] { -ms-flex-item-align: end; align-self: flex-end; } .flex.top [class*='col-'], .flex.reverse.bottom [class*='col-'] { -ms-flex-item-align: start; align-self: flex-start; } .flex > .col-1-12 { width: 8.33333%; } .flex > .col-2-12 { width: 16.66667%; } .flex > .col-3-12 { width: 25%; } .flex > .col-4-12 { width: 33.33333%; } .flex > .col-5-12 { width: 41.66667%; } .flex > .col-6-12 { width: 50%; } .flex > .col-7-12 { width: 58.33333%; } .flex > .col-8-12 { width: 66.66667%; } .flex > .col-9-12 { width: 75%; } .flex > .col-10-12 { width: 83.33333%; } .flex > .col-11-12 { width: 91.66667%; } .flex > .col-12-12 { width: 100%; } .flex > .col-1-10 { width: 10%; } .flex > .col-2-10 { width: 20%; } .flex > .col-3-10 { width: 30%; } .flex > .col-4-10 { width: 40%; } .flex > .col-5-10 { width: 50%; } .flex > .col-6-10 { width: 60%; } .flex > .col-7-10 { width: 70%; } .flex > .col-8-10 { width: 80%; } .flex > .col-9-10 { width: 90%; } .flex > .col-10-10 { width: 100%; } /* * _____ _ * | __ \( ) | | * | | | |_ __ _| | ___ __ _ * | | | | |/ _` | |/ _ \ / _` | * | |__| | | (_| | | (_) | (_| | * |_____/|_|\__,_|_|\___/ \__, | * _/ | * Dialog Window /__/ * */ .dialogContainer { pointer-events: none; } .dialog { pointer-events: all; color: #303030; border-radius: 6px; max-width: 350px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 0 0px 1px rgba(0, 0, 0, 0.05); cursor: default; opacity: 0.98; font-size: 17px; line-height: 1.3; background: #fff; margin: 20px; overflow: hidden; text-align: left; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.75s, height 0s; transition: all 0.75s, height 0s; -webkit-transition-timing-function: cubic-bezier(0.25, 1.37, 0.44, 0.93); transition-timing-function: cubic-bezier(0.25, 1.37, 0.44, 0.93); -webkit-tap-highlight-color: transparent; } .dialog:hover { opacity: 1; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 0 0px 1px rgba(0, 0, 0, 0.05); } .dialogContainer, .dialog { position: fixed; top: 0; right: 0; z-index: 300; } .dialog .button.small { margin-left: 4px; margin-right: 4px; } .dialog .button { margin-left: 7px; margin-right: 7px; } .dialogContainer:not(.bottom) .dialog + .dialog { margin-bottom: 0px; } .dialogContainer.bottom .dialog + .dialog { margin-top: 0px; } .dialogContainer.bottom, .dialog.bottom { top: inherit; bottom: 0; } .dialogContainer.left, .dialog.left { right: inherit; left: 0; } .dialogContainer > .dialog { position: relative; } .dialog.hidden { display: none; } /* .dialogContainer > .dialog:nth-child(1){ -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .dialogContainer > .dialog:nth-child(2){ -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .dialogContainer > .dialog:nth-child(3){ -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .dialogContainer > .dialog:nth-child(4){ -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .dialogContainer > .dialog:nth-child(5){ -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } */ .dialog.hide { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0!important; -webkit-transition: height 0s, opacity 0.5s, -webkit-transform 0.5s!important; transition: height 0s, opacity 0.5s, -webkit-transform 0.5s!important; transition: height 0s, opacity 0.5s, transform 0.5s!important; transition: height 0s, opacity 0.5s, transform 0.5s, -webkit-transform 0.5s!important; } .dialog.reveal { -webkit-transition: 0s!important; transition: 0s!important; } @-webkit-keyframes revealDialog { from { opacity: 0; margin-top: 0; -webkit-transform: scale(0.5) translateY(100%); transform: scale(0.5) translateY(100%); } } @keyframes revealDialog { from { height: 0; opacity: 0; margin-top: 0; -webkit-transform: scale(0.5) translateY(100%); transform: scale(0.5) translateY(100%); } } .dialog:hover { opacity: 1; -webkit-transition: 0.35s; transition: 0.35s; } html:not(.page-loaded) .dialog { -webkit-transform: scale(0.5) translateY(100%); transform: scale(0.5) translateY(100%); opacity: 0; } .dialog .close { padding: 15px; position: absolute; font-size: 0; top: 0; right: 0; cursor: pointer; -webkit-transition: 0.35s; transition: 0.35s; opacity: 0; z-index: 10; } .dialog:hover .close { opacity: 0.2; } .dialog .close:hover, .mobile .dialog .close { opacity: 0.5; } .dialog .close:active { opacity: 1; } .dialog .close:after, .dialog .close:before { content: ""; width: 14px; height: 2px; border-radius: 2px; background: #202020; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 8px; } .dialog .close:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .dialog .close.white { background: transparent!important; } .dialog .close.white:after, .dialog .close.white:before { background: #fff; } .dialog .dialogContent { padding: 20px; } .dialog .avatar { border-radius: 50px; width: 50px; height: 50px; position: absolute; top: 18px; } .dialog .avatar + .text { width: calc(100% - 70px); margin-left: 70px; } .dialog .title { margin: 8px 0; font-size: 22px; font-weight: 600; } .dialog .title.uppercase { font-size: 17px; text-transform: uppercase; letter-spacing: 2.5px; } .dialog .hero { font-weight: 200; font-size: 26px; letter-spacing: -0.02em; line-height: 1.36; margin-bottom: 20px; } .dialog ul { display: table; width: 100%; font-size: 0; font-weight: 600; box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1) inset; } .dialog .hiddenContent { overflow: hidden; display: block; max-height: 0; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } .dialog:hover .hiddenContent, .dialog.hover .hiddenContent { max-height: 90px; opacity: 1; } .dialog li { height: 50px; font-size: 18px; display: table-cell; width: 33.33333%; text-align: center; cursor: pointer; line-height: 1; vertical-align: middle; text-decoration: none; border-bottom: none; -webkit-transition: 0.25s; transition: 0.25s; box-shadow: inset 0 -100px 0 rgba(41, 41, 41, 0); } .dialog li { border-left: 1px solid rgba(0, 0, 0, 0.1); } .dialog li:first-child { border-left: none; } .dialog li:hover { box-shadow: inset 0 -100px 0 rgba(0, 0, 0, 0.05); } .dialog li input { font-size: 18px; width: 250px; border: none; padding: 13px 5px 16px 15px; outline: none; margin: 1px 0 0 0; color: #202020; height: 50px; box-shadow: none!important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* Slides Custom Styles */ .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.play.button-7 { margin: -17px 30px; } .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; } 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; } .header-18 { font-size: 70px; } .video-18 { margin-top: 34px; } .icon-26 { margin-right: 4px; } .app-26 { width: 100px; position: absolute; left: 0; } .text-26 { margin-left: 130px; } .cell-26 { margin-top: 22px; } .app-27 { width: 100px; padding-bottom: 20px; } .icon-27 { margin-right: 4px; } .cell-27 { margin-top: -22px; } .quote-31 { padding-left: 95px; } .image-31 { padding-top: 35px; } .avatar-31 { border-radius: 50px; position: absolute; margin-left: 7px; } .iphone-35 { margin-bottom: -45%; } .ipad-36 { margin: -10px 0 -50%; } 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: 25%; margin-bottom: 40px; } .text-38 { margin-top: 15px; } .avatar-41 { border-radius: 50px; margin: 10px 5px 5px; } p.terms-42 { max-width: 350px; line-height: 1.29; margin: 13px auto; text-align: center; } p.text-42 { max-width: 350px; line-height: 1.29; margin: 30px auto 0; display: inline-block; } p.remind-43 { max-width: 350px; line-height: 1.29; margin: 13px auto; text-align: center; } p.text-43 { max-width: 350px; line-height: 1.29; margin: 30px auto 0; display: inline-block; } .fix-45 { max-width: 210px; } .videoThumbnail.video-46:after { background-image: url("../assets/svg/video-icon-dark.svg"); } .slide.whiteSlide .box-46 .shadow { box-shadow: none; } .grid-47 .material-icons { margin-bottom: 30px; margin-top: 15px; font-size: 72px; } .grid-48 .material-icons { margin-bottom: 30px; margin-top: 15px; font-size: 72px; } .grid-49 .material-icons { margin-bottom: 10px; margin-top: 15px; font-size: 72px; } .pad-59 { border-radius: 20px; padding: 6%; margin-top: 40px; } .grid-61 .material-icons { margin-bottom: 10px; margin-top: 15px; font-size: 48px; } .grid-62 .material-icons { margin-bottom: 10px; margin-top: 15px; font-size: 48px; } .grid-64 .material-icons { margin-bottom: 10px; margin-top: 15px; font-size: 48px; } .cell-64 { border-radius: 20px; padding: 18px 35px 10px; position: relative; display: block; -webkit-transition: 0.25s; transition: 0.25s; box-shadow: 0 0 1px rgba(41, 41, 41, 0); } .cell-64:hover { background: #fff; color: #303030; opacity: 1; box-shadow: 0 0 0 1px rgba(41, 41, 41, 0.2); } .grid-64 { padding-top: 15px; } .grid-64 .cell-64: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; } .slide.whiteSlide .grid-64 .cell-64:after { background: rgba(0, 0, 0, 0.1); } .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.grid-65 .cell-65 { position: relative; padding-left: 90px; padding-bottom: 30px; } .grid-65 .material-icons { position: absolute; left: 23px; top: -5px; font-size: 48px; } .videoThumbnail.video-66:after { background-image: url("../assets/svg/video-icon-dark.svg"); } .box-67 { color: #303030; border-radius: 20px; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); display: block; outline: none; margin-bottom: 35px; -webkit-backface-visibility: hidden; } .box-67:hover { box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15), 0 0px 14px rgba(0, 0, 0, 0.02), 0 0px 1px rgba(0, 0, 0, 0.1); 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: 19px 15px 25px; background: #FFFFFF; } .category-67 { text-transform: uppercase; letter-spacing: 2.2px; font-size: 13px; font-weight: 600; opacity: 0.5; } .title-67 { font-size: 24px; letter-spacing: 0; line-height: 1.33; font-weight: 600; } .slide.whiteSlide .tintLogos { -webkit-filter: brightness(0.2); filter: brightness(0.2); } .slide:not(.whiteSlide) .tintLogos { -webkit-filter: brightness(1.3); filter: brightness(1.3); } .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-'], .grid-69 [class*='col-'].selected { padding: 8px; cursor: pointer; pointer-events: all; } .box-69 { display: block; height: 0; padding-bottom: 100%; position: relative; background-size: cover; color: #303030; cursor: -webkit-zoom-in; } .box-69:hover { opacity: 1; } .box-69:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; 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: 13px; font-weight: 600; opacity: 0.5; margin-bottom: 13px; } .title-69 { font-size: 24px; line-height: 1.3; 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-color: #ccc; color: #303030; background-repeat: no-repeat; background-position: right top; background-size: contain; border-radius: 20px; margin: 10px auto; max-width: 400px; } .box-70:hover { background-color: #fff!important; opacity: 1; box-shadow: 0px 22px 23px 0px rgba(0, 0, 0, 0.4); } .thumbnail-70 { height: 0; padding-bottom: 90%; } .info-70 { padding: 10%; } .category-70 { text-transform: uppercase; letter-spacing: 2px; font-size: 13px; font-weight: 600; opacity: 0.7; margin-bottom: 13px; } .title-70 { font-size: 24px; 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: 20px; padding: 18px 35px 10px; position: relative; display: block; -webkit-transition: 0.25s; transition: 0.25s; box-shadow: 0 0 1px rgba(41, 41, 41, 0); } .grid-71 .material-icons { font-size: 48px; margin-top: 20px; margin-bottom: 13px; } .cell-71:hover { background: #fff; color: #303030; opacity: 1; box-shadow: 0 0 0 1px rgba(41, 41, 41, 0.2); } .grid-71 .cell-71:after { content: " "; position: absolute; top: 0; right: -15px; height: 100%; background: rgba(255, 255, 255, 0.2); width: 1px; -webkit-transition: 0.25s opacity; transition: 0.25s opacity; } .slide.whiteSlide .grid-71 .cell-71:after { background: rgba(0, 0, 0, 0.1); } .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; } .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; box-shadow: 0 0 1px rgba(41, 41, 41, 0); } .grid-73 .material-icons { font-size: 48px; margin-bottom: 13px; } .desktop .cell-73:hover { background: #fff; color: #303030; opacity: 1; box-shadow: 0 0 0 1px rgba(41, 41, 41, 0.2); } .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; } .slide.whiteSlide .grid-73 .cell-73:after { background: rgba(0, 0, 0, 0.1); } .fast .cell-73 { -webkit-transition: 0.15s; transition: 0.15s; } .slow .cell-73 { -webkit-transition: 0.35s; transition: 0.35s; } .grid-73 .cell-73.last:after { opacity: 0; } .desktop .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 { color: #303030; border-radius: 10px; overflow: hidden; box-shadow: 0 0 3px rgba(0, 0, 0, 0.06), 0 2px 3px rgba(0, 0, 0, 0.1); display: block; outline: none; margin-bottom: 25px; -webkit-backface-visibility: hidden; } .box-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; } .box-74 .thumbnail-74 { font-size: 0; line-height: 0; overflow: hidden; } .box-74 .thumbnail-74 img { border-radius: 10px 10px 0 0; -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; background: #FFFFFF; border-radius: 0 0 10px 0; } .description-74 { font-size: 22px; margin-top: 12px; opacity: 0.8; } .grid-75 { background: #9B9C97; top: 10px; } .grid-75 li { font-size: 0; line-height: 0; } .grid-75 a:hover { opacity: 1; -webkit-filter: brightness(0.8) saturate(0.8); filter: brightness(0.8) saturate(0.8); } .button.button-76 { width: 44px; height: 44px; padding: 7px 14px; } .button.button-76 svg { width: 18px; height: 18px; } .slide.whiteSlide .button.white.button-76 { box-shadow: 0 2px 8px 2px rgba(41, 41, 41, 0.25); } p.text-76 { position: absolute; top: -2px; left: 57px; line-height: 1.5; opacity: 1; margin: 0; } .grid.grid-77 { margin-left: -12px; margin-right: -12px; } .grid.grid-77 > [class*='col-'] { padding-left: 12px; padding-right: 12px; } .box-77 { color: #303030; border-radius: 10px; overflow: hidden; box-shadow: 0 0 3px rgba(0, 0, 0, 0.06), 0 2px 3px rgba(0, 0, 0, 0.1); display: block; outline: none; margin: 10px 0; -webkit-backface-visibility: hidden; } a.box-77:hover { box-shadow: 0 0 3px rgba(0, 0, 0, 0.06), 0 5px 6px rgba(0, 0, 0, 0.13); 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("../assets/svg/video-icon.svg") no-repeat; background-size: 42px; background-position: center center; } .box-77 .thumbnail-77 img { border-radius: 10px 10px 0 0; -webkit-backface-visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; } .details-77 { padding: 20px 18px 18px; background: #FFFFFF; border-radius: 0 0 10px 0; } .details-77 .cell { text-align: left; } .title-77 { font-size: 17px; letter-spacing: 3px; line-height: 1.2; text-transform: uppercase; font-family: 'OCE Bold', Arial; } .description-77 { font-size: 16px; margin-top: 6px; opacity: 0.8; letter-spacing: 0.5px; } .author-77 { background: #fff; border-top: 1px solid #EBEBEB; padding-top: 20px; margin-top: 18px; position: relative; padding-left: 40px; } .avatar-77 { border-radius: 50%; position: absolute; left: 0; } .cell-77 { padding-left: 4px!important; } .name-77 { font-size: 13px; text-transform: uppercase; letter-spacing: 2px; font-family: 'OCE Bold', Arial; opacity: 0.5; font-weight: bold!important; } .specs-77 { font-size: 15px; opacity: 0.8; margin-bottom: 0; } .text-78 { font-size: 17px; letter-spacing: 0.5px; margin-top: 7px; } .fix-79 { max-width: 330px; } .box-79 { color: #303030; border-radius: 10px; overflow: hidden; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.07); display: block; outline: none; background: #fff; position: relative; margin-bottom: 25px; } .grid-79 li:last-child .box-79 { margin-bottom: 0px; } .popup-79 { position: relative; } .box-79:hover { opacity: 1; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 7px 8px rgba(0, 0, 0, 0.15); } .box-79 svg { -webkit-transition: 0.5s; transition: 0.5s; } .box-79:hover svg { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .name-79 { padding: 45px 25px; } .title-79 { text-transform: uppercase; font-size: 19px; letter-spacing: 3.5px; margin-top: 20px; font-family: 'OCE Bold', Arial; } .text-79 { font-size: 24px; position: relative; top: 6px; left: 11px; } .button.button-79 { width: 44px; height: 44px; padding: 7px 14px; } .grid-79 .material-icons { margin-bottom: 20px; font-size: 72px; } .button.button-79 svg { width: 18px; height: 18px; } p.text-79 { position: absolute; left: 57px; top: -2px; line-height: 1.5; opacity: 1; margin: 0; text-align: left; } .slide.whiteSlide .button.white.button-79 { box-shadow: 0 0 0 2px rgba(41, 41, 41, 0.25); } .name-80 { font-size: 15px; font-weight: 600; } .grid-80 { margin-top: 65px; } .grid-80 .material-icons { font-size: 48px; margin-bottom: 13px; } .text-80 { max-width: 360px!important; margin: 0 auto; } .quote-80 { font-size: 85px; font-weight: 600; line-height: 1; margin-bottom: 10px; } .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-family: 'OCE Bold', Arial; 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 { color: #303030; margin-top: 50px; } .grid-84 .button { margin-left: 0; margin-right: 0; } .grid.grid-84 > [class*='col-'] { padding: 37px 25px 30px; position: relative; background: #fff; border-radius: 20px; overflow: hidden; } .tint-84 { background: #E6F5F3!important; } .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; line-height: 1.29; font-size: 17px; } .grid-85 { color: #303030; margin-top: 50px; } .grid-85 .button { margin-left: 0; margin-right: 0; } .grid.grid-85 > [class*='col-'] { padding: 37px 25px 30px; position: relative; background: #fff; border-radius: 20px; overflow: hidden; } .tint-85 { background: #E6F5F3!important; } .grid.grid-85 > .tint-85:after { display: none; } .price-85 { font-size: 140px; 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: 35px 0 45px; line-height: 1.35; font-size: 17px; } .grid-86 { margin-top: 50px; } .grid-86 .button { margin-left: 0; margin-right: 0; } .note-86 { opacity: 0.6; margin-top: 18px; } .box-86 { color: #303030; padding: 37px 25px 30px; position: relative; background: #fff; border-radius: 20px; margin-bottom: 30px; overflow: hidden; box-shadow: 0 0 1px rgba(48, 48, 48, 0.54); } .tint-86 { background: #E6F5F3!important; 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; line-height: 1.29; font-size: 17px; } .button.button-87 { width: 44px; height: 44px; padding: 7px 14px; float: left; } .button.button-87 svg { width: 18px; height: 18px; } .slide.whiteSlide .button.white.button-87 { box-shadow: 0 2px 8px 2px rgba(41, 41, 41, 0.25); } p.text-87 { top: -2px; padding-left: 57px; line-height: 1.5; opacity: 1; margin: 0px 0 0; position: relative; } .img-88 { margin-bottom: -3%; margin-top: -50px; } .videoThumbnail.video-88 { margin-top: 45px; padding-top: 40px; padding-bottom: 45px; margin-bottom: 40px; } .videoThumbnail.video-88:after { background-image: url("../assets/svg/video-icon-dark.svg"); background-size: 112px; } .button.button-89 { width: 44px; height: 44px; padding: 7px 14px; } .button.button-89 svg { width: 18px; height: 18px; top: -1px; } .slide.whiteSlide .button.white.button-89 { box-shadow: 0 2px 8px 2px rgba(41, 41, 41, 0.25); } .text-89 { font-size: 17px; position: relative; top: 11px; left: 11px; } .box-90 { margin-bottom: 27px; } .box-90.videoThumbnail:after { background-size: 90px; } .button.button-92 { margin-top: 20px; } .hr-92 { margin-top: 80px; } .frame-94 { border: 1px solid rgba(255, 255, 255, 0.2); padding: 25px; border-radius: 2px; } .slide.whiteSlide .frame-94 { border: 1px solid rgba(42, 42, 42, 0.2); } .form-96 { margin: 40px 0 25px; } 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 { background: #fff; border-radius: 3px; padding: 13px 24px 16px 16px; border: none; font-size: 20px; color: #242424; outline: none; max-width: 350px; width: 125px; 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; } /* Re-usable stuff */ .table { display: table; width: 100%; height: 100%; } .cell { display: table-cell; text-align: center; vertical-align: middle; } .scroll-x { overflow-x: scroll; } .scroll-y { overflow-y: scroll; } .overflowHidden, .scrollHidden { overflow: hidden; } .italic { font-style: italic!important; } .ultraLight, .uppercase.ultraLight { font-weight: 100!important; } .light, .uppercase.light { font-weight: 300!important; } .normal, .uppercase.normal { font-weight: normal!important; } .semiBold, .uppercase.semiBold { font-weight: 500!important; } .bold { font-weight: 600!important; } .ultraBold, .uppercase.ultraBold { font-weight: 900!important; } .left { text-align: left!important; } .right { text-align: right!important; } .center { text-align: center!important; } .top { vertical-align: top!important; } .middle { vertical-align: middle!important; } .bottom { vertical-align: bottom!important; } .rtl { direction: rtl; unicode-bidi: embed; } .rectangular { border-radius: 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; } .wide { width: 100%!important; } .nowrap { white-space: nowrap; } .opacity-0 { opacity: 0!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; } .opacity-10, .opaque { opacity: 1!important; } .transparent { background: transparent!important; } .padding-0 { padding: 0px!important; } .padding-1 { padding: 10px!important; } .padding-2 { padding: 20px!important; } .padding-3 { padding: 30px!important; } .padding-4 { padding: 40px!important; } .padding-5 { padding: 50px!important; } .padding-6 { padding: 60px!important; } .padding-7 { padding: 70px!important; } .padding-8 { padding: 80px!important; } .padding-9 { padding: 90px!important; } .padding-10 { padding: 100px!important; } .padding-11 { padding: 110px!important; } .padding-12 { padding: 120px!important; } .padding-13 { padding: 130px!important; } .padding-14 { padding: 140px!important; } .padding-15 { padding: 150px!important; } .padding-16 { padding: 160px!important; } .padding-17 { padding: 170px!important; } .padding-18 { padding: 180px!important; } .padding-19 { padding: 190px!important; } .padding-20 { padding: 200px!important; } .padding-top-0 { padding-top: 0px!important; } .padding-top-1 { padding-top: 10px!important; } .padding-top-2 { padding-top: 20px!important; } .padding-top-3 { padding-top: 30px!important; } .padding-top-4 { padding-top: 40px!important; } .padding-top-5 { padding-top: 50px!important; } .padding-top-6 { padding-top: 60px!important; } .padding-top-7 { padding-top: 70px!important; } .padding-top-8 { padding-top: 80px!important; } .padding-top-9 { padding-top: 90px!important; } .padding-top-10 { padding-top: 100px!important; } .padding-top-11 { padding-top: 110px!important; } .padding-top-12 { padding-top: 120px!important; } .padding-top-13 { padding-top: 130px!important; } .padding-top-14 { padding-top: 140px!important; } .padding-top-15 { padding-top: 150px!important; } .padding-top-16 { padding-top: 160px!important; } .padding-top-17 { padding-top: 170px!important; } .padding-top-18 { padding-top: 180px!important; } .padding-top-19 { padding-top: 190px!important; } .padding-top-20 { padding-top: 200px!important; } .pt2parcent { padding-top: 2%!important; } .padding-right-0 { padding-right: 0px!important; } .padding-right-1 { padding-right: 10px!important; } .padding-right-2 { padding-right: 20px!important; } .padding-right-3 { padding-right: 30px!important; } .padding-right-4 { padding-right: 40px!important; } .padding-right-5 { padding-right: 50px!important; } .padding-right-6 { padding-right: 60px!important; } .padding-right-7 { padding-right: 70px!important; } .padding-right-8 { padding-right: 80px!important; } .padding-right-9 { padding-right: 90px!important; } .padding-right-10 { padding-right: 100px!important; } .padding-right-11 { padding-right: 110px!important; } .padding-right-12 { padding-right: 120px!important; } .padding-right-13 { padding-right: 130px!important; } .padding-right-14 { padding-right: 140px!important; } .padding-right-15 { padding-right: 150px!important; } .padding-right-16 { padding-right: 160px!important; } .padding-right-17 { padding-right: 170px!important; } .padding-right-18 { padding-right: 180px!important; } .padding-right-19 { padding-right: 190px!important; } .padding-right-20 { padding-right: 200px!important; } .padding-bottom-0 { padding-bottom: 0px!important; } .padding-bottom-1 { padding-bottom: 10px!important; } .padding-bottom-2 { padding-bottom: 20px!important; } .padding-bottom-3 { padding-bottom: 30px!important; } .padding-bottom-4 { padding-bottom: 40px!important; } .padding-bottom-5 { padding-bottom: 50px!important; } .padding-bottom-6 { padding-bottom: 60px!important; } .padding-bottom-7 { padding-bottom: 70px!important; } .padding-bottom-8 { padding-bottom: 80px!important; } .padding-bottom-9 { padding-bottom: 90px!important; } .padding-bottom-10 { padding-bottom: 100px!important; } .padding-bottom-11 { padding-bottom: 110px!important; } .padding-bottom-12 { padding-bottom: 120px!important; } .padding-bottom-13 { padding-bottom: 130px!important; } .padding-bottom-14 { padding-bottom: 140px!important; } .padding-bottom-15 { padding-bottom: 150px!important; } .padding-bottom-16 { padding-bottom: 160px!important; } .padding-bottom-17 { padding-bottom: 170px!important; } .padding-bottom-18 { padding-bottom: 180px!important; } .padding-bottom-19 { padding-bottom: 190px!important; } .padding-bottom-20 { padding-bottom: 200px!important; } .pb2parcent { padding-bottom: 2%!important; } .padding-left-0 { padding-left: 0px!important; } .padding-left-1 { padding-left: 10px!important; } .padding-left-2 { padding-left: 20px!important; } .padding-left-3 { padding-left: 30px!important; } .padding-left-4 { padding-left: 40px!important; } .padding-left-5 { padding-left: 50px!important; } .padding-left-6 { padding-left: 60px!important; } .padding-left-7 { padding-left: 70px!important; } .padding-left-8 { padding-left: 80px!important; } .padding-left-9 { padding-left: 90px!important; } .padding-left-10 { padding-left: 100px!important; } .padding-left-11 { padding-left: 110px!important; } .padding-left-12 { padding-left: 120px!important; } .padding-left-13 { padding-left: 130px!important; } .padding-left-14 { padding-left: 140px!important; } .padding-left-15 { padding-left: 150px!important; } .padding-left-16 { padding-left: 160px!important; } .padding-left-17 { padding-left: 170px!important; } .padding-left-18 { padding-left: 180px!important; } .padding-left-19 { padding-left: 190px!important; } .padding-left-20 { padding-left: 200px!important; } .marginAuto { margin: auto!important; } .margin-0 { margin: 0px!important; } .margin-1 { margin: 10px!important; } .margin-2 { margin: 20px!important; } .margin-3 { margin: 30px!important; } .margin-4 { margin: 40px!important; } .margin-5 { margin: 50px!important; } .margin-6 { margin: 60px!important; } .margin-7 { margin: 70px!important; } .margin-8 { margin: 80px!important; } .margin-9 { margin: 90px!important; } .margin-10 { margin: 100px!important; } .margin-11 { margin: 110px!important; } .margin-12 { margin: 120px!important; } .margin-13 { margin: 130px!important; } .margin-14 { margin: 140px!important; } .margin-15 { margin: 150px!important; } .margin-16 { margin: 160px!important; } .margin-17 { margin: 170px!important; } .margin-18 { margin: 180px!important; } .margin-19 { margin: 190px!important; } .margin-20 { margin: 200px!important; } .margin-top-0 { margin-top: 0px!important; } .margin-top-1 { margin-top: 10px!important; } .margin-top-2 { margin-top: 20px!important; } .margin-top-3 { margin-top: 30px!important; } .margin-top-4 { margin-top: 40px!important; } .margin-top-5 { margin-top: 50px!important; } .margin-top-6 { margin-top: 60px!important; } .margin-top-7 { margin-top: 70px!important; } .margin-top-8 { margin-top: 80px!important; } .margin-top-9 { margin-top: 90px!important; } .margin-top-10 { margin-top: 100px!important; } .margin-top-11 { margin-top: 110px!important; } .margin-top-12 { margin-top: 120px!important; } .margin-top-13 { margin-top: 130px!important; } .margin-top-14 { margin-top: 140px!important; } .margin-top-15 { margin-top: 150px!important; } .margin-top-16 { margin-top: 160px!important; } .margin-top-17 { margin-top: 170px!important; } .margin-top-18 { margin-top: 180px!important; } .margin-top-19 { margin-top: 190px!important; } .margin-top-20 { margin-top: 200px!important; } .margin-right-0 { margin-right: 0px!important; } .margin-right-1 { margin-right: 10px!important; } .margin-right-2 { margin-right: 20px!important; } .margin-right-3 { margin-right: 30px!important; } .margin-right-4 { margin-right: 40px!important; } .margin-right-5 { margin-right: 50px!important; } .margin-right-6 { margin-right: 60px!important; } .margin-right-7 { margin-right: 70px!important; } .margin-right-8 { margin-right: 80px!important; } .margin-right-9 { margin-right: 90px!important; } .margin-right-10 { margin-right: 100px!important; } .margin-right-11 { margin-right: 110px!important; } .margin-right-12 { margin-right: 120px!important; } .margin-right-13 { margin-right: 130px!important; } .margin-right-14 { margin-right: 140px!important; } .margin-right-15 { margin-right: 150px!important; } .margin-right-16 { margin-right: 160px!important; } .margin-right-17 { margin-right: 170px!important; } .margin-right-18 { margin-right: 180px!important; } .margin-right-19 { margin-right: 190px!important; } .margin-right-20 { margin-right: 200px!important; } .margin-bottom-0 { margin-bottom: 0px!important; } .margin-bottom-1 { margin-bottom: 10px!important; } .margin-bottom-2 { margin-bottom: 20px!important; } .margin-bottom-3 { margin-bottom: 30px!important; } .margin-bottom-4 { margin-bottom: 40px!important; } .margin-bottom-5 { margin-bottom: 50px!important; } .margin-bottom-6 { margin-bottom: 60px!important; } .margin-bottom-7 { margin-bottom: 70px!important; } .margin-bottom-8 { margin-bottom: 80px!important; } .margin-bottom-9 { margin-bottom: 90px!important; } .margin-bottom-10 { margin-bottom: 100px!important; } .margin-bottom-11 { margin-bottom: 110px!important; } .margin-bottom-12 { margin-bottom: 120px!important; } .margin-bottom-13 { margin-bottom: 130px!important; } .margin-bottom-14 { margin-bottom: 140px!important; } .margin-bottom-15 { margin-bottom: 150px!important; } .margin-bottom-16 { margin-bottom: 160px!important; } .margin-bottom-17 { margin-bottom: 170px!important; } .margin-bottom-18 { margin-bottom: 180px!important; } .margin-bottom-19 { margin-bottom: 190px!important; } .margin-bottom-20 { margin-bottom: 200px!important; } .margin-left-0 { margin-left: 0px!important; } .margin-left-1 { margin-left: 10px!important; } .margin-left-2 { margin-left: 20px!important; } .margin-left-3 { margin-left: 30px!important; } .margin-left-4 { margin-left: 40px!important; } .margin-left-5 { margin-left: 50px!important; } .margin-left-6 { margin-left: 60px!important; } .margin-left-7 { margin-left: 70px!important; } .margin-left-8 { margin-left: 80px!important; } .margin-left-9 { margin-left: 90px!important; } .margin-left-10 { margin-left: 100px!important; } .margin-left-11 { margin-left: 110px!important; } .margin-left-12 { margin-left: 120px!important; } .margin-left-13 { margin-left: 130px!important; } .margin-left-14 { margin-left: 140px!important; } .margin-left-15 { margin-left: 150px!important; } .margin-left-16 { margin-left: 160px!important; } .margin-left-17 { margin-left: 170px!important; } .margin-left-18 { margin-left: 180px!important; } .margin-left-19 { margin-left: 190px!important; } .margin-left-20 { margin-left: 200px!important; } .w120 { width: 120px; } .crop { margin: 0!important; } .cropBottom { margin-bottom: 0!important; } .cropTop { margin-top: 0!important; } .cropLeft, .cropSides { margin-left: 0!important; } .cropRight, .cropSides { margin-right: 0!important; } .pointer-events { pointer-events: all!important; } .disable-pointer-events { pointer-events: none!important; } .space { padding: 0 20px; } .pointer, .cursorPointer { cursor: pointer; } .cursorZoomIn, [data-action="zoom"] { cursor: pointer; cursor: -webkit-zoom-in!important; } .cursorZoomOut, .zoom-img img.zoom-img, .zoom-img-wrap img.zoom-img { cursor: pointer; cursor: -webkit-zoom-out!important; } .cursorGrab { cursor: move; cursor: grab!important; cursor: -webkit-grab!important; } .cursorGrab:active { cursor: grabbing!important; cursor: -webkit-grabbing!important; } .disableClick { pointer-events: none; } .cover { background-size: cover!important; } .noSelect, .noSelect *, .disableSelect, .disableSelect * { -webkit-touch-callout: none!important; -webkit-user-select: none!important; -moz-user-select: none!important; -ms-user-select: none!important; user-select: none!important; } .selectable, .selectable *, .enableSelect, .enableSelect * { -webkit-touch-callout: auto!important; -webkit-user-select: auto!important; -moz-user-select: auto!important; -ms-user-select: auto!important; user-select: auto!important; } .clearBoth:after { content: ""; clear: both; display: table; } .clearfix { content: ""; clear: both; display: block; } /*# sourceMappingURL=slides.css.map */ .breadcrumb.crumbMenu { text-transform: uppercase; } .ofrlines { margin-top: 4px; color: #333; font-size: 20px!important; border-left: solid 3px; padding-left: 10px; line-height: 1em; font-weight: 600!important; } .ofrlines.ofrlinesSmall { margin-top: 0px; font-size: 18px!important; margin-bottom: 10px!important; } .Mpanel-heading h1.ofrlinesSmall:nth-last-child(2) { margin-bottom: 15px!important; } .Mpanel-heading h1:nth-last-child(2) { margin-bottom: 40px; } .Pop_Ofrline { font-weight: 400!important; } /*Accordian*/ /*Accordian*/ .accinner .divcall { 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); margin-top: 10px; } .accinner .divcall.current { background-color: #dd0000; color: #fff; } .accinner .divcall.current .plusminus.minusplus, .accinner .divcall.current b { color: #fff; } .accinner .divcall.current .plusminus.minusplus { } .accinner .divcall b { font-size: 14px; font-weight: 500; text-transform: uppercase; color: #666; display: inline-block; vertical-align: middle; line-height: normal; padding-top: 4px; } .accinner .plusminus.minusplus { display: inline-block; font-family: 'OCE Medium', Arial; font-size: 30px; font-weight: normal; text-align: center; text-decoration: none; vertical-align: middle; color: #666; line-height: 0.8; } .accinner .sidephone { border: 1px solid #e4e4e4; margin-bottom: 5px; padding: 15px; color: #354d5f; } .accinner .sidephone br { display: none; } .accinner .sidephone span { float: left; width: 100%; max-width: 48%; margin: 0 2px 6px; font-size: 12px; text-transform: uppercase; } .accinner a.plusminus { margin-right: 10px; margin-left: 10px; } .accinner .divcall.active { background-color: #152a4f!important; color: #fff; } .accinner .divcall.active a { color: inherit; } .accinner .divcall.active b { color: inherit; } .finTbl { background-color: #fff; } .finTbl div { width: 50%; float: left; box-sizing: border-box; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .finTbl div span { width: 70%; float: left; padding: 10px; display: inline-block; box-sizing: border-box; text-align: left; } .finTbl div span:nth-child(2) { width: 30%!important; border-left: 1px solid #ccc; } .finUl { margin: 0px; padding: 0px 0px 10px 0px; } .finUl li { display: inline-block; float: left; width: 50%; box-sizing: border-box; font-size: 13px; padding: 5px 5px 5px 18px; text-align: left; position: relative; } .finUl li:before { content: "."; font-size: 28px; font-family: 'OCE Bold', Arial; display: block; width: 10px; height: 10px; position: absolute; left: 6px; top: -11px; } .finUl li b { margin-right: 5px; } .clearBoth { clear: both; } .frmLbl { font-size: 16px; padding-top: 10px; font-weight: 400; font-family: 'OCE Medium', Arial; margin-top: 0px!important; margin-bottom: 5px!important; } select.fullSlct { width: 100%; max-width: 100%!important; margin-left: 0px; margin-top: 0px!important; font-weight: 400; font-family: 'OCE Medium', Arial; } .accinner .sidephone span { font-size: 14px!important; } textarea.fullTxt { height: 140px; width: 100%; max-width: 100%; } .fullBtn { margin-left: 0px!important; margin-top: 5px; } input { font-family: 'OCE Medium', Arial; font-size: 16px; margin-top: 0px!important; } .radioLbl { width: 50%; float: left; font-size: 16px; } .pull-right { float: right!important; } .popCnrfm { font-size: 14px; text-align: left; position: relative; padding: 10px 0px 10px 40px; text-align: justify; } .popCnrfm input { margin-left: 0px; margin-right: 0px; } .popCnrfm input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; position: absolute; height: 100%; left: 0px; top: 0px; border: 0px solid #ccc!important; cursor: pointer; } .popCnrfm input[type="checkbox"]:focus { border: 0px solid #ccc!important; outline: 0; } .popCnrfm input[type="checkbox"]:before { content: "\f046"; position: absolute; left: 0px; top: 7px; font-size: 35px; color: #ccc; font-family: FontAwesome; } .popCnrfm input[type="checkbox"]:checked:before { content: "\f046"; position: absolute; left: 0px; top: 7px; font-size: 35px; color: #1cbb56; font-family: FontAwesome; } .fin_desc { font-size: 15px; font-weight: 600; margin-bottom: 15px; min-height: 40px; } .closebtton { position: absolute!important; left: auto!important; right: -10px!important; top: -10px!important; color: #cac9c9; font-size: 34px!important; padding: 0!important; } .form.map span { font-size: 16px!important; /*min-height:140px;*/ } .listcont .form.map span { font-size: 18px; } .popupContent .thnkPopup .formheader { padding-top: 0px; color: #000; opacity: 1; font-family: 'OCE Bold', Arial; text-align: left; } .popupContent .thnkPopup .thnkText { font-size: 18px; text-align: left; margin: auto; } .loc_txt { padding-top: 10px; font-size: 16px; font-family: 'OCE Bold', Arial; margin-bottom: 0px; } .leftpnl { float: left!important; width: 30%!important; font-family: 'OCE Bold', Arial; margin-bottom: 10px; text-align: right; } .rightpnl { float: left!important; width: 70%!important; margin-bottom: 10px; text-align: left; } .fs16 { font-size: 16px; } .thumbimg { margin-bottom: 18px; /*min-height:185px;*/ } .logga { width: auto!important; max-height: 95px; } .logo-div > img { max-height: 70px; } .thumb_title { min-height: 45px; } .show_items { width: 100%; margin-top: 10px; text-align: center; margin-bottom: 32px; } .show_items div { display: inline-block; } .show_items .item1to10 { color: #444; width: 100%; font-size: 16px; font-family: 'OCE Bold', Arial; } .show_items .item_paging { display: inline-block; } .show_items .item_paging .item_nom { padding: 0px; margin: 0px; list-style: none; } .show_items .item_paging .item_nom:after { content: ""; clear: both; display: block; } .show_items .item_paging .item_nom li { float: left; } .show_items .item_paging .item_nom li a { color: #fff; font-family: 'OCE Bold', Arial; font-size: 16px; text-decoration: none; padding: 5px 14px; text-decoration: none; border: solid 1px #213864; margin-left: -1px; float: left; margin-top: 5px; margin-bottom: 5px; background: #213864; } .show_items .item_paging .item_nom li a.white { background: #fff !important; } .show_items .item_paging .item_nom li:first-child a { border-radius: 4px 0px 0px 4px; } .show_items .item_paging .item_nom li:last-child a { border-radius: 0px 4px 4px 0px; } .fs60 { font-size: 60px; } .closeBtn { position: absolute; top: 0px; right: -13px; cursor: pointer; /* padding: 14px; */ padding: 0px; font-size: 0; opacity: 1; z-index: 1050; -webkit-transition: 0.25s; transition: 0.25s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); font-size: 35px; } .closeBtn .close { position: relative!important; } .dnone { display: none !important; } .modelBOX { margin-left: -7%; margin-right: -7%; margin-top: -3%; color: #333; text-align: left; font-weight: 600; } .modelBOX select { width: 100%!important; max-width: 100%; box-shadow: none; border: 1px solid #ccc; padding: 5px 10px; margin: 5px 0px 20px; cursor: pointer; font-weight: 500; } .offerWrap { vertical-align: top!important; } .checkBlock { margin: 15px auto 10px; padding: 0px 10px; clear: both; } .checkBlock:after, .checkBlock .form-group:after { clear: both; display: block; content: ""; } .checkBlock p { margin-bottom: 0px!important; font-size: 13px; text-align: center; font-family: 'OCE Bold', Arial; } .checkBlock a { display: inline-block!important; font-size: 14px; } .checkBlock .enqry-checkbox { margin: auto; text-align: center; } .checkBlock .control-label { margin: 15px auto; margin-right: 20px; color: #2e2e2e; cursor: pointer; display: inline-block; font-size: 0px; text-align: left; } .checkBlock .control-label:focus { outline: none; } .checkBlock .control-label label { display: inline-block!important; margin: 0px; cursor: pointer; font-family: 'OCE Bold', Arial; font-size: 14px; vertical-align: middle; color: #303030; margin-top: 3px; } .checkBlock .control-label input { margin: 0px 8px 0px 0px!important; display: inline-block!important; margin-left: 0px!important; cursor: pointer; vertical-align: middle; -webkit-appearance: none!important; -moz-appearance: none!important; -ms-appearance: none!important; -o-appearance: none!important; appearance: none!important; width: 20px!important; height: 20px!important; background-color: #fff; border: 1px solid #555; border-radius: 3px; font-size: 0; } .checkBlock .control-label input::-ms-expand { display: none; } .checkBlock .control-label input:focus { outline: none; } .checkBlock .control-label input:checked { background-color: #fff; background-image: url(../../Content/images/form-check.png); background-repeat: no-repeat; background-position: center; } .mdl_request .checkBlock p { /*font-size: 12px; margin-top: 10px!important;*/ } .homePOP .checkBlock p { margin-bottom: 0px !important; font-size: 13px; } .errorCSS { background-color: #fff0f0!important; -webkit-box-shadow: 0 0 0 1px rgba(255, 38, 38, 0.5) inset!important; box-shadow: 0 0 0 1px rgba(255, 38, 38, 0.5) inset!important; } /* _ _____ | | |_ _| | | ___ __ _ | | _ __ | | / _ \ / _` | | | | '_ \ | |___| (_) | (_| | _| |_| | | | |______\___/ \__, | |_____|_| |_| __/ | |___/ */ .slide.background3d { -webkit-perspective: 100vw; perspective: 100vw; background: #111; } .slide.background3d .background { -webkit-transition: transform, opacity; transition: transform, opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0,0,.1,1)!important; transition-timing-function: cubic-bezier(0,0,.1,1)!important; } .safari .slide.background3d .background { -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0,0.5,.1,1)!important; transition-timing-function: cubic-bezier(0,0.5,.1,1)!important; } .slide.background3d:not(.selected) .background { -webkit-transform: scale(1.0)!important; transform: scale(1.0)!important; opacity: 0.5; } .slide.background3d.selected .background { -webkit-transform: scale(1.0)!important; transform: scale(1.0)!important; } .pad { border-radius: 0px; padding: 4%; } .formlabelmain { display: block; width: 100%; font-size: 14px; margin: 13px auto 9px; font-weight: 600; } .pad p { font-size: 14px; } .button-55.button { margin-top: 12px; margin-left: 0; margin-right: 0; font-size: 12.9px; letter-spacing: 2px; } /* _____ _ _ _ _ | __ \ | | | | (_) | | | |__) |___ ___ ___ _ __ __| | ______ | | _ _ __ | | __ | _ // _ \/ __|/ _ \ '_ \ / _` | |______| | | | | '_ \| |/ / | | \ \ __/\__ \ __/ | | | (_| | | |____| | | | | < |_| \_\___||___/\___|_| |_|\__,_| |______|_|_| |_|_|\_\ */ .pointer { cursor: pointer; } .flo-none { float: none; } .req-valid { position: relative; } .req-info { position: absolute; right: -5px; color: #B30F0F; font-family: 'OCE Bold', Arial; top: 14px; font-size: 14px; } .manDTR { position: relative; } .manDTR .req-info { font-size: 14px!important; right: -10px!important; top: 7px!important; } .login-logo { margin: auto; text-align: center; } .login-logo img { max-width: 475px; } .login-window { width: 475px; background-color: #e91f2d; padding: 20px; text-align: center; color: #fff; overflow: auto; } .login-window a { color: #fff; } .login-title { text-align: center; font-size: 24px; color: #e91f2d; padding: 15px 0px; } .login-input { text-align: center; } .login-but { width: 150px; color: #fff; padding: 7px 10px; border: 0px; border-radius: 2px; margin-bottom: 20px; background: #0084c2; /* Old browsers */ background: -moz-linear-gradient(top, #0084c2 1%, #006fb4 12%, #12509b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0084c2), color-stop(12%,#006fb4), color-stop(100%,#12509b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0084c2 1%,#006fb4 12%,#12509b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0084c2 1%,#006fb4 12%,#12509b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0084c2 1%,#006fb4 12%,#12509b 100%); /* IE10+ */ background: linear-gradient(to bottom, #0084c2 1%,#006fb4 12%,#12509b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084c2', endColorstr='#12509b',GradientType=0 ); /* IE6-9 */ } .midBdyTX { width: 550px!important; max-width: 80%; margin: 15px auto 25px auto; padding: 0!important; float: none!important; } .midBdyTX .thankTX { font-size: 25px; color: #333; } .midBdyTX .prcD { background: #29C462; color: #fff; display: inline-block; padding: 5px 15px; font-size: 14px; text-decoration: none; } .midBdyTX .font-light { font-size: 15px; color: #333; line-height: 1.4; font-weight: normal; display: inline-block; } .newWHT.login-window { background: #fff!important; border: solid 2px #8E8E8E; border-radius: 8px; width: 475px; padding-top: 25px!important; padding-bottom: 25px!important; margin: auto; } /*.newWHT.login-window input[type="text"] { height: 24px; border: solid 1px #8E8E8E; border-radius: 4px; font-size: 12px; padding: 6px 12px; }*/ /*.sendlinkBTN a { text-decoration: none; color: #333; font-size: 14px; }*/ /*.sendlinkBTN .fa-envelope { background: #29C462; color: #fff; display: inline-block; height: 24px; padding: 4px 15px; font-size: 14px; }*/ .sendlinkBTN .fa-envelope { padding-right: 5px; } .newWHT.login-window input[type="text"] { border: 1px solid #8E8E8E !important; border-radius: 50px; font-size: 12px; padding: 5px 20px; text-align: left; max-width: initial; margin: auto 1% auto auto; height: 35px; width: 64%; } .newWHT.login-window input[type="text"]:focus { box-shadow: none; border-color: #29c462 !important; } .sendlinkBTN a { text-decoration: none; font-size: 14px; background-color: #29C462; display: inline-block; padding: 5px 20px; border-radius: 40px; text-align: center; line-height: 24px; width: 35%; font-family: 'OCE', Arial; } .sendlinkBTN a:hover { text-decoration: none; } /*-- pop up6jan2016 --*/ .pop_pnl { width: 496px; position: relative; top: 20%; margin: 0 auto; background-color: #fff; } .pop_pnl .pnl_close { position: absolute; top: 17px; right: 10px; cursor: pointer; } .pop_pnl .pnl_close .fa { font-size: 24px; } .pop_pnl .pop_pnl_head { width: 496px; height: 60px; border-bottom: solid 1px #d0d0d0; display: table-cell; vertical-align: middle; } .pop_pnl .pop_pnl_head .pnlTtl { float: left; font-size: 18px; font-weight: normal; margin: 0px 0px 0px 20px; letter-spacing: -.5px; width: 90%; line-height: 1; } .pop_pnl .pop_pnl_head .pnllogo { float: right; margin: 14px 30px 0px 0px; } .pop_pnl .formpp_fld { padding: 10px 5px; } .pop_pnl .formpp_fld .inp_fld_set { overflow: hidden; margin-bottom: 3px; } .pop_pnl .formpp_fld label { float: left; font-size: 14px; font-weight: normal; width: 135px; margin: 0px; } .pop_pnl .formpp_fld .redTX { color: #DA2423; font-family: 'OCE Bold', Arial; } .pop_pnl .formpp_fld input { float: left; min-width: 270px; height: 24px; border: solid 1px #8E8E8E; border-radius: 4px; text-indent: 10px; } .pop_pnl .formpp_fld .bnone { font-size: 14px; line-height: normal; } .pop_pnl .subBX { width: 325px; float: right; margin-top: 15px; text-align: right; } .pop_pnl .inlineBX { display: inline-block; } .pop_pnl .inlineBX input[type="submit"] { border: none; padding: 8px 15px; text-transform: uppercase; text-align: center; min-width: inherit; border-radius: 2px; text-indent: 0px; } .pop_pnl .inlineBX input[type="submit"] { margin-right: 8px; } .pop_pnl .subBX_new { margin-top: 30px; } .pop_pnl .ys_tick { float: left; width: 180px; } .pop_pnl .ys_tick .fa-check { background: #29C462; color: #fff; display: inline-block; height: 24px; padding: 4px 15px; font-size: 14px; } .pop_pnl .no_cross { float: left; } .pop_pnl .no_cross .fa-close { background: #DA2423; color: #fff; display: inline-block; height: 24px; padding: 4px 15px; font-size: 14px; } .pop_pnl .ys_tick a, .pop_pnl .no_cross a { text-decoration: none; color: #333; font-size: 14px; } .pop_pnl .ys_tick a:hover, .pop_pnl .no_cross a:hover { text-decoration: none; } .pop_header { padding-left: 35px; padding-right: 35px; } .pop_header span { display: block; font-size: 14px; } .pnl_pad .panel-body { padding-left: 35px; padding-right: 35px; } .pop_header i { font-style: normal; color: #E74537; } p { font-size: 14px; color: #7E7E7E; } img { max-width: 100%; max-height: 100%; } .fs14 { font-size: 14px!important; } .fs16 { font-size: 16px; } .text-title { font-size: 18px; color: #7E7E7E; } .t-center { text-align: center; } .t-left { text-align: left; } .t-right { text-align: right; } .f-right { float: right; } .img-offset { padding-top: 20px; } .page-banner, .side-banner { color: #fff; text-align: center; font-size: 50px; overflow: auto; } .page-banner img { max-width: 100%; } .page-banner .headImg { margin-bottom: 10px; } .page-footer { min-height: 125px!important; color: #fff; text-align: center; font-size: 22px; } .page-footerimg { max-width: 100%; } .footer-norm { height: 125px; } .footer_WPR { background: #fff; padding-top: 35px; margin-top: 50px; } .footer_WPR .ftrspace { margin-top: 0px; } .footer_WPR .shadow-low, .newHDR .shadow-low { display: none; } .footer_WPR.ftrDiscription { border-top: solid 1px #c7c7c7; padding: 25px 0px; margin-top: 0px; } .footer_WPR .ftdown { color: #aeaeae; width: 100%; } .footer_WPR .ft-img, .ftrDiscription .container { display: block; padding-left: 10px; padding-right: 10px; } /*.red-bg {background-color:#e91f2d;color:#fff; }*/ .red-bg { color: #fff; } .blue-bg { background-color: #0066b1; color: #fff; } .grey-bg { background-color: #f4f4f4; color: #000; } .white-bg { background-color: #FFFFFF; color: #000; } .tab-content li:nth-child(odd) { background-color: #fff; padding: 2px; } .back-nav { padding-right: 50px; } .accsec { height: 150px; overflow: auto; } .accsec .accinner:nth-child(odd) { background: #fff; padding: 2px; margin: 2px 0px; } .accsec .accinner:nth-child(even) { background: transparent; } .accsec .plusminus.minusplus { display: inline-block; width: 14px; font-size: 14px; font-family: 'OCE Bold', Arial; text-align: center; text-decoration: none; } .accsec .sidephone { padding-left: 18px; } /*.bread-crum{padding:10px 0px;}*/ .bread-crum, .bread-crum a { color: #7E7E7E; font-size: 14px; text-decoration: none; } .bread-crum i { color: #0066b1; padding: 0px 5px; } .bread-crum span { color: #0066b1; font-size: 14px; padding: 0px 3px; float: left; } .offer-strip { padding: 5px 0px; font-size: 30px; text-align: center; } .red { color: #e91f2d; } .blue { color: #0066b1; } .thumb-block { width: 100%; min-height: 330px; border: 1px solid #8C8C8C; } .thumb-block img { max-height: 100%; } .thumb-title { font-weight: 100; background-color: #f7f7f7; padding: 5px 10px; height: 50px; line-height: 1; } .thumb_img { height: 150px; } .lstSTP { height: 197px; } .thumb-title2 { height: 45px; width: 165px; float: left; } .thumb-info { min-height: 165px!important; padding-bottom: 10px; padding-top: 10px; height: auto; color: #000; text-align: center; font-size: 20px; } .thumb-info2 { min-height: 66px!important; padding-bottom: 10px; padding-top: 10px; height: auto; color: #000; text-align: center; font-size: 16px; } a.view-more { color: #fff; text-decoration: none; display: block; text-align: center; font-size: 15px; } span.view-more { color: #fff; text-decoration: none; display: block; text-align: center; font-size: 15px; } .per-off { width: 28px; font-size: 16px; float: left; } .grid-price { font-size: 58px; float: left; line-height: 40px; width: 100%; text-align: left; font-weight: normal; } .view-all { width: 100%; float: left; font-size: 12px; margin: auto; } .thumb-blocks { width: 270px; float: left; margin: 20px 8px; position: relative; } .footer-logo { width: 165px; height: 60px; margin: 20px; float: left; } a.click_to_view { font-size: 20px; } span.click_to_view { font-size: 20px; } .side-banner { font-size: 25px; font-family: 'OCE Bold', Arial; } .norm-blue-button { font-size: 17px; color: #fff; display: block; width: 100%; padding: 5px 8px; border: 0px none; background-color: #0066b3; background: linear-gradient(to bottom, #0084C2 1%, #006FB4 12%, #12509B 100%) repeat scroll 0% 0% transparent; } .main-blue-button { color: #fff; padding: 7px 28px; border: 0px none; border-radius: 2px; background-color: #12509B; background: linear-gradient(to bottom, #0084C2 1%, #006FB4 12%, #12509B 100%) repeat scroll 0% 0% transparent; } .norm-blue-button:hover, .main-blue-button:hover { text-decoration: none; } .form-control option { color: #555; } /* tabs */ .tabs { position: relative; min-height: 200px; clear: both; } .tabs.detailtabs { height: 440px; margin-top: 0; padding-bottom: 0px; } .tabs.detailtabs .tab-content { padding-bottom: 0px; height: 330px; overflow: auto; padding-top: 15px; } .tab { float: left; min-width: 95px; } .tab label { cursor: pointer; padding: 5px 10px; margin-left: -1px; position: relative; left: 1px; color: #000; border-top: 1px solid #000; border-right: 1px solid #000; width: 100%; } .tab label.bigsz { width: 210px; max-width: inherit; } .tab [type=radio] { display: none; } .tab-content { position: absolute; top: 30px; left: 0; right: 0; bottom: 0; padding: 5px; overflow: hidden; height: 175px; border: 1px solid #000; background-color: #fff; overflow: auto; } .tab-content > * { opacity: 0; -webkit-transform: translate3d(0, 0, 0); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } /*[type=radio]:checked ~ label { background: #fff; border-top: 1px solid #000; border-right: 1px solid #000; z-index: 2; } [type=radio]:checked ~ label ~ .tab-content { z-index: 1; } [type=radio]:checked ~ label ~ .tab-content > * { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }*/ .tab-content ul { margin: 0px; padding: 0px; } .tab-content ul li { display: block; margin-left: 5%; font-size: 14px; text-align: left; } .shortlistproduct span.h4TX, .norm-title span.h4TX { overflow-wrap: break-word; padding-right: 20px; display: block; } .yestxt { float: left; width: 80px; height: 35px; position: relative; padding-top: 7px; } .notxt { float: left; width: 80px; height: 35px; position: relative; padding-top: 7px; } .notxt label, .yestxt label { display: inline-block; vertical-align: text-top; } .yestxt input[type="radio"]:not(old), .notxt input[type="radio"]:not(old) { margin: 0; padding: 0; position: absolute; left: 0; width: 20px; height: 20px; } .yestxt input[type="radio"]:not(old) + strong, .notxt input[type="radio"]:not(old) + strong { display: inline-block; padding-left: 25px; height: 20px; background: url(../Images/uncheck_cust.png) no-repeat left center!important; line-height: 1; font-size: 16px; } .yestxt input[type="radio"]:not(old):checked + strong, .notxt input[type="radio"]:not(old):checked + strong { background: url(../Images/check_cust.png) no-repeat left center!important; } .book-appointment.btm { margin-bottom: 25px; } .book-appointment input, .book-appointment textarea, .book-appointment select { margin-top: 5px; margin-bottom: 5px; } .norm-title { font-size: 16px; } .norm-title.sz13 { font-size: 13px; } .bold-title { font-size: 28px; font-family: 'OCE Bold', Arial; line-height: 21px!important; } .grey-light { font-size: 18px; } .login-content { padding-left: 40px!important; padding-right: 40px!important; } .fiewvhcl { } .fiewvhcl select { padding: 4px 12px!important; height: 30px!important; } .shadow-low img { width: 100%; height: auto; } .offer-strip img { width: 100%; height: auto; } .clearall { clear: both; margin-top: 5px; } .info-content { padding: 0px 3px; min-height: 120px; } .left-price-block { padding-top: 10px; padding-bottom: 10px; } .add-block { margin-top: 10px; height: 100px; } .small { font-size: 12px; } .bold { font-weight: normal; } .gray { color: #7E7E7E; font-size: 85%; } .black { color: #000; } .popup-window { padding: 10px; color: #fff; overflow: auto; position: relative; } .pop-up-title { font-size: 30px; text-transform: capitalize; } .popbox-shade { width: 100%; overflow: auto; } .popbox-shade img { width: 100%; overflow: auto; } .popup-field-title { font-size: 14px; width: 100px; float: left; padding-top: 5px; padding-bottom: 5px; } .popup-field-info { font-size: 14px; width: 100%; max-width: 300px; float: left; padding-top: 5px; padding-bottom: 5px; } .popup-window ul { margin: 0px; padding: 0px; } .popup-window ul li { display: block; width: 100%; clear: both; } .close-popup { width: 75px; height: 16px; font-size: 12px; position: absolute; right: 10px; top: 10px; text-align: right; cursor: pointer; } .close-popup.right { right: 10px; } /*simple html popup show*/ .popup-wrap { width: 100%; height: 100%; z-index: 99999; background-color: rgba(255, 255, 255, 0.8); position: fixed; left: 0px; right: 0px; top: 0px; } .popup-content { width: 50%; left: 0px; right: 0px; margin: auto; position: absolute; top: 25%; } .date-deco input { width: 80%; float: left; } .date-deco i { width: 20%; font-size: 30px; padding: 5px; } .logout_btn i { padding: 0px 5px; } .logout_btn a { float: right; width: 100px; text-align: center; font-family: 'OCE Bold', Arial; text-align: right; } .selector span { background: url(../Images/select-model-variant.png) repeat-x!important; display: inline-block!important; border-radius: 4px!important; color: #fff!important; font-size: 13px!important; font-family: 'OCE Bold', Arial; text-align: left!important; text-indent: 5px!important; padding: 6px 25px 6px 5px!important; height: 28px!important; text-shadow: none!important; line-height: 16px!important; width: auto!important; width: 210px!important; } .select-arrow { width: 230px; overflow: auto; position: relative; } .select-arrow i { position: absolute; right: 30px; top: 4px; color: #fff; z-index: 999; font-size: 20px; } ::-webkit-input-placeholder { /*WebKit browsers*/ color: #757575!important; } :-moz-placeholder { /*moz-4-to-18*/ color: #ccc!important; } ::-moz-placeholder { /*moz-19+*/ color: #757575!important; } :-ms-input-placeholder { /*IE-10+*/ color: #757575!important; } .paginationBX { text-align: center; } .offer-subhead { font-size: 19px; } .pct-sign { font-family: Titillium Web; } .th_block_wrap { border: 1px solid #C9C9C9; } .sub-heading { font-size: 16px; } .view-more { text-align: center; padding: 7px 0px; color: #fff; border-radius: 5px; font-size: 18px; font-family: 'OCE Bold', Arial; } .sub-offer-title { font-size: 16px; } .offer-info { font-size: 16px; color: #000; padding: 3px 0px; border-top: 1px solid #C9C9C9; margin-top: 5px; text-align: left; font-family: 'OCE Bold', Arial; } .offer_desc_list { font-size: 20px; color: #000; font-family: 'OCE Bold', Arial; margin-top: 20px; } .offer_lst_itm { color: #0066b1; font-size: 22px; font-family: 'OCE Bold', Arial; padding: 3px 10px; overflow: hidden; border-bottom: 1px solid #000; line-height: 1; } .offer_lst_itm:last-child { border-bottom: none; } .offer_lst_itm .fstSubtext { font-size: 14px; color: #7e7e7e; display: block; } .lst_bullet { width: 10%; font-size: 24px; font-family: 'OCE Bold', Arial; float: left; } .lst_text { font-size: 22px; font-weight: normal; display: table-cell; vertical-align: middle; height: 50px; } .lst_subtext { font-size: 12px; font-weight: normal; } .book_appoint { font-size: 24px; font-weight: normal; } .gridPriceDTL { font-size: 38px; font-family: 'OCE Bold', Arial; color: #e91f2d; margin-bottom: 20px; line-height: 1; } .gridPriceDTL.mrb { margin-bottom: 0px; } .gridPriceDTL .dtlhead { font-size: 20px; color: #000;; font-weight: 100; } .gridPriceDTL .dtlsubhead { font-size: 20px; font-weight: 100; color: #000; } .info_big_title { font-size: 38px; font-family: 'OCE Bold', Arial; line-height: 1; letter-spacing: -1px; margin-bottom: 10px; } .respTabs .makecolorbg.resp-tab-active { color: #333; } .respTabs .makecolorbg { color: #fff; } .DTLtabs { margin: 0; padding: 0; list-style: none; width: 100%; height: 30px; } .DTLtabs li { float: left; margin: 0 2px 0 0; cursor: pointer; padding: 8px 10px 14px 5px; width: 100%; max-width: 87px; height: 40px; line-height: 13px; background-color: #4A535A; color: #fff; overflow: hidden; position: relative; box-shadow: 2px 0px 4px #ccc; font-style: normal; } .DTLtabs li.lasttab { padding-top: 6px; padding-bottom: 7px; max-width: 105px; } .DTLtabs li:hover { background-color: #ccc; } .DTLtabs li.active { background-color: #f7f7f7; color: #333; display: block; } .DTLtabs li .fa-angle-right { margin-left: 5px; margin-right: 5px; } .DTLtabs ul { margin: 0; padding: 0; list-style: none; } .DTLtabs ul li { background-color: transparent!important; padding: 0px!important; box-shadow: none!important; height: 25px!important; float: none!important; color: #333; } .detailtabs { min-height: 450px; position: relative; } .tab_container { margin-top: -1px; overflow: auto; width: 100%; } .tab_content { display: none; position: static; top: 40px; width: 100%; } .tab_content .spcCont { background-color: #f7f7f7; padding: 20px 15px; min-height: 490px; } .slectddmenu { font-size: 16px; padding: 6px 0px; margin-bottom: 11px; margin-bottom: 15px!important; } .tab_content .spcCont ul li { max-width: inherit!important; cursor: text; } .tab_content b, .tab_content strong { font-family: 'OCE Bold', Arial; font-size: 16px; line-height: 1; } .tab_content .spcCont img { max-height: inherit!important; } .tab_content .blcmn { display: inline-block; } .TMP_Apmt .DTLtabs li .fa { font-size: 22px; font-family: 'OCE Bold', Arial; color: #46c5fd; position: absolute; top: 8px; right: 7px; margin: 0px; } .bookapoint-form { padding: 10px; border: 1px solid #000; margin-top: 22px; margin-top: 30px; } .bookapoint-title { background-color: #fff; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; padding: 5px 10px; width: 150px; width: 175px; position: absolute; } select.form-control { border-radius: 5px; background-color: #D5D5D5; /* Old browsers */ background: -moz-linear-gradient(top, #D5D5D5 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D5D5D5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #D5D5D5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #D5D5D5 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #D5D5D59 0%,#ffffff 100%); /*IE10+ */ background: linear-gradient(to bottom, #D5D5D5 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D5D5D5', endColorstr='#fff',GradientType=0 ); /* IE6-9 */ border: solid 1px #000; } .location_title { background-color: #FFF; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; padding: 5px 10px; width: 150px; width: 175px; position: absolute; } .location_content { padding: 10px; border: 1px solid #000; margin-top: 22px; margin-top: 30px; height: 175px; overflow-y: auto; } .cant-find { background-color: #0066B3; text-align: center; font-size: 18px; padding: 10px 0px; cursor: pointer; } .cant-find a { color: #fff; text-decoration: none!important; } .cant-find a:hover, .cant-find a:focus { color: #fff; } .w200 { width: 200px; } .info-desc { color: #0066b1; font-size: 16px; font-weight: normal; text-align: left; border-bottom: 1px solid #000; height: 60px; padding: 6px 3px; line-height: 1; } .linkhyper { cursor: pointer; } .linkhyper:hover { text-decoration: none; } .pln { padding-left: 0px!important; } .prn { padding-right: 0px!important; } .req-valid.pln textarea { height: 206px; } .FNClist li.logond { width: 100%; float: none; clear: both; padding: 20px 0px 0px 0px; height: auto; border: none; } .FNClist li.logond .lgLFTside, .FNClist li.logond .lgRFTside { width: 48%; float: left; } .FNClist li.logond .lgLFTside { margin-right: 20px; height: 70px; } .FNClist li.logond .lgRFTside { text-align: right; height: 70px; } .FNClist li.logond .lgLFTside img, .FNClist li.logond .lgRFTside img { max-height: 100%!important; } .FNClist li span { float: right; } .nopadding { padding: 0px!important; } .add-blocks { overflow: auto; border-bottom: 1px solid #CCC; max-height: 400px; height: auto; } .manu_brandlist { display: inline-block; min-height: 150px; } .manu_brandlist .thumb-info { min-height: inherit!important; } .manu_brandlist .thumb-blocks { margin-left: 6px!important; margin-right: 6px!important; } .manu_brandlist .thumb-block.t-center { height: 175px; overflow: hidden; } .greybg { background-color: #f4f4f4; } .info-content-search { padding: 0px 3px; min-height: 148px; color: #FF6600; padding: 10px; font-size: 16px; font-family: 'OCE Bold', Arial; } .linkhyper.last4 .txtamd { font-size: 30px; height: 130px; line-height: 1; color: #426eb5; background-color: #fff; } .linkhyper.last4 .info-content-search { color: #426eb5; text-align: left; min-height: inherit; font-size: 20px; line-height: 1.2; font-weight: normal; padding-top: 0px; padding-bottom: 5px; } .normpln label { margin-bottom: 0px!important; display: block; } .partVL { padding-right: 10px; } .partVL input[type="radio"] { vertical-align: sub; margin-bottom: 5px!important; } .side-detail { min-height: 290px!important; } .bg-colorBlue { margin-top: -20px; } .bg-colorDark { display: block; width: 220px; height: 90px; border-radius: 2px; } .bg-colorDark strong { display: inline-block; margin-top: 20px; line-height: 1.1; } .bg-or { background-color: #fff; color: #001C5a; display: inline-block; width: 70px; height: 35px; border-radius: 2px; } .bg-or:hover { color: #001C5a; } .ft-bgLight { background-color: #f4f4f4; } .ft-bgLight .col-md-3 { background-color: #001C5a; font-size: 24px; color: #fff; text-align: center; font-family: 'OCE Bold', Arial; } .bannerBig { position: relative; } .bannerBig .joinus { position: absolute; left: 0; top: 0; } .bgr-bgDrk:hover { text-decoration: none; } .displayinline { display: inline-block; } .dayblue { background-color: #001c5a; width: 315px; float: left; position: relative; } .am-pmblue { width: 315px; float: left; position: relative; } .am-pmblue span { background: url(../images/bigArrow.png) no-repeat 5px center!important; font-size: 24px!important; display: block; width: 100%!important; border-radius: 0px!important; height: 38px!important; padding: 8px 8px 8px 17%!important; line-height: 1!important; font-weight: normal!important; text-align: center!important; text-overflow: ellipsis; overflow: hidden; white-space: pre; } .am-pmblue select { width: 100%; height: 38px; position: absolute; left: 0px; top: 0px; } .conticor { background-color: #ea1f2e; width: 315px; float: left; font-size: 24px; color: #fff; cursor: pointer; } .conticor:hover { text-decoration: none; } .bgrDrkpad { padding-top: 8px; padding-top: 3px; display: inline-block; border-radius: 1px; } .text-right { text-align: right; } .text-center { text-align: center; } .text-white { color: white!important; } .d-none { display: none!important; } .d-block { display: block!important; } .d-inline { display: inline!important; } .d-inline-block { display: inline-block!important; } .mn { margin: 0px!important; } .fs24 { font-size: 24px!important; } .fs40 { font-size: 40px!important; } .lh30 { line-height: 30px!important; } .pt35 { padding-top: 35px!important; } .pb35 { padding-bottom: 35px!important; } .pt15 { padding-top: 15px!important; } .pb20 { padding-bottom: 20px!important; } .mt30 { margin-top: 30px!important; } .mr15 { margin-right: 15px!important; } .fs20 { font-size: 20px!important; } .pl15 { padding-left: 15px!important; } .pr15 { padding-right: 15px!important; } .bg-colorBlue p, .bg-colorBlue h1, .bg-colorBlue h2, .bg-colorBlue h3, .bg-colorBlue h4, .bg-colorBlue h5, .bg-colorBlue h6 { color: #fff; font-family: 'OCE Bold', Arial; margin: 0; } #dvDeclaimer p { font-size: 11px!important; } .ftrspace { margin-top: 50px; } .txeml { display: inline-block; } .msgbl { text-align: center; color: red; } .tpspc { margin-top: 15px; } .alogin { color: #fff!important; text-decoration: none!important; cursor: pointer; } .ppsec { width: 32%; } .ppcls { width: 20px; height: 16px; font-size: 12px; position: absolute; right: 0; top: 10px; } .col-md-12.login-title { padding-top: 0px; } .foght { margin-top: 15px; } .percEm { font-size: 24px; line-height: 0px; font-weight: normal; } .ofrclr { border-bottom: none!important; } .ofrclr { border-bottom: none!important; } .txtSZ { font-size: 16px; padding: 0px 0px 10px 5px; } .posR { position: relative; } .Dblock { display: block!important; } .posR .req-info { font-size: 14px!important; right: -10px!important; top: 7px!important; } .reqSZ { font-size: 14px!important; font-weight: normal!important; } .hdnsld { overflow: hidden; } .blcmn { margin: 0px; } .blue.norm-title.sz13 { font-size: 12px!important; } .ppxtxt { font-size: 16px; padding: 0px 0px 10px 5px; } .traln { text-align: right; } .Modelkhere { background: #0066B1; overflow: hidden; margin: 10px 0px 0px 0px; height: 70px; cursor: pointer; position: relative; z-index: 1; } .Modelkhere.mtop { margin-top: 0px!important; } .Modelkhere.btnmore { background: #3B3B3D; margin-top: 20px; } .Modelkhere p { color: #fff; font-size: 18px; margin: 5px 0px 0px 0px; line-height: 1.2; } .Modelkhere p span { font-size: 15px; } .Modelkhere p span a { text-decoration: underline; font-weight: normal; color: #fff; } .Modelkhere p span a:hover { text-decoration: none; color: #D3ECFF; } .Modelkhere .icnFNT { font-size: 60px; color: #fff; line-height: 1; height: 60px; padding: 0px; background: url(../images/searchnew.png) no-repeat center center; } .Modelkhere .icnFNT.bellimg { background: url(../images/bell.png) no-repeat center center; } .header-panel { border-bottom: solid 1px #d8d8d8; margin-bottom: 10px; } .header-panel .pop-up-title, .popup-window .pop-up-title { font-family: 'OCE Bold', Arial; } a.submit_form_btn { width: 155px; line-height: 2; display: block; background-color: #0066b3; height: 40px; border-radius: 3px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); text-align: center; color: #fff; margin-top: 10px; } .tmpall { max-width: 243px; } .tmpall .offrbtn_submit, .prtEX_btn .offrbtn_submit { float: none; } .prtEX_btn { margin-right: 10px!important; } .heaImg { position: absolute; left: 0px; top: 0px; } .heaImgheight { height: 110px; } .closeCircle { width: 30px; height: 30px; display: inline-block; position: absolute; top: -7px; right: -2px; cursor: pointer; } .closeCircle .fa { font-size: 40px; color: #000; } .loginFullPage { background: rgba(255, 255, 255, .9); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; } .loginFullPage .loginFullContent { background: url(../images/loginIMG.jpg) no-repeat; width: 60%; max-width: 810px; box-shadow: 0px 0px 6px #000; padding: 20px 25px 10px 25px; position: absolute; top: 5%; left: 0px; right: 0px; margin: 0 auto; } .loginFullPage .loginFullContent.mngSZ { max-width: 650px; } .loginFullPage .recorsDiv { font-weight: normal; font-size: 23px; color: #000; width: 100%; max-width: 73%; float: left; margin-top: 0px; } .loginFullPage .ultimateDiv { width: 200px; right: 30px; position: absolute; } .loginFullPage .ultimateDiv .brandimagelogo { width: 90px; height: 100px; float: right; margin: 0px 0px 15px 5px; } .loginFullPage .formContrl { border-top: solid 4px; padding-top: 15px; width: 100%; max-width: 73%; } .loginFullPage .formContrl p { font-weight: normal; font-size: 16px; color: #000; margin-bottom: 15px; line-height: 1.1; } .loginFullPage .formContrl p.fntSZ { font-size: 19px; } .loginFullPage .formContrl p.btmnew { margin-top: 20px; margin-bottom: 0px; } .loginFullPage .formContrl p.pbtmNon { margin-top: 0px; margin-bottom: 0px; } .loginFullPage .formContrl label { font-weight: normal; font-size: 16px; color: #000; float: left; width: 100%; max-width: 190px; line-height: 2.3; padding-left: 20px; } .loginFullPage .formContrl input[type="text"] { font-weight: normal; border: solid 1px #999; height: 38px; border-radius: 4px; font-size: 16px; color: #000; float: left; width: 100%; max-width: 360px; padding-right: 60px; text-indent: 8px; background: url(../images/login_edit.png) no-repeat 98% center; } .loginFullPage .BTNnewstl { text-align: center; } .loginFullPage .BTNnewstl .BTNsection { display: inline-block; } .loginFullPage .BTNnewstl .LightBlue, .loginFullPage .BTNnewstl .LightBlue { width: 225px; height: 46px; display: inline-block; font-weight: normal; font-size: 17px; color: #000; border-radius: 4px; line-height: 2.8; text-decoration: none; border: none; } .loginFullPage .BTNnewstl .DarkBlue { width: 225px; height: 46px; display: inline-block; font-weight: normal; font-size: 17px; color: #fff; border-radius: 4px; line-height: 2.8; text-decoration: none; } .loginFullPage .bgwhitenw { background: #fff; padding: 15px 0px; min-width: 138%; } .loginFullPage .bgwhitenw.pbnone { padding-bottom: 0px; margin-bottom: 15px; } .loginFullPage .bukDTL label { line-height: 1.3; } .loginFullPage .bukDTL .fid_info { line-height: 1.3; } .loginFullPage .conf_appnt { padding: 0px; margin: 0px; list-style: none; } .loginFullPage .conf_appnt li { overflow: auto; } .loginFullPage .fid_info { float: left; line-height: 2.3; width: 100%; max-width: 300px; padding: 5px 0; } .loginFullPage .selectDD select { width: 100%; height: 38px; font-weight: normal; color: #000; font-size: 16px; padding-left: 6px; } .loginFullPage .textareaSPC textarea { width: 100%; height: 75px; resize: none; font-weight: normal; color: #000; font-size: 16px; padding-left: 6px; } .loginFullPage .MDL_dtal label { line-height: 1.2; } .loginFullPage .FlDetail input[type="text"] { background: #fff!important; text-indent: 0px; padding-right: 0px; } .tntBG { background-image: none!important; } .loginFullPage .safelogin.formContrl { max-width: inherit; } .loginFullPage .safelogin.formContrl .bgwhitenw { min-width: inherit; } .addSRTlist { padding-left: 0px; margin-bottom: 15px; border-top: solid 1px #ccc; } .addSRTlist .srtlistLNK { font-size: 21px; color: #669933; font-family: 'OCE Bold', Arial; float: left; text-decoration: underline; margin-top: 10px; padding-left: 30px; line-height: normal; } .addSRTlist .srtlistLNK:before { font-family: 'FontAwesome'; content: "\f067"; position: absolute; left: 0; border: solid 2px #669933; padding: 4px 6px 2px 6px; border-radius: 50%; font-size: 18px; font-weight: normal; } .addSRTlist .srtlistLNK.disable { color: #ddd; cursor: no-drop; } .addSRTlist .srtlistLNK.disable:before { border-color: #ddd; } .addSRTlist .tsCAR { float: right; background: #1f5da6; font-family: 'OCE Bold', Arial; font-size: 14px; color: #fff; padding: 10px 20px; border-radius: 0 0 5px 5px; text-decoration: none; } .goBCK { width: 125px; height: 30px; background: #195ba9; float: right; border-radius: 8px; font-size: 16px; color: #fff; text-align: center; margin-left: 5px; } .goBCK .fa { float: left; font-size: 18px; font-family: 'OCE Bold', Arial; line-height: 1.7; width: 18px; text-align: right; color: #fff; padding: 0px; } .goBCK span { float: left; width: 102px; color: #fff; padding-top: 5px; } .yourSRTlist { width: 125px; height: 30px; background: #669933; float: right; border-radius: 8px; font-size: 15px; color: #fff; text-align: center; } .yourSRTlist .fa { float: left; font-size: 14px; line-height: 2; width: 22px; text-align: right; color: #fff; padding: 0px; } .yourSRTlist span { float: right; width: 92px; padding-top: 5px; color: #fff; font-size: 14px; padding-left: 0px; position: relative; left: -6px; } .shrlstEmpty { font-size: 44px; font-weight: normal; text-align: center; } .popup_text { font-size: 20px; color: #fff; text-align: left; font-weight: normal; } .tab_content .FNClist .logond div { height: 100px; margin-top: 10px; } .tab_content .FNClist .logond img { max-height: 100%; } /*------------------- breadCrumb ------------------------- */ .breadCrumb { font-family: 'OCE Bold', Arial; text-align: left; margin: 20px auto; font-weight: bold; text-transform: uppercase; } .breadCrumb .breadcrumb { text-align: left; } .breadCrumb .breadcrumb li { display: inline-block; padding: 2px 4px; } .breadCrumb .breadcrumb li a { font-size: 12px; color: #000; } .textRed_ew.active { /*color: #bebebe!important;*/ } .breadCrumb .breadcrumb li a:after { font-family: 'FontAwesome'; content: "/"; display: inline-block; padding-left: 5px; font-weight: bold; } .breadCrumb .breadcrumb li a.active:after { content: ""; font-size: 0; } .layout2 .button { border-radius: 3px!important; } /*===============================================C. Font Size Helpers================================================= */ .fs3 { font-size: 4px!important; } .fs4 { font-size: 4px!important; } .fs5 { font-size: 5px!important; } .fs6 { font-size: 6px!important; } .fs7 { font-size: 7px!important; } .fs8 { font-size: 8px!important; } .fs9 { font-size: 9px!important; } .fs10 { font-size: 10px!important; } .fs11 { font-size: 11px!important; } .fs12 { font-size: 12px!important; } .fs13 { font-size: 13px!important; } .fs14 { font-size: 14px!important; } .fs15 { font-size: 15px!important; } .fs16 { font-size: 16px!important; } .fs18 { font-size: 18px!important; } .fs20 { font-size: 20px!important; } .fs22 { font-size: 22px!important; } .fs24 { font-size: 24px!important; } .fs26 { font-size: 26px!important; } .fs28 { font-size: 28px!important; } .fs30 { font-size: 30px!important; } .fs35 { font-size: 35px!important; } .fs40 { font-size: 40px!important; } .fs45 { font-size: 45px!important; } .fs50 { font-size: 50px!important; } /*===============================================D. Padding Helpers================================================= */ .pn { padding: 0!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; } .p10 { padding: 10px!important; } .p15 { padding: 15px!important; } .p20 { padding: 20px!important; } .p25 { padding: 25px!important; } .p30 { padding: 30px!important; } .p35 { padding: 35px!important; } .p40 { padding: 40px!important; } .p50 { padding: 50px!important; } .ptn { padding-top: 0!important; } .pt5 { padding-top: 5px!important; } .pt10 { padding-top: 10px!important; } .pt15 { padding-top: 15px!important; } .pt20 { padding-top: 20px!important; } .pt25 { padding-top: 25px!important; } .pt30 { padding-top: 30px!important; } .pt35 { padding-top: 35px!important; } .pt40 { padding-top: 40px!important; } .pt50 { padding-top: 50px!important; } .prn { padding-right: 0!important; } .pr5 { padding-right: 5px!important; } .pr10 { padding-right: 10px!important; } .pr15 { padding-right: 15px!important; } .pr20 { padding-right: 20px!important; } .pr25 { padding-right: 25px!important; } .pr30 { padding-right: 30px!important; } .pr35 { padding-right: 35px!important; } .pr40 { padding-right: 40px!important; } .pr50 { padding-right: 50px!important; } .pbn { padding-bottom: 0!important; } .pb5 { padding-bottom: 5px!important; } .pb10 { padding-bottom: 10px!important; } .pb12 { padding-bottom: 12px!important; } .pb13 { padding-bottom: 13px!important; } .pb14 { padding-bottom: 14px!important; } .pb15 { padding-bottom: 15px!important; } .pb20 { padding-bottom: 20px!important; } .pb25 { padding-bottom: 25px!important; } .pb30 { padding-bottom: 30px!important; } .pb35 { padding-bottom: 35px!important; } .pb40 { padding-bottom: 40px!important; } .pb50 { padding-bottom: 50px!important; } .pln { padding-left: 0!important; } .pl5 { padding-left: 5px!important; } .pl10 { padding-left: 10px!important; } .pl15 { padding-left: 15px!important; } .pl20 { padding-left: 20px!important; } .pl25 { padding-left: 25px!important; } .pl30 { padding-left: 30px!important; } .pl35 { padding-left: 35px!important; } .pl40 { padding-left: 40px!important; } .pl50 { padding-left: 50px!important; } /*===============================================E. Margin Helpers================================================= */ .mn { margin: 0!important; } .m1 { margin: 1px!important; } .m2 { margin: 2px!important; } .m3 { margin: 3px!important; } .m4 { margin: 4px!important; } .m5 { margin: 5px!important; } .m8 { margin: 8px!important; } .m10 { margin: 10px!important; } .m15 { margin: 15px!important; } .m20 { margin: 20px!important; } .m25 { margin: 25px!important; } .m30 { margin: 30px!important; } .m35 { margin: 35px!important; } .m40 { margin: 40px!important; } .m50 { margin: 50px!important; } .mtn { margin-top: 0!important; } .mt5 { margin-top: 5px!important; } .mt10 { margin-top: 10px!important; } .mt15 { margin-top: 15px!important; } .mt16 { margin-top: 16px!important; } .mt20 { margin-top: 20px!important; } .mt22 { margin-top: 22px!important; } .mt25 { margin-top: 25px!important; } .mt30 { margin-top: 30px!important; } .mt35 { margin-top: 35px!important; } .mt40 { margin-top: 40px!important; } .mt50 { margin-top: 50px!important; } .mt_5 { margin-top: -5px!important; } .mt_10 { margin-top: -10px!important; } .mt_15 { margin-top: -15px!important; } .mt_20 { margin-top: -20px!important; } .mt_25 { margin-top: -25px!important; } .mt_30 { margin-top: -30px!important; } .mt_35 { margin-top: -35px!important; } .mt_40 { margin-top: -40px!important; } .mt_50 { margin-top: -50px!important; } .mrn { margin-right: 0!important; } .mr5 { margin-right: 5px!important; } .mr10 { margin-right: 10px!important; } .mr15 { margin-right: 15px!important; } .mr20 { margin-right: 20px!important; } .mr25 { margin-right: 25px!important; } .mr30 { margin-right: 30px!important; } .mr35 { margin-right: 35px!important; } .mr40 { margin-right: 40px!important; } .mr50 { margin-right: 50px!important; } .mr_5 { margin-right: -5px!important; } .mr_10 { margin-right: -10px!important; } .mr_15 { margin-right: -15px!important; } .mr_20 { margin-right: -20px!important; } .mr_25 { margin-right: -25px!important; } .mr_30 { margin-right: -30px!important; } .mr_35 { margin-right: -35px!important; } .mr_40 { margin-right: -40px!important; } .mr_50 { margin-right: -50px!important; } .mbn { margin-bottom: 0!important; } .mb5 { margin-bottom: 5px!important; } .mb10 { margin-bottom: 10px!important; } .mb15 { margin-bottom: 15px!important; } .mb20 { margin-bottom: 20px!important; } .mb25 { margin-bottom: 25px!important; } .mb30 { margin-bottom: 30px!important; } .mb35 { margin-bottom: 35px!important; } .mb40 { margin-bottom: 40px!important; } .mb50 { margin-bottom: 50px!important; } .mb115 { margin-bottom: 115px!important; } .mb_5 { margin-bottom: -5px!important; } .mb_10 { margin-bottom: -10px!important; } .mb_15 { margin-bottom: -15px!important; } .mb_20 { margin-bottom: -20px!important; } .mb_25 { margin-bottom: -25px!important; } .mb_30 { margin-bottom: -30px!important; } .mb_35 { margin-bottom: -35px!important; } .mb_40 { margin-bottom: -40px!important; } .mb_50 { margin-bottom: -50px!important; } .mln { margin-left: 0!important; } .ml5 { margin-left: 5px!important; } .ml10 { margin-left: 10px!important; } .ml15 { margin-left: 15px!important; } .ml20 { margin-left: 20px!important; } .ml25 { margin-left: 25px!important; } .ml30 { margin-left: 30px!important; } .ml35 { margin-left: 35px!important; } .ml40 { margin-left: 40px!important; } .ml50 { margin-left: 50px!important; } .ml_5 { margin-left: -5px!important; } .ml_10 { margin-left: -10px!important; } .ml_15 { margin-left: -15px!important; } .ml_20 { margin-left: -20px!important; } .ml_25 { margin-left: -25px!important; } .ml_30 { margin-left: -30px!important; } .ml_35 { margin-left: -35px!important; } .ml_40 { margin-left: -40px!important; } .ml_50 { margin-left: -50px!important; } /*===============================================F. LineHeight Helpers================================================= */ .lhn { line-height: normal!important; } .lh0 { line-height: 0!important; } .lh5 { line-height: 5px!important; } .lh7 { line-height: 7px!important; } .lh10 { line-height: 10px!important; } .lh15 { line-height: 15px!important; } .lh18 { line-height: 18px!important; } .lh20 { line-height: 20px!important; } .lh25 { line-height: 25px!important; } .lh30 { line-height: 30px!important; } .lh35 { line-height: 35px!important; } .lh40 { line-height: 40px!important; } /*===============================================G. Border Helpers================================================= */ /* Default Border */ .border { border: 1px solid #eee; } .border-left { border-left: 1px solid #eee; } .border-right { border-right: 1px solid #eee; } .border-top { border-top: 1px solid #eee; } .border-bottom { border-bottom: 1px solid #eee; } /* Border Radius */ .br0 { border-radius: 0px!important; } .br1 { border-radius: 1px!important; } .br2 { border-radius: 2px!important; } .br3 { border-radius: 3px!important; } .br4 { border-radius: 4px!important; } .br6 { border-radius: 6px!important; } .br8 { border-radius: 8px!important; } .br12 { border-radius: 12px!important; } .br24 { border-radius: 24px!important; } .br64 { border-radius: 64px!important; } /* circle */ /* Border Width */ .bw1 { border-width: 1px!important; } .bw2 { border-width: 2px!important; } .bw3 { border-width: 3px!important; } .bw4 { border-width: 4px!important; } .bw5 { border-width: 5px!important; } /* Border Style */ .bs-dashed { border-style: dotted!important; } /* Disable Border */ .border-left-none { border-left: none!important; } .border-right-none { border-right: none!important; } .border-top-none { border-top: none!important; } .border-bottom-none { border-bottom: none!important; } .border-none { border: none!important; } /*===============================================H. Max Width Helpers================================================= */ .mw10 { max-width: 10px!important; } .mw20 { max-width: 20px!important; } .mw30 { max-width: 30px!important; } .mw35 { max-width: 35px!important; } .mw40 { max-width: 40px!important; } .mw45 { max-width: 45px!important; } .mw50 { max-width: 50px!important; } .mw60 { max-width: 60px!important; } .mw80 { max-width: 80px!important; } .mw100 { max-width: 100px!important; } .mw140 { max-width: 140px!important; } .mw160 { max-width: 160px!important; } .mw180 { max-width: 180px!important; } .mw200 { max-width: 200px!important; } .mw240 { max-width: 240px!important; } .mw280 { max-width: 280px!important; } .mw320 { max-width: 320px!important; } .text-underline { text-decoration: underline; } .text-uppercase { text-transform: uppercase; } .ml-7_mr-7 { /*margin-left: -7%; margin-right: -7%;*/ } .ml-8_mr-8 { /*margin-left: -8%; margin-right: -8%;*/ } .weight700 { font-weight: 700; } .whiteBg { background: #fff; } .min100vh { min-height: 100vh; } .popup .thnkPopupCls.close { /*position: absolute; top: -23px; right: -25px; opacity: 1;*/ } .popup .thnkPopupCls.close i { /*background-color: #ca0119; color: #ffffff; opacity: 1;*/ } @media screen and (max-width: 1199px) { /*.padder.ml-7_mr-7 { margin-left: auto; margin-right: auto; }*/ } /* / / / / / //////////////////////////////////// FORM NEW CSS //////////////////////////////////// / / / / / */ @media screen and (max-width: 699px) { .loginTxt { left: 0px; right: 0px; width: 98%; margin: auto; padding: 20px 30px; } .fix-5-12.loginTxt { max-width: 98%!important; /*margin-bottom: 95px;*/ margin-bottom: 50px; } .loginTxt h2:first-child { margin-top: 0px !important; } .loginTxt h2:nth-child(3) { margin-bottom: 25px !important; } .playBtn { bottom: 5px!important; } } @media screen and (max-width: 1024px) { .playBtn { z-index: 999; 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; } } .playBtn { display: none; } .vdoWrp { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; } .vdoWrp video { min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .homePOP .pad { padding: 3%!important; } .homePOP p { } .homePOP .frmLbl { font-size: 16px; padding-top: 10px; font-weight: 400; margin-bottom: 5px !important; } .homePOP .button { font-size: 14px; margin-top: 0px !important; } .homePOP .redbutton { margin-left: 0px !important; padding-left: 30px; padding-right: 30px; border-radius: 0px; background: #f31504; border-bottom: solid 4px #c7191f; border-bottom-color: rgb(199, 25, 31); padding-bottom: 16px; margin-right: 1px !important; } .error_Msg { display: inline-block; margin-top: 10px; font-size: 16px; color: red; } /*FOR NEW LAYOUT*/ .offers { background: #999; color: #FFFFFF!important; border-radius: 99px; padding: 12px 0px 12px 0px; width: 38%; display: block; text-align: center; display: inline-block; font-size: 14px; margin-right: 1%; font-family: 'OCE', Arial; font-weight: normal; } .apps { background: #d20000; color: #FFFFFF!important; border-radius: 99px; padding: 12px 0px 12px 0px; width: 58%; display: block; text-align: center; display: inline-block; font-size: 14px; font-family: 'OCE', Arial; font-weight: normal; } .buttonsies { margin-top: 24px; margin-bottom: 16px; } select::-ms-expand { display: none; } /*FOR NEW LAYOUT*/ .ofrList .cont_pgnew .title-77 { font-size: 100%; } .cantsee.button { border-radius: 100px; } .dtlApntBtn { background-color: #FFF!important; } .ofrList .cont_pgnew { min-height: 200px; } .ofrList .author-77 .micro.cropBottom { min-height: 35px; line-height: .9em; } .ofrList .cont_pgnew .buttonsies { margin-top: 10px; margin-bottom: 20px; } .button.btnBGClr { /*border-radius: 99px;*/ } .FrmDisclmr { font-size: 12px!important; } .close.closeImg { right: 0px; left: auto; } .popup .close.closeButton { position: relative!important; } .errorCSS { background-color: #fff0f0!important; border: 1px solid rgba(255, 38, 38, 0.5)!important; } .loginButton { border-radius: 99px; border: solid 0px #e50000; padding: 14px; padding-right: 14px; padding-left: 14px; padding-left: 64px; padding-right: 64px; color: #ffffff; background: #e50000; } .manuFCTR h3.micro, .h3.micro { font-size: 15px; } .offerList h3.little, .offerList .h3.little { font-size: 18px; } table { } .clndrBtn { border: 1px solid #ccc; border-radius: 40px; padding-top: 10px!important; padding-bottom: 10px!important; margin-top: 10px; font-size: 12px!important; } select:disabled { /*background-image: none; */ cursor: not-allowed; } /* New Detail Page*/ #lnkHome { /*box-shadow:none;*/ width: 180px; } #lnkHome img { /*max-width: 100%; max-height: 100%; margin-top:10px;*/ } .cantsee { width: auto; } .breadCrumb.fromLeft .breadcrumb.crumbMenu li a { } .detailresp { padding: 15px 20px; font-weight: 600!important; margin-top: -13px; font-size: 12px!important; float: left; margin-left: 6%!important; letter-spacing: 1.0px!important; } .white { background-color: #f1f1f1!important; color: #303030!important; } .frame-94 { padding: 20px; margin-bottom: 7px; background-color: #f2f2f2; border: 1px solid rgba(177, 177, 177, 0.2); } .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%; } .cantsee { font-size: 12px; background-color: #2b902f; padding-left: 38px; padding-right: 38px; margin-bottom: 0px; } .shortlistleft { float: left; margin-top: -5px; margin-left: 5%; } .breadCrumb.fromLeft { padding-bottom: 10px; margin-top: 15px; } .makePage .grid [class*='col-'] { float: none; display: inline-block; } .box-77:hover .thumbnail-77 img { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0.6; } .box-77 .thumbnail-77 img { border-radius: 0px!important; } .makePage .makeLST a.box-77 { overflow: hidden; } .makePage .box-77:hover .thumbnail-77 img { -webkit-filter: none; filter: none; } .makePage .makeLST a.box-77 { box-shadow: none; padding: 10px 0px; margin: 0; } .makePage .box-77 .thumbnail-77 { height: 150px; } .makePage .makeLST a.box-77 .thumbnail-77 { margin-top: 15px; margin-bottom: 15px; overflow: initial; } .makePage .makeLST a.box-77 .thumbnail-77 img { border-radius: 0px; max-height: 140px!important; } /*.MdlOffrLst .cont_pgnew .modelOfr{min-height:80px;}*/ .MdlOffrLst .cont_pgnew .modelOfr { min-height: auto; font-size: 16px; line-height: 1.22727273; margin-top: 5px!important; color: #2e2e2e; opacity: 1; } .MdlOffrLst .cont_pgnew .modelOfr ul { padding-left: 20px; } .MdlOffrLst .cont_pgnew .modelOfr ul li { list-style: disc; } .MdlOffrLst .cont_pgnew .modelOfr ol { padding-left: 20px; } .MdlOffrLst .cont_pgnew .modelOfr ol li { list-style: decimal; } .MdlOffrLst .col-4-12 { margin-bottom: 15px; } .mdl_ofr_list { /*min-height: 38px;*/ } .title-77 { font-size: 16px!important; letter-spacing: 0px!important; line-height: 1.1; font-weight: 500; text-align: left; margin-top: 15px; color: #3e3e3e; } .box-77 { border-radius: 0px; border: none; box-shadow: none; font-size: 16px; letter-spacing: 1px; line-height: 1.1; font-weight: 500; text-align: left; margin-top: 15px; color: #3e3e3e; } .box-77:hover { border: none!important; box-shadow: none!important; } .box-77 .thumbnail-77 { height: 205px; text-align: center!important; margin: auto; } .name-77 { text-transform: initial; letter-spacing: normal; opacity: 1; font-weight: normal; } .moreInfor { position: relative; } .author-77 { background: #fff; border-top: 1px solid #EBEBEB; padding: 0; padding-top: 10px; margin-top: 10px; position: relative; text-align: left; } .author-77 p { font-size: 15px; margin-top: 5px!important; } p { color: #2e2e2e; opacity: 1; } .findIT .cropBottom { font-size: 19px!important; margin-top: 13px; } .findIT .button.uppercase { letter-spacing: normal!important; } .col-1-12 { max-width: 8.333333333%; } .col-2-12 { max-width: 20%; } .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%; } h3.little, .h3.little { font-weight: normal; } h3.micro, .h3.micro { font-weight: normal!important; } .makePage .makeLST a.box-77 h3.micro { min-height: 40px; font-size: 15px; text-align: center; } /*------------------- Responsive layout1 ------------------------- */ @media screen and (max-width: 1380px) { .detailresp { margin-left: 2%!important; } .cantsee { padding-left: 20px; padding-right: 20px; } .shortlistleft { float: left; margin-top: -5px; margin-left: 3%; } .parainterest { font-size: 16px; } } @media screen and (max-width:1300px) and (min-width:1199px) { .home_style7 .welcomeImg { position: absolute; right: -8% !important; } } @media screen and (max-width:1200px) { .invite_btn a, .booking_btn a { margin-top: 0px!important; margin-right: 15px!important; } .invite_btn { padding-left: 0px!important; } .invite_btn p, .booking_btn p { padding-left: 15px!important; } .booking_btn > div > div > a.popupTrigger { padding: 15px 18px!important; margin-top: 0px!important; } } @media screen and (max-width: 1180px) { .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 rgba(0, 0, 0, 0.25); width: 100%; text-align: center; } .apptext { float: right; width: 60%; } .apptext p { display: inline-block; float: left; width: auto; } .apptext a { display: inline-block; float: left; width: auto; } .frame-94 { height: auto; } } @media screen and (max-width:959px) { .formwide { max-width: 100%!important; } .grid:not(.later) > [class*='col-8-12'] { max-width: 100%!important; width: 100%!important; } .grid:not(.later) > [class*="col-"] { max-width: 50%!important; width: 100%!important; } .footerDiv .grid:not(.later) > [class*="col-"] { max-width: 75%!important; } } @media screen and (max-width: 960px) { } @media screen and (max-width: 899px) { .frame-94 { /*padding: 18px 0px 12px 0px;*/ } .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; } } @media only screen and (min-width:1024px) and (max-width:1199px) { .ucUsedModel1 .box-77 .thumbnail-77 { height: 215px!important; } .ucModel1 .MdlOffrLst .box-77 .thumbnail-77 { height: 140px; min-height: 140px; } } @media screen and (max-width:1023px) { .videoThumbnail { max-width: 100%; width: 100%; } .grid:not(.later) > [class*='col-'] { max-width: 100%!important; width: 100%!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; } .mobFull { max-width: 100%!important; } .makePage .grid > .col-2-12 { max-width: 20%!important; } .fix-12-12.footerDiv { max-width: 100% !important; } } @media only screen and (min-width:768px) and (max-width:1023px) { .ucModel1 .MdlOffrLst [class*='col-'] { width: 50%; max-width: 50%; } .ucModel1 .MdlOffrLst .title-77 { height: auto!important; } .buttonsies a { font-size: 12px!important; } .box-77 .thumbnail-77 { height: 130px!important; min-height: auto!important; } .title-77 { min-height: 60px!important; } .ucUsedModel1 .title-77 { height: auto !important; } .ucUsedModel1 .box-77 .thumbnail-77 { height: 160px!important; } .compareSlide .details-77 .title-77 { height: auto!important; } .author-77 .micro { /*font-size: 14px!important; line-height: 1;*/ } .breadCrumb.fromLeft { margin-top: 20px; } .later.findIT { padding: 10px!important; } .findIT .cropBottom { padding-right: 10px!important; margin: auto; } .wel_msg { margin-top: 20px; } } @media screen and (max-width: 599px) { .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; } .MdlOffrLst .cont_pgnew .modelOfr { min-height: auto!important; } .ofrList .cont_pgnew { min-height: auto!important; } .MdlOffrLst .equalElement.cont_pgnew { margin-bottom: 0!important; } .ofrList .author-77 .micro.cropBottom { min-height: auto!important; } .MdlOffrLst .box-77 { margin-bottom: 10px!important; } .cont_pgnew .buttonsies, .MdlOffrLst .buttonsies { margin-top: 10px!important; margin-bottom: 10px!important; } .frame-94 { height: auto; } .invite_btn .frame-94 { height: auto!important; } .booking_btn .frame-94 { height: auto!important; } .invite_btn .frame-94 { height: auto!important; } .invite_btn p { width: 100%!important; text-align: center!important; padding-bottom: 15px; } .invite_btn a { margin-left: 0px!important; margin-right: 0px!important; float: none!important; } .booking_btn .frame-94 { height: auto!important; } .booking_btn p { width: 100%!important; text-align: center!important; padding-bottom: 15px; float: none!important; } .booking_btn > div > div > a.popupTrigger { float: none!important; padding-top: 15px!important; padding-bottom: 15px!important; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .apptext p { display: block; float: left; width: 100%; } .apptext a { display: block; float: left; width: 100%; } } @media only screen and (min-width:769px) and (max-width:1200px) { .shortlistleft { margin-top: 20px; } .submit-buttonLght .cropBottom { font-size: 15px!important; margin-top: 18px; } .apptext a { margin-top: 0px!important; } .frame-94 { /*padding: 10px 22px 10px 14px;*/ } } @media only screen and (min-width:900px) and (max-width:1023px) { .apptext { width: 50%; } .apptext .parainterest { margin-top: 0px; } .apptext a { margin-top: 10px!important; } } @media only screen and (min-width:600px) and (max-width:1023px) { .compareSlide .grid > [class*='col-'] { max-width: 50%!important; } } .compareitem .compa a { color: #212121; } .tabsbtn { font-size: 14px!important; } .tabsbtn .fa { color: #999999!important; } .tabsbtn:hover i.fa { color: #fff!important; } a.yourSRTlist:hover { color: #ffffff!important; -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); } .tabsbtn.square .fa { bottom: 16px!important; } @media only screen and (min-width:320px) and (max-width:767px) { .breadCrumb.fromLeft { padding-bottom: 10px; margin-top: 30px; } .FINANCE.fi_nnc .grid { margin-left: -1%; margin-right: -1%; } .FINANCE.fi_nnc .finance_img { margin-top: 15px!important; margin-bottom: 15px!important; } .no_red_txt:after { clear: both; display: block; content: ""; } .box-77 .thumbnail-77 { height: auto!important; min-height: auto!important; } body .ucoffer7 .box-77 .thumbnail-77 { height: auto!important; } .later.findIT .col-9-12 { display: block!important; float: none!important; max-width: 100%!important; padding: 0!important; width: 100%!important; } .later.findIT .col-3-12 { float: none!important; margin: 10px 10px 0!important; max-width: inherit!important; font-size: 15px!important; /*padding: 7px 5px;*/ width: 90%!important; } .later.findIT { padding: 15px!important; } nav.top .desktop .left img { width: 30px!important; } ul.grid.mobgrid .invite_btn p, ul.grid.mobgrid .booking_btn p { width: 100%!important; padding: 0 10px 10px!important; padding-left: 10px; font-size: 16px!important; text-align: center!important; margin: auto!important; margin-top: 0px!important; display: inline-block!important; } ul.grid.mobgrid li.col-6-12 p { padding-left: 10px!important; } ul.grid.mobgrid li.col-6-12 a { font-size: 14px!important; letter-spacing: normal!important; padding: 10px!important; text-align: center; float: none!important; width: 100%; max-width: 95%; margin: auto!important; } ul.grid.mobgrid li.col-6-12 .fix-12-12b > div:after { clear: both; display: block; content: ""; } .tabsbtn.square { margin-bottom: 7px!important; width: 100%!important; display: block!important; } .mobgrid .invite_btn, .mobgrid .booking_btn { padding: 0px 10px!important; margin: 10px 0; } .sections .topper a { width: 115px!important; height: 60px; margin-right: 0px; } .wel_msg { margin-top: 20px; } li.introsection02 { border: none; padding-left: 15px !important; margin-top: 10px; } } @media only screen and (min-width:640px) and (max-width:767px) { .grid.manuFCTR > [class*="col-"] { max-width: 50%!important; width: 50%!important; } .title-77 { min-height: 45px!important; } .ucUsedModel1 .title-77 { height: auto!important; } .tpSection .center.topper.top a.mdl_logos { width: 260px!important; } .tpSection .right.center.topper a.mdl_logos { width: 85px!important; height: 80px!important; } .grid.later .name-77.equalElement.cont_pgnew { /*height: 190px!important;*/ } .offerList .grid.later .name-77.equalElement.cont_pgnew { /*height: 270px !important;*/ } .grid.later.MdlOffrLst .name-77.equalElement.cont_pgnew { /*height: 143px!important; margin-bottom: 0!important;*/ } ul.grid.mobgrid li.col-6-12 { width: 50%!important; max-width: 50%!important; } ul.grid.mobgrid li.col-6-12 .fix-12-12b { min-height: 115px; margin-top: 0px!important; padding: 10px!important; } ul.grid.mobgrid li.col-6-12:after { clear: both; display: block; content: ""; } .tabsbtn.square { display: inline-block!important; width: 48%!important; float: left; margin-left: 5px; margin-right: 5px; } .grid.later.mdlList .name-77.equalElement.cont_pgnew { height: 155px!important; } .mdlList .box-77 { min-height: 310px; } .box-77 .thumbnail-77 { min-height: 150px!important; } .ucUsedModel1 .box-77 .thumbnail-77 { min-height: 235px!important; } .MdlOffrLst .box-77 { margin-bottom: 10px!important; } .cont_pgnew .buttonsies, .MdlOffrLst .buttonsies { margin-top: 10px!important; margin-bottom: 10px!important; } .grid.later.MdlOffrLst .name-77.equalElement.cont_pgnew { /*height: 143px!important; margin-bottom: 0!important;*/ } .makePage ul.grid li.makeLST { width: 50% !important; max-width: 50% !important; margin-bottom: 20px; } } @media only screen and (min-width:320px) and (max-width:639px) { .grid.later .name-77.equalElement.cont_pgnew { height: auto!important; } ul.grid.mobgrid li.col-6-12 .fix-12-12b { padding: 10px!important; } } @media screen and (max-width:599px) { .grid:not(.later) > [class*="col-"] { max-width: 100%!important; width: 100%!important; } .makePage .makeLST a.box-77 h3.micro { min-height: auto; } .makePage .box-77 .thumbnail-77 { height: unset; } } /* Detail Popup css*/ .popup .popupCnt { overflow-y: initial!important; overflow: initial!important; } i.closebtton { right: 0px!important; top: -50px!important; } @media screen and (max-width:320px) { h1.huge, .h1.huge { font-size: 50px; } } .tabsbtn { display: inline-block; border-radius: 3px; padding: 16px 22px 14px 32px; color: #fff; border: none; outline: none; text-decoration: none; font-size: 12px; font-weight: 500; vertical-align: top; cursor: pointer; overflow: hidden; position: relative; white-space: nowrap; margin-bottom: 12px; transform: translate3d(0, 0, 0); box-shadow: 0 0 0 4px rgba(41,41,41,0.2) inset!important; -webkit-box-shadow: 0 0 0 4px rgba(41,41,41,0.2) inset, inset 0 -100px 0 rgba(41,41,41,0); -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -webkit-box-shadow: inset 0 -100px 0 rgba(41,41,41,0); -webkit-appearance: none; -webkit-user-select: none!important; -moz-user-select: none!important; -ms-user-select: none!important; user-select: none!important; margin: 0px 3px 12px; } @media only screen and (min-width:320px) and (max-width:359px) { .tpSection .center.topper.top a.mdl_logos { width: 175px!important; height: 60px!important; } .tpSection .right.center.topper a.mdl_logos { width: 70px!important; } .sections .topper a { height: 60px; } .mdl_logos.wd120 { width: 120px!important; } .checkBlock .control-label { margin-right: 10px!important; } } @media screen and (max-width:320px) { .button.uppercase, .uppercase { letter-spacing: 0.07em; } } /* 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; background: #fff; border-radius: 50%; opacity: 0.5; transition: 0.25s; } .dots.big .dot:after { width: 14px; height: 14px; } .slide.whiteSlide .dot:after { background: #303030; } .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); } .tabs { border-radius: 4px; border: 1px solid #fff; color: #fff; max-width: 260px; } .tabs li { border: 1px solid #fff; padding: 20px 20px; letter-spacing: 3px; font-size: 15px; } .tabs li:first-child { border-radius: 3px 3px 0 0; } .tabs li:last-child { border-radius: 0 0 3px 3px; } .tabs li.selected { background: #fff; color: #303030; } .whiteSlide .tabs, .whiteSlide .tabs li { border: 1px solid #303030; color: #303030; } .whiteSlide .tabs li.selected { background: #303030; color: #fff; } .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-family: 'OCE Bold', Arial; 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; fill: #fff; } .topper { padding: 0; } .cantsee { font-size: 12px; background-color: #dd0000; padding-left: 40px; padding-right: 40px; margin-bottom: 0px; } .add_srt { position: absolute; padding: 8px; width: 180px; top: -15px; left: 2%; } .add_srt a { font-weight: 500!important; letter-spacing: .5px; } .add_srt.left_add_srt { width: 100%!important; padding: 0px 0px 10px 0px!important; } .list_content li { width: 100%; list-style: square; color: #d0d0d0; } .list_content li span { font-size: 12px; text-transform: uppercase; color: #818384; } .fulSPC .list_content li { /*width: 50%;*/ color: #000; font-size: 15px; margin-bottom: 10px; display: inline-block; vertical-align: top; padding-left: 15px; padding-right: 15px; position: relative; } .fulSPC .list_content ul { } .fulSPC .list_content li::before { content: ""; width: 5px; height: 5px; display: inline-block; background-color: #444; border-radius: 50%; position: absolute; top: 8px; left: 0; } /*.fulSPC .list_content li:nth-child(2n+1) { clear: both; }*/ .rotateTitle { font-size: 13.7px; color: #999999; font-weight: 600; } .view360 .product-viewer { width: 90%; } .view360 .view360Title { color: #999999; } .view360 .view360Title span { color: #333333; } .ftrSlide p { color: #ccc; } /*Header*/ .bookHot p { font-weight: 600; margin: 0 !important; line-height: 1em; } .bookHot .bookTitle { font-size: 14px; color: #838383; } .bookHot .bookNumber { font-size: 26px; color: #000; margin-top: 5px !important; } /* / / / / / //////////////////////////////////// FORM COMMON CSS //////////////////////////////////// / / / / / */ .pad { border-radius: 0px; padding: 3%; color: #303030; background: #fff; overflow: hidden; } h3.tiny, .h3.tiny { font-size: 16px; margin-bottom: 0px; font-weight: 600; } p.small, .p.small { font-size: 14px; line-height: 1.36; margin-bottom: 10px; } .button { font-size: 12px; } .pink { background: #f01b1c !important; color: #ffffff !important; font-weight: 200; } .button:hover { /*background: #000 !important; border-color: #333!important;*/ } .grid.noSpaces > [class*='col-'] { /*padding-left: 8px; padding-right: 8px;*/ } h1.small, .h1.small { font-size: 18px; margin-bottom: 14px; font-weight: 600; letter-spacing: -0.2px; } @media (max-width: 599px) { .mainpanel { width: 95%; height: 280px; } .logga { width: 162px; } h1.small, .h1.small { font-size: 18px !important; } } @media (max-width: 699px) { .hide699 { display: none; } } /*MAKE*/ .make_wrap .margin-bottom-3 { margin-bottom: 0px!important; } .make_wrap h3.tiny, .make_wrap .h3.tiny { font-size: 14px; } .make_wrap .pad.shadow { box-shadow: 0 2px 5px rgba(0, 0, 0, 0), 0 5px 20px rgba(0, 0, 0, 0.0), 0 0px 1px rgba(0, 0, 0, 0.0); } .make_wrap .pad.shadow:hover { border:; /*solid 1px #f01b1c;*/ } @media (max-width: 599px) { /*.make_wrap .logga {width:128px!important;} */ } /*ofrlist_wrap*/ .ofrlist_wrap .button.button-94 { margin: 0 0 0 24px; font-size: 12px; padding-left: 48px; padding-right: 48px; font-weight: 200 !important; background: #727d83; } .ofrlist_wrap .formlabelmain { display: block; width: 100%; margin-top: 8px; margin-bottom: 25px; } .ofrlist_wrap form.wide input[type="text"], .ofrlist_wrap form.wide input[type="name"], .ofrlist_wrap form.wide input[type="email"], .ofrlist_wrap form.wide input[type="password"], .ofrlist_wrap form.wide input[type="tel"], .ofrlist_wrap form.wide input[type="submit"], .ofrlist_wrap form.wide button[type="submit"], .ofrlist_wrap form.wide select, .ofrlist_wrap form.wide textarea, .ofrlist_wrap form.wide label { max-width: 100%; width: 100%; margin: 2px 0; } .ofrlist_wrap form input[type="text"], .ofrlist_wrap form input[type="name"], .ofrlist_wrap form input[type="email"], .ofrlist_wrap form input[type="password"], .ofrlist_wrap form input[type="tel"], .ofrlist_wrap form textarea { background: #ffffff; border: solid 1px #e1e1e1 !important; padding: 10px 18px 10px; font-family: 'Montserrat', sans-serif!important; border: none; font-size: 16px; color: #242424; outline: none; border-radius: 3px; width: 100%; max-width: 230px; font-weight: 600; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .ofrlist_wrap form select { padding: 8px 0px 11px 18px; border: none; font-size: 16px; color: #919191; border: solid 1px #e1e1e1 !important; box-shadow: none; max-width: 100%; } .ofrlist_wrap .half { display: inline-block; width: 50%; } .ofrlist_wrap .parafn { font-size: 13px !important; color: #333; } .ofrlist_wrap table { width: 100%; border-collapse: collapse; font-size: 13px; margin-bottom: 14px; margin-top: 10px; } .ofrlist_wrap tr:nth-of-type(odd) { background: #ffffff; } .ofrlist_wrap td, .ofrlist_wrap th { padding: 8px; border: 1px solid #ccc; text-align: left; width: 50%; } .bluebutton.popupTrigger { margin-left: 0px!important; margin-right: 0px!important; } .booking_frm select.fullSlct { margin-bottom: 8px!important; } .thumb_title { min-height: 32px; line-height: .9em; } .thmbContnt h4 { margin-bottom: 0px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .js-tilt { transform: none!important; } } /*.mdlofr-wrp .head-div { margin-right: -7.4%; margin-left: -7.4%; text-align: right; position:relative!important;}*/ @media (min-width: 768px) { .js-tilt img { /*max-height:134px;*/ } } .ofr-dtl-Wrp .panorama1 .mainpanel { /*right: 0px!important;*/ } @media screen and (max-width: 916px) { .ofrlist_wrap .button.button-94 { margin: 20px 0 0 0px; } } @media screen and (max-width: 916px) { .ofrlist_wrap .button.button-94 { margin: 20px 0 0 0px; width: 96%; } } /* breadCrumb */ @media screen and (max-width:960px) { .ofrDtlBtns > a:nth-child(even) { float: right!important; } .ofrDtlBtns .buttonset02 { float: inherit; margin-right: 0px!important; } .ofrDtlBtns .buttonset02 .button { margin-left: 0px!important; } } @media (max-width: 419px) { } @media screen and (min-width:700px) and (max-width:1024px) { } @media (min-width: 700px) { .container .wrap:not(.noSpaces) .head-div { padding-top: 10px!important; } } @media screen and (min-width:1024px) and (max-width:1199px) { .modelGrid .model_btn a { padding-left: 20px; padding-right: 20px; } .mdlLsting .thumbimg { min-height: 145px!important; } } @media screen and (min-width:320px) and (max-width:1023px) { .container .wrap { vertical-align: top; } .popupContent .formheader.makecolorBdrCLR { font-size: 17px!important; margin-right: 25px; } .bookSrvcePop .container .wrap { vertical-align: middle; } } .noty_body { position: relative; } .noty_body:before { content: "x"; display: block; width: 15px; height: 15px; font-size: 14px; font-weight: bold; position: absolute; right: 5px; top: 5px; } .offrLines p { font-family: 'OCE Bold', Arial; opacity: 1; line-height: 1em; margin-bottom: 5px; } .offrLines h4 { font-weight: normal; font-size: 15px; line-height: 1em; min-height: 20px; } .offrLines h4.offrLinesSml { font-size: 14px; } .offrLines h4.offrLinesSml:last-child { margin-bottom: 10px; } .mdlLsting .thumbimg { min-height: 170px; border-bottom: 1px solid #ccc; } @media screen and (min-width:750px) and (max-width:767px) { /* for iframe preview page cms start*/ .modelPre .col-3-12 { max-width: 25% !important; } .modelPre .pad.shadow { box-shadow: 0 35px 54px rgba(0, 0, 0, 0.3), 0 5px 20px rgba(0, 0, 0, 0.07), 0 0px 1px rgba(0, 0, 0, 0.12); } .OfferPre .col-6-12 { max-width: 50%!important; } .OfferPre .col-4-12 { max-width: 33.33333%!important; } .OfferPre .pad.shadow { box-shadow: 0 35px 54px rgba(0, 0, 0, 0.3), 0 5px 20px rgba(0, 0, 0, 0.07), 0 0px 1px rgba(0, 0, 0, 0.12); } /* for iframe preview page cms end*/ } .greenBtn { background: #4CAF50; } .greenBtn:hover { background: #128418 !important; } .hadTitle { margin-bottom: 30px; display: inline; } .hadTitle h1 { display: inline; } .hadTitle:after { display: block; clear: both; content: ""; } .hadTitle .bookTestBtn { margin-right: 15px; } .modelGrid { margin-top: 20px !important; } .modelGrid .frame-94 { margin-top: 20px; padding: 10px; margin-bottom: 20px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.18); box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.18); padding-top: 14px; border: 1px solid rgba(0,0,0,0.2); } .modelGrid .model_btn p.cropBottom { font-size: 14px; text-transform: uppercase; margin-bottom: 10px !important; } .modelGrid .model_btn a { font-size: 12.9px; letter-spacing: 0px !important; margin: 0px; text-transform: uppercase; } .modelGrid .model_btn a:hover { 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); } .blue1, .blue1:hover { background-color: #57a8d2!important; } .green1, .green1:hover { background-color: #4CAF50!important; } .red1, .red1:hover { background-color: #CF2D2D!important; } @media screen and (min-width:901px) and (max-width:1023px) { .modelGrid .model_btn a { width: 95%; padding-left: 10px; padding-right: 10px; } } @media screen and (min-width:768px) and (max-width:900px) { .mdlLsting { margin-left: -10% !important; margin-right: -10% !important; } .modelGrid .model_btn a { font-size: 11px; padding-left: 0; padding-right: 0; } .mdlLsting .thumbimg { min-height: 120px; } .manuf .pad.shadow.js-tilt { height: 100px; } .mdlLsting .greenBtn { padding-left: 0; padding-right: 0; font-size: 11px; } } @media screen and (min-width:768px) and (max-width:1023px) { .modelGrid .model_btn { float: left; width: 33%; } .offrLines { margin-bottom: 5px; } } @media screen and (min-width:640px) and (max-width:767px) { .ftrLeft { max-width: 70% !important; } .ftrRight { max-width: 30% !important; } .ftrLeft .ftrAdrs { width: 49% !important; min-height: 155px; } .ftrLeft .ftrAdrs p { margin-bottom: 10px; } .manuf li { width: 50% !important; margin-bottom: 20px; } } @media screen and (min-width:320px) and (max-width:639px) { .ftrLeft { max-width: 50% !important; } .ftrRight { max-width: 50% !important; } .ftrLeft .ftrAdrs { width: 100% !important; } .ftrLeft .ftrAdrs p { margin-bottom: 0px; min-height: auto; } .manuf li, .manuf.make_style3 .grid [class*='col-'] { max-width: 50%!important; width: 50% !important; margin-bottom: 20px; } .manuf li:nth-child(2n + 1), .manuf.make_style3 .grid [class*='col-']:nth-child(2n + 1) { clear: both; } form input, form select { font-size: 15px !important; } } @media screen and (min-width:320px) and (max-width:767px) { .hadTitle h1 { width: 100%; font-size: 18px !important; } .hadTitle .bookTestBtn { float: left !important; } .offrLines { margin-bottom: 5px; } .logga { max-height: 70px!important; } } /*---------POPup Form add checkbox---------*/ /* -------------------------------------------------------------------------------------------------------------------------------------------------- */ /* 14 NOV 2K19 */ /* -------------------------------------------------------------------------------------------------------------------------------------------------- */ /*** * _____ _ * | __ \ | | * | |__) __ _ _ __ ___| |____ * | ___/ _` | '_ \ / _ | / __/ * | | | (_| | | | | __| \__ \ * |_| \__,_|_| |_|\___|_/___/ * * */ .panel { left: 0; min-height: 100px; width: 100%; padding: 15px; 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.top { top: 0; } .panel.bottom { bottom: 0; } .animated .panel.top, .animateOnScroll .panel.top, .animated .search-block.onlyAdSeach { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; } .animated .panel.bottom, .animateOnScroll .panel.bottom { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; } .animated .panel.bottom:not(.fixed), .animateOnScroll .panel.bottom:not(.fixed) { -webkit-transform: translate3d(0, 0, 0)!important; transform: translate3d(0, 0, 0)!important; } .page-loaded .animated .panel, .page-loaded .animateOnScroll .panel, .page-loaded .animated .search-block.onlyAdSeach { -webkit-transition: opacity 0.5s, padding 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, padding 0.5s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 0.5s, padding 0.5s; transition: transform 0.5s, opacity 0.5s, padding 0.5s, -webkit-transform 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .slides.whiteSlide .panel { color: #303030; } .scroll .panel.hideOnScroll.top.hide, .mobile .simplifiedMobile .panel.hideOnScroll.top.hide { -webkit-transform: translateY(-100%)!important; transform: translateY(-100%)!important; opacity: 0; } .scroll .panel.hideOnScroll.bottom.hide, .mobile .simplifiedMobile .panel.hideOnScroll.bottom.hide { -webkit-transform: translateY(100%)!important; transform: translateY(100%)!important; opacity: 0; } .panel .sections { display: inline-block; width: 100%; } .panel .sections.hidden { display: none; } .panel .sections .left, .panel .sections .center, .panel .sections .right { display: inline-block; vertical-align: middle; font-size: 0; min-height: 1px; } .leftInner, .rightInner { display: flex; /*max-width: 290px;*/ height: 70px; } .panel .sections .left { float: left; width: 20%; } .leftInner { flex-direction: column; justify-content: center; align-items: self-start; margin: auto auto auto 0px; } .leftInner img { max-height: 45px; } .leftInner a { display: inline-block; } .panel .sections .center { width: 59%; } .centerInner { display: table-cell; height: 70px; margin: auto; text-align: center; vertical-align: middle; width: 100%; } .centerInner li { display: inline-block; margin: 5px 25px; font-size: 0; } .centerInner li a { padding: 5px 15px; color: #000; font-size: 15px; display: inline-block; /*text-transform: uppercase;*/ border: 2px solid; border-radius: 50px; } .panel .sections .right { float: right; width: 21%; } .rightHotBook .rightInner { display: inline-block; max-width: initial; } .rightMakeLogo .rightInner { flex-direction: column; justify-content: center; align-items: flex-end; margin: auto 0px auto auto; } .bookTitle, .ftrBookTitle { font-size: 14px; color: #838383; margin-top: 10px; margin-bottom: 0; } .bookNumber, .ftrBookNumber { font-size: 26px; color: #000; margin: 0px; } .panel .hidden, .panel .hidden * { display: none; } .panel svg { fill: #fff; width: 22px; height: 22px; } .slides.whiteSlide .panel svg { fill: #303030; } .panel a:not(.button):hover { opacity: 0.75; -webkit-transition: 0.15s; transition: 0.15s; } .panel .button { margin: 0; } .panel .button + .button { margin-left: 10px; } .panel .button:not(.actionButton) { display: inline-block; padding-left: 22px; padding-right: 22px; background: #fff; color: #303030; font-size: 20px; vertical-align: middle; padding-top: 11px; padding-bottom: 14px; } .panel .button:not(.actionButton).small { font-size: 18px; } .panel .button:not(.actionButton).micro { font-size: 16px; padding: 12px 22px; } .panel .nextSlide, .panel .prevSlide { width: 24px; height: 24px; position: relative; top: 5px; } .slides.whiteSlide .panel .menuButton { background: #303030; color: #fff; } .slides.whiteSlide .panel .button.menuButton.stroke { color: #303030; } .slides.whiteSlide .panel .actionButton svg { fill: #fff; } .panel .menuButton.uppercase { font-size: 17px; padding: 12px 19px; } .panel .menuButton.uppercase.small { font-size: 14px; } .panel .button.menuButton.stroke { color: #fff; } .panel .prevSlide, .panel .nextSlide { -webkit-transition: 0.25s; transition: 0.25s; } .firstSlide .panel .prevSlide, .lastSlide .panel .nextSlide { opacity: 0; pointer-events: none; cursor: default; } .firstSlide .panel.bottom .nextSlide svg { -webkit-animation: animateArrow 4s infinite; animation: animateArrow 4s infinite; } .panel .twitterIcon, .panel .panelIcon { position: relative; top: 5px; } /*//////////////////////////////////// ucHeader1.ascx ///////////////////////////////////*/ .panel.ucheader1 { padding: 0px !important; } .panel.ucheader1 .mdl_logos, .panel.ucheader1 .rgt_logos > div { margin: auto; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 200px; max-width: 100%; height: 80px; background-color: #fff; border-radius: 0 0 8px 8px; /*box-shadow: 0 2px 7px #707070;*/ overflow: hidden; } .panel.ucheader1 .right .rgt_logos { margin-right: 10px; } .panel.ucheader1 .rgt_logos { /*width: 130px; height: 80px; margin: auto; margin-right: 5px;*/ } .panel.ucheader1 .rgt_logos > div { align-items: flex-end; } .panel.ucheader1 .mdl_logos img, .panel.ucheader1 .rgt_logos img { margin: auto; padding: 5px; max-height: 80px; } /*//////////////////////////////////// ucHeader2.ascx ///////////////////////////////////*/ .panel.head_style4, .panel.head_style5, .panel.head_style6, .panel.head_style7, .panel.head_style8, .panel.head_style9 { background-color: #fff !important; } /* V4 and V5 ( Company logo + Links + Hotline / Company logo + Links + Brand logo ) */ .panel.head_style4 .centerInner li a, .panel.head_style5 .centerInner li a { padding: 3px 0px 5px; position: relative; transition: all 0.2s ease-in-out; border-color: transparent !important; color: #000 !important; } .panel.head_style5 .leftInner > a, .panel.head_style7 .leftInner > a, .panel.head_style9 .leftInner > a { max-width: 180px; } .panel.head_style5 .leftInner > a img, .panel.head_style7 .leftInner > a img, .panel.head_style9 .leftInner > a img { max-height: 70px; } .panel.head_style5 .rightInner a, .panel.head_style7 .rightInner a, .panel.head_style9 .rightInner a { max-width: 160px; } .panel.head_style5 .rightInner a img, .panel.head_style7 .rightInner a img, .panel.head_style9 .rightInner a img { max-height: 70px; } .panel.head_style5 .rightInner .twoLogos .rgtLogo, .panel.head_style7 .rightInner .twoLogos .rgtLogo, .panel.head_style9 .rightInner .twoLogos .rgtLogo { margin-left: 10px; display: inline-block; vertical-align: middle; } .panel.head_style5 .rightInner .twoLogos .rgtLogo:first-child, .panel.head_style7 .rightInner .twoLogos .rgtLogo:first-child, .panel.head_style9 .rightInner .twoLogos .rgtLogo:first-child { margin-left: 0px; } .panel.head_style4 .centerInner li a:before, .panel.head_style4 .centerInner li a:after, .panel.head_style5 .centerInner li a:before, .panel.head_style5 .centerInner li a:after { content: ""; position: absolute; bottom: -2px; width: 0px; height: 2px; margin: 5px 0 0; transition: all 0.2s ease-in-out; transition-duration: 0.5s; opacity: 0; background-color: transparent !important; border-bottom: 2px solid; } .panel.head_style4 .centerInner li a:before, .panel.head_style5 .centerInner li a:before { left: 50%; } .panel.head_style4 .centerInner li a:after, .panel.head_style5 .centerInner li a:after { right: 50%; } .panel.head_style4 .centerInner li a:hover:before, .panel.head_style4 .centerInner li a:hover:after, .panel.head_style5 .centerInner li a:hover:before, .panel.head_style5 .centerInner li a:hover:after { width: 50%; opacity: 1; } .panel.head_style4 .rightMakeLogo { display: none; } .panel.head_style5 .rightHotBook { display: none; } /* V6 and V7 ( Company logo + Buttons + Hotline / Company logo + Buttons + Brand logo ) */ .panel.head_style6 .rightMakeLogo { display: none; } .panel.head_style7 { position: initial; } .panel.head_style7 .rightHotBook { display: none; } .mobToggle { display: none; position: fixed; right: 10px; top: 33px; z-index: 9999; font-size: 26px; text-align: center; padding: 4px; border-radius: 5px; } .navLinksMob { display: none; } /* V8 and V9 ( Company logo + Buttons + Hotline / Company logo + Buttons + Brand logo ) */ .panel.head_style8 .rightMakeLogo { display: none; } .panel.head_style9 .rightHotBook { display: none; } /*//////////////////////////////////// ucHeader3.ascx ///////////////////////////////////*/ .scroll .panel.ucheader3 { font-size: 0; } .panel.ucheader3 .sections .left { width: initial; } .panel.ucheader3 .sections .left .leftInner { max-width: initial; } /*//////////////////////////////////// ucHeader4.ascx ///////////////////////////////////*/ .panel.ucheader4 .sections .left { width: auto; margin-right: 15px; } .panel.ucheader4 .sections .center { float: left; width: 50%; } .panel.ucheader4 .sections .right { width: auto; } .panel.ucheader4 .likeTo a { border-radius: 99px; background: #016935; padding: 10px 52px 12px 52px; color: #fff!important; font-size: 14px; display: inline-block; border: 2px solid transparent; margin-top: 15px; } .panel.ucheader4 .logo-div { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; height: 70px; } .panel.ucheader4 .logo-div .centerInnerLogo { /*display: inline-block; height: 70px; margin-right: 15px;*/ } .panel.ucheader4 .logo-div .centerInnerLogo a { display: inline-block; height: 100%; width: 100%; } .panel.ucheader4 .logo-div.left { position: absolute; left: 35px; top: 0px; padding: 15px; background-color: #fff; z-index: 99; text-align: center!important; max-height: 100px; min-height: 100px; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; border-radius: 0px 0px 5px 5px; } .panel.ucheader4 .logo-div.right { position: absolute; right: 35px; top: 0px; padding: 10px; background-color: #fff; z-index: 99; text-align: center!important; max-height: 100px; min-height: 100px; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; border-radius: 0px 0px 5px 5px; } .panel.ucheader4 .logo-div.right span { display: inline-block; width: 100px; } .panel.ucheader4 .logo-div.right span img { max-height: 70px; } /*//////////////////////////////////// ucHeader6.ascx ///////////////////////////////////*/ .panel.ucheader6 { position: fixed; background: #fff; border-bottom: 2px solid #e8e8e8; padding: 0px; min-height: auto; font-size: 0; } .panel.ucheader6 .sections { padding: 20px 30px; width: 100%; font-size: 0; background: white; } /*.panel.ucheader6 .sections .rgtLogo { height: 49px; float: right; margin-left: 50px; }*/ .panel.ucheader6 .sections .rgtLogo { height: 49px; float: right; margin-left: 50px; transition: none!important; opacity: 1!important; } .panel.ucheader6 .sections .rgtLogo:first-child { margin-left: 15px; } .panel.ucheader6 .sections .rgtLogo:last-child { margin-left: 50px; } .panel.ucheader6 .sections .rgtLogo img { max-height: 100%; } .panel.ucheader6 .sections > div.left .leftInner { height: 48px; width: 170px; max-width: 170px; } .panel.ucheader6 .sections > div.left a { font-size: 0; display: inline-block; margin: auto; vertical-align: middle; width: 170px; position: relative; margin-left: 0; } .panel.ucheader6 .sections > div.right { width: auto; padding: 9px 0px; } .panel.ucheader6 .sections > div.right ul.crop li:last-child { margin-right: 0; } .panel.ucheader6 .sections .menu li { display: inline-block; margin: auto 50px; position: relative; } .panel.ucheader6 .sections .menu li.generalLnk, .panel.ucheader6 .sections .menu li.vyvLnk { display: none; } .panel.ucheader6 .sections .menu li:after { content: ""; height: 20px; width: 2px; background: #ececec; position: absolute; bottom: -29px; left: -50px; } .panel.ucheader6 .sections .menu li:first-child { margin-left: 0px; } .panel.ucheader6 .sections .menu li:first-child:after { display: none; } .panel.ucheader6 .sections .menu li a { padding: 0px; color: #060107; font-size: 25px; display: inline-block; } .panel.ucheader6 .sections .menu li a .fa, .panel.ucheader6 .sections .menu li a em { font-size: 15px; font-style: normal; color: #bfbfbf; text-transform: none; margin-right: 15px; } .panel.ucheader6 .sections .menu li a span { font-family: 'OCE Bold', Arial; font-size: 16px; } .panel.ucheader6 .sections .menu li.callLnk a span { font-size: 25px; } .activeHeader3 .sections .left .breadCrumb { display: block !important; } .activeHeader3 .sections .right { width: 30%; } /*.activeHeader11 .main-block .container .wrap { padding-top: 170px; }*/ .activeHeader11 .ucOfferList3 { margin-top: 110px; } .activeHeader12 .main-block .container .wrap { padding-top: 95px; } .activeHeader12 .detailSlide .container1 .wrap { padding-top: 95px; } .compareSlide .col-4-12 .details-77 .description-77 { /*min-height: 60px;*/ } .compareSlide .details-77 { padding: 0px; } .compareSlide .details-77 > .table { padding: 20px 18px 18px; } .ucHeader7 .panel.top.customPanel { pointer-events: initial!important; box-shadow: 0px 0px 33px 4px rgba(0,0,0,0.08); } .sidebar .btnDiv:after { content: ""; display: block; clear: both; } .sidebar .btnDiv .button { min-width: 185px; width: calc((50%) - (5px)); float: left; margin-right: 5px; } @media screen and (max-width: 1199px) { .show1199 { display: inline-block!important; } .hide1199 { display: none!important; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .centerInner li { margin-left: 5px; margin-right: 5px; } .panel.ucheader6 .sections > div.right { padding: 17px 0px; } .panel.ucheader6 .sections .menu li a .fa, .panel.ucheader6 .sections .menu li a em { margin-right: 10px; } .panel.ucheader6 .sections .menu li.vyvLnk { display: inline-block!important; } .panel.ucheader6 .sections .menu li a { font-size: 0px; } .panel.ucheader6 .sections .menu li a span { font-size: 15px !important; } .head_style8 .sections .centerInner li { margin-left: 3px; margin-right: 3px; } .head_style8 .sections .centerInner li a { padding-left: 12px; padding-right: 12px; font-size: 13px; } .head_style9 .sections .centerInner li { margin-left: 3px; margin-right: 3px; } .head_style9 .sections .centerInner li a { padding-left: 12px; padding-right: 12px; font-size: 13px; } } @media screen and (min-width: 1024px) and (max-width: 1199px) { .panel.ucheader6 .sections .menu li:after { bottom: -37px; left: -27px; } .panel.ucheader6 .sections .menu li { margin: auto 25px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .show768 { display: inline-block!important; } .hide768 { display: none!important; } .panel.ucheader6 .sections { padding: 20px; } .panel.ucheader6 .sections > div.left { width: auto; } .panel.ucheader6 .sections .menu li:after { bottom: -37px; left: -12px; } .panel.ucheader6 .sections .menu li { margin: auto 10px; } .panel.ucheader6 .sections .rgtLogo { margin-left: 20px; } .head_style4 .bookTitle, .head_style8 .bookTitle { font-size: 12px; } .head_style4 .bookNumber, .head_style8 .bookNumber { font-size: 24px; } .bookTitle, .ftrBookTitle { font-size: 12px; } .bookNumber, .ftrBookNumber { font-size: 20px; } } @media screen and (max-width: 767px) { .ucHeader7 .panel.top li a.activeLnk { padding-bottom: 10px!important; } .compareSlide .container .wrap:not(.noSpaces) { padding: calc(5.56% + 50px) calc(0% + 15px)!important; padding-top: 190px !important; } .ucHeader7 .panel .sections .left a { padding: 0 !important; margin: 0px !important; font-size: 16px; vertical-align: middle; margin-top: 0px !important; } .ucHeader7 .panel .sections .rightInner { display: block !important; position: absolute; top: 18%; right: 20px; } .ucHeader7 .panel .sections .right { /*width: 100% !important;*/ } .footerDiv { padding-left: 15px; padding-right: 15px; } .ucHeader7 .leftInner img { /*max-height: unset !important; width: 200px;*/ } .ucHeader7 .leftInner img { max-width: 250px; } .footerBtm .cName { display: flex; } .footerBtm .small.right { margin-top: 0px !important; display: inline-block; text-align: left !important; width: 75%; } .show767 { display: inline-block!important; } .hide767 { display: none!important; } .panel.ucheader6 .sections { display: block; padding: 0px; } .panel.ucheader6 .sections > div { display: block!important; height: auto; white-space: normal; width: 100% !important; max-width: 100%; float: none; } .panel.ucheader6 .sections > div.left { padding: 20px 15px; } .panel.ucheader6 .sections > div.right { padding: 15px 15px; padding-top: 0px; } .panel.ucheader6 .sections .menu { width: 100%; padding: 0px; white-space: normal; text-align: center; display: table; } .panel.ucheader6 .sections .menu li:after { opacity: 0; } .panel.ucheader6 .sections .menu li { margin: auto; padding: 0px 5px; border-right: 1px solid #444; display: table-cell; } .panel.ucheader6 .sections .menu li:last-child { border-right: none; padding-right: 0; } .panel.ucheader6 .sections .menu li.generalLnk { display: none !important; } .panel.ucheader6 .sections .menu li.vyvLnk { display: table-cell!important; } .panel.ucheader6 .sections .menu li a { font-size: 0px; } .panel.ucheader6 .sections .menu li a span { font-size: 13px !important; } .panel.ucheader6 .sections > div.left .leftInner { width: 150px; max-width: 150px; } .panel.ucheader6 .sections > div.left a { width: 150px; } .panel.ucheader6 .sections .rgtLogo { position: absolute; top: 18px; right: 15px; height: 56px; width: 100px; text-align: right; } .panel.ucheader6 .sections .rgtLogo + .rgtLogo { right: 72px; } .panel.ucheader6 .sections .rgtLogo img { max-height: 100%; } .stickyHdr .panel.ucheader6 .sections > div.right { display: none !important; } .animatedIcon { width: 25px; height: 20px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .animatedIcon span { display: block; position: absolute; height: 3px; width: 100%; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .animatedIcon span { background: #777; } .animatedIcon span:nth-child(1) { top: 0px; } .animatedIcon span:nth-child(2), .animatedIcon span:nth-child(3) { top: 9px; } .animatedIcon span:nth-child(4) { top: 18px; } .animatedIcon.open span:nth-child(1) { top: 11px; width: 0%; left: 50%; } .animatedIcon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .animatedIcon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .animatedIcon.open span:nth-child(4) { top: 11px; width: 0%; left: 50%; } .head_style4 .sections .left, .head_style5 .sections .left, .head_style6 .sections .left, .head_style7 .sections .left, .head_style8 .sections .left, .head_style9 .sections .left { width: 40%; } .head_style4 .sections .center, .head_style5 .sections .center, .head_style6 .sections .center, .head_style7 .sections .center, .head_style8 .sections .center, .head_style9 .sections .center { width: 0%; } .head_style4 .sections .right, .head_style5 .sections .right, .head_style6 .sections .right, .head_style7 .sections .right, .head_style8 .sections .right, .head_style9 .sections .right { width: 58%; } .head_style4 .sections .rightHotBook .rightInner, .head_style5 .sections .rightMakeLogo .rightInner, .head_style6 .sections .rightHotBook .rightInner, .head_style7 .sections .rightMakeLogo .rightInner, .head_style8 .sections .rightHotBook .rightInner, .head_style9 .sections .rightMakeLogo .rightInner { padding-right: 35px; max-width: 100%; } .panel.head_style5 .rightInner a img, .panel.head_style7 .rightInner a img, .panel.head_style9 .rightInner a img { max-height: 50px; } .head_style4 .mobToggle, .head_style5 .mobToggle, .head_style6 .mobToggle, .head_style7 .mobToggle, .head_style8 .mobToggle, .head_style9 .mobToggle { display: inline-block; } .head_style4 .navLinksWeb, .head_style5 .navLinksWeb, .head_style6 .navLinksWeb, .head_style7 .navLinksWeb, .head_style8 .navLinksWeb, .head_style9 .navLinksWeb { display: none!important; } .activeHeader4 .navLinksMob, .activeHeader5 .navLinksMob, .activeHeader6 .navLinksMob, .activeHeader7 .navLinksMob, .activeHeader8 .navLinksMob, .activeHeader9 .navLinksMob { display: none; position: absolute; top: 100px; left: 0; right: 0; z-index: 99; background-color: #fff; width: 100%; padding: 0px 15px 15px 15px; text-align: center; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2); border-bottom: 1px solid #dcdcdc; } .activeHeader4 .navLinksMob li, .activeHeader5 .navLinksMob li, .activeHeader6 .navLinksMob li, .activeHeader7 .navLinksMob li, .activeHeader8 .navLinksMob li, .activeHeader9 .navLinksMob li { display: inline-block; font-size: 0; } .activeHeader4 .navLinksMob li a, .activeHeader5 .navLinksMob li a, .activeHeader6 .navLinksMob li a, .activeHeader7 .navLinksMob li a, .activeHeader8 .navLinksMob li a, .activeHeader9 .navLinksMob li a { border: 2px solid; padding: 3px 0px 5px; position: relative; transition: all 0.2s ease-in-out; border-color: transparent !important; color: #000; font-size: 15px; display: inline-block; } .activeHeader6 .navLinksMob li a, .activeHeader7 .navLinksMob li a, .activeHeader8 .navLinksMob li a, .activeHeader9 .navLinksMob li a { padding: 7px 17px; border-radius: 50px; border-color: inherit !important; } .activeHeader4 .navLinksMob li a:before, .activeHeader4 .navLinksMob li a:after, .activeHeader5 .navLinksMob li a:before, .activeHeader5 .navLinksMob li a:after { content: ""; position: absolute; bottom: -2px; width: 0px; height: 2px; margin: 5px 0 0; transition: all 0.2s ease-in-out; transition-duration: 0.5s; opacity: 0; background-color: transparent !important; border-bottom: 2px solid; } .activeHeader4 .navLinksMob li a:before, .activeHeader5 .navLinksMob li a:before { left: 50%; } .activeHeader4 .navLinksMob li a:after, .activeHeader5 .navLinksMob li a:after { right: 50%; } .activeHeader4 .navLinksMob li a:hover:before, .activeHeader4 .navLinksMob li a:hover:after, .activeHeader5 .navLinksMob li a:hover:before, .activeHeader5 .navLinksMob li a:hover:after { width: 50%; opacity: 1; } .sidebar .btnDiv { margin-bottom: 20px; } .sidebar .btnDiv .button { width: 100%!important; margin: 5px 0px 10px 0px!important; } } @media screen and (min-width: 600px) and (max-width: 767px) { .show600 { display: inline-block!important; } .hide600 { display: none!important; } .panel.ucheader6 .sections .menu li { } .panel.ucheader4 .sections .center { width: 200px; } .activeHeader4 .navLinksMob li, .activeHeader5 .navLinksMob li, .activeHeader6 .navLinksMob li, .activeHeader7 .navLinksMob li, .activeHeader8 .navLinksMob li, .activeHeader9 .navLinksMob li { width: 45%; margin: 2%; margin-bottom: 10px; } } @media screen and (max-width: 599px) { .show599 { display: inline-block!important; } .hide599 { display: none!important; } .panel.ucheader3 .rightMakeLogo .rightInner { margin: auto; } .panel.ucheader3 .sections .right { width: 100%; text-align: center; margin-bottom: 10px; } .panel.ucheader3 .sections .left .leftInner { height: auto; } .panel.ucheader3 .sections .left .leftInner .breadCrumb { margin: auto; } .panel.ucheader4 .sections .left, .panel.ucheader4 .sections .center, .panel.ucheader4 .sections .right { width: auto; text-align: center !important; float: none; } .panel.ucheader4 .sections .left .leftInner, .panel.ucheader4 .sections .center .logo-div { justify-content: center !important; } .panel.ucheader4 .sections .right { width: 100%; } .panel.ucheader6 .sections .menu li:first-child { padding-left: 0px; } .panel.ucheader6 .sections .menu li:last-child { padding-right: 0px; } .panel.ucheader6 .sections .menu li a span { text-align: left; } .panel.ucheader6 .sections > div.right { /*padding-left: 3px; padding-right: 3px;*/ } .panel.ucheader6 .sections .menu li a .fa, .panel.ucheader6 .sections .menu li a em { margin: auto; padding-right: 5px; font-size: 13px; } .head_style4 .bookTitle, .head_style6 .bookTitle, .head_style8 .bookTitle { font-size: 10px; margin-top: 17px; } .head_style4 .bookNumber, .head_style6 .bookNumber, .head_style8 .bookNumber { font-size: 20px; } .activeHeader4 .navLinksMob li, .activeHeader5 .navLinksMob li, .activeHeader6 .navLinksMob li, .activeHeader7 .navLinksMob li, .activeHeader8 .navLinksMob li, .activeHeader9 .navLinksMob li { width: 100%; margin-bottom: 10px; } .ucHeader7 .panel .sections .rightInner { /*display: none!important;*/ } .ucHeader7 .panel .sections .left { /*display: none!important;*/ } .ucHeader7 .panel .sections .menu li { padding: 5px !important; } .ucHeader7 .panel .sections .menu li a { padding: 10px 3px !important; display: inline-block; font-size: 12px!important; text-align: center; } .ucHeader7 .panel.customPanel .sections .right { padding-right: 10px !important; } .compareSlide .grid.grid-77 { margin-bottom: 0px!important; } .compareSlide .grid > [class*='col-']:last-child { border-bottom: 0px!important; } .compareSlide .content .container .wrap:not(.noSpaces) { padding-bottom: 30px!important; } } @media screen and (max-width: 370px) { .panel.ucheader6 .sections > div.left { padding: 20px 10px; } .panel.ucheader6 .sections > div.right { padding-left: 10px; padding-right: 10px; } .panel.ucheader6 .sections .rgtLogo { right: 10px; } .panel.ucheader6 .sections .menu li a .fa, .panel.ucheader6 .sections .menu li a em { display: none !important; } } /*//////////////////////////////////// ucheader5 ///////////////////////////////////*/ .panel.ucheader5 { position: fixed; min-height: auto; padding: 40px calc(8% + 15px); background: #fff; max-width: 100%; margin: auto; left: 0px; right: 0px; padding: 0px; } .panel.ucheader5 .sections { border-bottom-color: #fff; padding: 15px 20px 12px; box-shadow: 0px 0px 0px 0px #00000014; transition: none; transform: none; opacity: 1.0; max-width: 100%; border: none; } .panel.ucheader5 .sections .left { width: 340px; } .panel.ucheader5 .sections .right { /*float: none;*/ } .panel.ucheader5 .leftInner { float: left; } .panel.ucheader5 .leftInner + .leftInner { margin-left: 10px; } .panel.ucheader5 .leftInner img { max-height: 65px; max-width: 170px; } .panel.ucheader5 .heartCount { position: absolute; right: 49px; top: 27px; z-index: 99999; } .panel.ucheader5 .heartCount a { display: inline-block; font-size: 33px; color: #c60001; } .panel.ucheader5 .heartCount a strong { text-align: right; color: #001c54; font-size: 16px; display: inline-block; position: absolute; top: 8px; right: 43px; border-radius: 50%; line-height: 20px; } .panel.ucheader5 .heartCount a span { text-align: center; color: #fff; font-size: 13px; width: 20px; height: 20px; display: inline-block; position: absolute; top: 10px; right: 7px; border-radius: 50%; font-family: 'OCE BOld'; line-height: 20px; } @media screen and (max-width:1199px) { .panel.ucheader5 .heartCount a strong { top: 11px; } .panel.ucheader5 .heartCount { top: 28px; } } @media screen and (max-width: 767px) { .panel.ucheader5 .heartCount a strong { display: none; } } @media screen and (max-width:599px) { .panel.ucheader5 .leftInner img { max-width: 100%; } .panel.ucheader5 .sections .right { float: right; } .panel.ucheader5 .sections { padding-left: 15px; padding-right: 15px; } .panel.ucheader5 .heartCount { right: 160px !important; } .panel.ucheader5 .sections > div.left .leftInner { width: 150px; max-width: 150px; margin: auto; } .panel.ucheader5 .sections > div.left .leftInner + .leftInner { display: none; } .panel.ucheader5 .sections > div.left a { width: 150px; } } @media screen and (min-width:360px) and (max-width:374px) { .panel.ucheader5 .sections .center a { max-width: 200px; } } @media screen and (max-width:359px) { .panel.ucheader5 .sections .center a { max-width: 200px; } .panel.ucheader5 .heartCount { display: none!important; } } /*//////////////////////////////////// ucheader5 ///////////////////////////////////*/ .ucheader22.panel { display: flex; align-items: center; padding: 0; -webkit-box-shadow: 0px 12px 5px -13px #11111145; -moz-box-shadow: 0px 12px 5px -13px #11111145; box-shadow: 0px 12px 5px -13px #11111145; border-bottom: 1px solid #dcdde2; min-height: 75px; } .ucheader22.panel .sections { display: flex; align-items: center; justify-content: space-between; padding: 0; padding-top: 20px; padding-bottom: 20px; width: 1200px!important; max-width: 90%; margin: auto; min-height: 75px; } .ucheader22.panel .sections > div { display: flex; float: none; width: auto; } .ucheader22.panel .right a { font-size: 16px; white-space: nowrap; font-family: 'OCE Bold', Arial; display: inline-flex; align-items: center; line-height: 1; margin-left: 40px; } .ucheader22.panel .right a:first-child { margin-left: 0; } .ucheader22.panel .right .fa { margin-right: 10px; } .ucheader22.panel .left a { display: inline-flex; align-items: center; justify-content: center; height: 40px; margin-right: 50px; position: relative; } .ucheader22.panel .left a:last-child { margin-right: 0; } .ucheader22.panel .left a img { max-height: 100% !important; } .ucheader22.panel .left a:after { content: ""; background-color: #efefef; width: 2px; position: absolute; top: 0; bottom: 0; right: -27px; } .ucheader22.panel .left a:last-child:after { display: none; } .ucheader22.panel .left .dvMakeLogo a img { max-height: 32px!important; } @media screen and (min-width:600px) { .ucheader22.panel .sections > div:last-child { background-color: transparent!important; } } @media screen and (min-width:600px) and (max-width:767px) { .ucheader22.panel .right a { margin-left: 15px; font-size: 15px; } .ucheader22.panel .left a { margin-right: 30px; } .ucheader22.panel .left a:after { right: -13px; } } @media screen and (max-width:599px) { .ucheader22.panel { box-shadow: none; border: none; } .ucheader22.panel .sections { flex-direction: column; padding-bottom: 0; margin: 0; max-width: 100%; } .ucheader22.panel .sections > div { justify-content: center; margin-bottom: 20px; width: 100%; text-align: center !important; display: flex; } .ucheader22.panel .sections > div:last-child { margin: 0; padding: 25px 0; position: relative; } .ucheader22.panel .right a { margin: auto; width: 50%; justify-content: center; color: #fff !important; } body .ucheader22.panel .right .fa { color: rgba(255,255,255, 0.5)!important; } .ucheader22.panel .left > a { width: 50%; margin-right: 25px; } .ucheader22.panel .left .dvMakeLogo { width: 50%; margin-left: 25px; justify-content: center; } .ucheader22.panel .sections .right:before { opacity: 0.2; content: ""; background-color: #fff; width: 2px; position: absolute; top: 0; bottom: 0; left: calc(50% - 1px); } } /*//////////////////////////////////// ucMakeList.ascx ///////////////////////////////////*/ .manuf { margin-bottom: 40px; } .manuf ul.grid { margin-left: 0; margin-right: 0; margin-top: 20px; } .manuf .makeLST .makeTitle { display: none; text-transform: capitalize; letter-spacing: normal; color: #000; font-size: 15px; } .manuf .makeLST a { text-align: center; margin: auto; display: inline-block; overflow: visible; width: 100%; height: 100%; } .manuf .makeLST .box-77 .thumbnail-77 { display: table-cell; vertical-align: middle; overflow: visible; height: 207px; } .manuf .makeLST img.imgalt { max-height: 100px; max-width: 100px; } /* ucMakeList Style 1 */ .manuf.make_style1 .makeLST a { background: #eaeaea; } /* ucMakeList Style 2 */ .manuf.make_style2 { padding: 8% 0%; } .manuf.make_style2 .makeLST .makeTitle { display: block; } .manuf.make_style2 .grid { font-size: 0px; } .manuf.make_style2 .grid [class*='col-'] { max-width: 20%; float: none; display: inline-block; } .manuf.make_style2 h3.little, .manuf.make_style2 .h3.little { text-align: center !important; margin-top: 20px; line-height: 1.5em; letter-spacing: 0.05em; } /* ucMakeList Style 3 */ .manuf.make_style3 .grid [class*='col-'] { max-width: 16.66667%; } .manuf.make_style3 .makeLST { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3), 0 5px 5px rgba(0, 0, 0, 0.07), 0 5px 10px rgba(0, 0, 0, 0.10); border-radius: 10px; margin-bottom: 20px; overflow: hidden !important; } .manuf.make_style3 .box-77 .thumbnail-77 { height: 130px; padding: 8px 0px 5px; } .manuf.make_style3 { padding: 8% 0%; } .manuf.make_style3 .makeLST .makeTitle { display: block; } .manuf.make_style3 .grid { font-size: 0px; } .manuf.make_style3 .grid [class*='col-'] { max-width: 20%; float: none; display: inline-block; } .manuf.make_style3 h3.little, .manuf.make_style3 .h3.little { text-align: center !important; margin-top: 20px; line-height: 1.5em; letter-spacing: 0.05em; } /* ucMakeList Style 3 */ /* ucMakeList Style 4 */ .manuf.make_style4 .grid [class*='col-'] { padding: 0px; max-width: 16.66667%; } .manuf.make_style4 .makeLST { border: 2px solid #e1e1e1; margin-right: -2px; margin-bottom: -2px; } @media screen and (max-width: 599px) { .manuf.make_style2 .grid [class*='col-'] { width: 50% !important; max-width: 50% !important; vertical-align: middle; margin: 10px auto; } } /*//////////////////////////////////// Footer ///////////////////////////////////*/ #pnlFooterSlide { display: inline-block; width: 100%; } /*//////////////////////////////////// ucFooter2.ascx ///////////////////////////////////*/ .ucFooter1, .ucFooter3, .ucFooter5, .foot_style1, .foot_style2, .foot_style3 { margin-top: 40px; } .ftrLftDesText { float: left; width: calc(100% - 200px); text-align: left; font-size: 13px; } .ftrLftDesText p { margin: 0; font-size: 13px; border-left: solid 5px; padding-left: 10px; } .ftrRgtLogo { float: right; width: 200px; text-align: right; } .ftrBookTitle { margin-top: 0; } /* ucFooter Style 1 Disclaimer + Hotline */ .foot_style1 { padding-bottom: 30px; } .foot_style1 .ftrLftDesText p { padding-left: 0px; border: none; } /* ucFooter Style 2 Disclaimer + Brand logo */ .foot_style2 { padding-bottom: 30px; } .foot_style2 .ftrMakeLogo { height: 80px; } .foot_style2 .ftrMakeLogo .rgtLogo { margin-left: 10px; vertical-align: middle; } .foot_style2 .ftrMakeLogo .rgtLogo:first-child { margin-left: 0px; } /* ucFooter Style 3 Disclaimer + Location + Hotline */ .foot_style3 { padding-bottom: 30px; } .foot_style3 .fix-12-12:after { content: ""; clear: both; display: block; } .foot_style3 .ftrLftDesText { width: 50%; } .foot_style3 .ftrRgtLogo { width: 50%; } .foot_style3 .ftrBookTitle { color: #444; } .foot_style3 .ftrMltDlr { display: inline-block !important; margin-left: 20px; padding: 0; margin-top: 5px; } .foot_style3 .ftrDealername { font-size: 14px !important; margin: 0px !important; color: #838383; } .foot_style3 .ftrBookNumber { line-height: 1em; } @media screen and (max-width: 1220px) { .foot_style3 .fix-12-12 { max-width: calc(100% - 40px) !important; } } /*//////////////////////////////////// ucFooter3.ascx ///////////////////////////////////*/ /* ucFooter Style 5 Location + Company logo */ .ftrWrp.ucFooter3 { border-top: solid 2px #e1e1e1; border-bottom: solid 2px #e1e1e1; margin-bottom: 40px; } .ftrWrp.ucFooter3 .ftrLftDlr { float: left; width: 50%; } .ftrWrp.ucFooter3 .ftrLftDlr p { color: #666666; font-size: 15px; margin-bottom: 0px; min-height: 140px; font-weight: normal; } .ftrWrp.ucFooter3 .ftrLftDlr p > strong { margin-top: 18px; display: inline-block; color: #333333; margin-bottom: 5px; } .ftrWrp.ucFooter3 .ftrLftDlr p span { font-family: 'OCE Bold', Arial; margin: 10px 0px; display: inline-block; } .ftrWrp.ucFooter3 .ftrRgtLogo { display: flex; flex-direction: column; justify-content: center; align-items: flex-end; height: 140px; width: 50%; } .ftrWrp.ucFooter3 .ftrRgtLogo .ftrMakeLogo { display: inline-block; float: right; height: 75px; } .ftrWrp.ucFooter3 .ftrRgtLogo .ftrMakeLogo img { margin-left: 25px; vertical-align: middle; max-width: 170px; } /*//////////////////////////////////// ucFooter1.ascx ///////////////////////////////////*/ .back2top.ucFooter1 { background-repeat: no-repeat; background-size: cover; background-position: center top; /* min-height: 230px; */ padding-top: 40px; padding-bottom: 40px; } .back2top.ucFooter1 .container .wrap { /*padding-top: 120px; padding-bottom: 120px;*/ } .back2top.ucFooter1 h1 { font-size: 20px; } .back2top.ucFooter1 p { margin: auto; } /* ucFooter Style 4 Disclaimer */ .ftrBg { /*background-image: url(../images/ftrBGimg.jpg);*/ } /*//////////////////////////////////// ucFooter5.ascx ///////////////////////////////////*/ .foot_style4 { padding-top: 30px; padding-bottom: 30px; } .ucFooter5 { padding-top: 40px; padding-bottom: 40px; } .ucFooter5 .logo img { width: 138px; margin-top: 22px; /*margin-left: 22px;*/ } .ucFooter5 .baseFtrLnks { display: none; border-top: 1px solid rgba(255, 255, 255, 0.26); margin-top: 30px; padding-top: 30px; } .ucFooter5 .baseFtrLnks p { margin: auto; } .ucFooter5 .baseFtrLnks a { color: #fff; font-size: 13px; opacity: 1.0; } .ucFooter5 h3 { font-size: 17px; } .ucFooter5 p.small { font-size: 15px; margin-bottom: 0px; line-height: 1.8; opacity: 0.8; } @media screen and (max-width: 767px) { .ftrWrp.ucFooter3 .ftrRgtLogo { display: block; height: auto; margin: 18px auto; } .ftrWrp.ucFooter3 .ftrRgtLogo .ftrMakeLogo { height: auto; } .ftrWrp.ucFooter3 .ftrRgtLogo .ftrMakeLogo img { margin: 5px auto; padding-left: 10px; max-height: 70px; } .foot_style2 .ftrRgtLogo { float: none; width: 100%; margin-bottom: 25px; } .foot_style2 .ftrMakeLogo { /*height: auto;*/ } .foot_style2 .ftrLftDesText { width: 100%; float: none; } .foot_style3 .ftrRgtLogo { float: none; width: 100%; margin-bottom: 25px; } .foot_style3 .ftrLftDesText { width: 100%; float: none; } .hdrLftLogo img { max-width: 97px!important; padding-top: 14px; } .grid > [class*='col-tablet'] { width: 100% !important; max-width: 100% !important; } } @media screen and (max-width: 599px) { .foot_style1 { } .foot_style1 .ftrRgtLogo { width: 100%; margin: 0px; } .foot_style1 .ftrLftDesText { width: 100%; margin: 0px; margin-top: 20px; } .ftrWrp.ucFooter3 .ftrRgtLogo .ftrMakeLogo img { max-width: 100%; max-height: 50px; } } /*//////////////////////////////////// Home Page ///////////////////////////////////*/ .ucHome .slide .container { height: 100vh; } /*------------------- login welcome box ------------------------- */ .ucHome .container .wrap { vertical-align: middle; } .loginTxt { background: #fff; opacity: 0.96; /*position: absolute;*/ left: 6%; top: 26%; padding: 40px; border-left: solid 6px #dbdbdb; margin-left: 0px !important; } .logTitle { font-size: 20px; margin-bottom: 2px; text-transform: uppercase; font-family: 'OCE Bold', Arial; } .logSubTitle { font-size: 15px; } .logWlcmTxt { font-size: 14px; margin-bottom: 16px; } .logWlcmTxt span { color: #212121; } .logProcBtn .button { width: 230px; margin-left: 0; margin-right: 0; padding: 14px 5px 16px; font-size: 12px; margin-bottom: 5px; border-radius: 99px; display: block; max-width: 100%; } .logProcBtn .button span { color: #fff; font-size: 12.9px; padding-left: 12px; padding-right: 12px; letter-spacing: 1px; } .pinInput { width: 230px!important; font-size: 28px; margin-bottom: 16px; letter-spacing: 6px; text-transform: uppercase; margin-left: 0px!important; } /*//////////////////////////////////// ucHome1.ascx ///////////////////////////////////*/ /* Home Style 1 */ .home_style1 .fix-12-12 { width: 100% !important; } .home_style1 .lftLogoDiv, .home_style1 .rgtLogoDiv, .home_style3 .lftLogoDiv { display: flex; flex-direction: column; justify-content: center; align-items: self-start; height: 86px; position: absolute; top: 0; z-index: 999; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; background: #fff; border-radius: 0px 0px 5px 5px; padding: 15px !important; } .home_style1 .rgtLogoDiv span { float: left; height: 70px; display: inline-block; text-align: center; vertical-align: middle; } .home_style1 .lftLogoDiv { left: 36px !important; } .home_style1 .lftLogoDiv img { max-width: 150px; } .home_style1 .rgtLogoDiv { right: 36px !important; } .home_style1 .rgtLogoDiv img { margin: 0px 5px; max-height: 50px; max-width: 100px; vertical-align: middle; } .home_style1 .rgtLogoDiv span img:first-child { margin-left: 0; } .home_style1 .rgtLogoDiv span img:last-child { margin-right: 0; } .home_style1 .loginTxt { left: 8%; top: 27%; padding: 35px; border-left: none; } /* Home Style 3 */ .home_style3 .lftLogoDiv { left: 0px; background: transparent; box-shadow: none; height: 100px; } .home_style3 .logTitle { font-weight: 400; font-size: 18px; margin-bottom: 2px; margin-top: 18px; text-transform: capitalize; } .home_style3 .logWlcmTxt { font-size: 14.9px; margin-bottom: 32px; } .home_style3 .logWlcmTxt span { font-family: 'Montserrat',Arial; } .home_style3 .logProcBtn .button { border-radius: 3px; } .home_style3 .logProcBtn .error_Msg { margin: 0; } /*//////////////////////////////////// ucHome2.ascx ///////////////////////////////////*/ /* Home Style 2 */ .home_style2 .wrap.wel_area { padding: calc(3.56% + 50px) calc(8% + 15px); } .home_style2 .wrap.wel_area .fix-12-12.magntp { width: 100% !important; max-width: 1280px !important; } .home_style2 .centerLogoDiv { position: absolute; top: 24px; left: 0; right: 0; z-index: 999; text-align: center; } .home_style2 .centerLogoDiv > div { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 86px; /*background: #fff;*/ padding: 5px !important; width: 220px; margin: auto; } .home_style2 .intro { font-size: 18px; color: #666666; margin-top: 1%; margin-bottom: 7%; letter-spacing: 0.2em !important; font-weight: normal !important; text-transform: uppercase !important; } .home_style2 .introsection02 { border-left: solid 1px rgba(255, 255, 255, 0.3); padding-left: 52px !important; } .home_style2 .grid { margin-left: -2%; margin-right: -2%; } .home_style2 .col-6-12.fromLeft { padding-left: 2%; padding-right: 2%; } .home_style2 .h2intro { font-size: 16px; font-weight: 500; margin-bottom: 6px; margin-top: 24px; letter-spacing: 0px; line-height: 1.2; margin-left: -0.05em; text-transform: uppercase; color: #666666; } .home_style2 .h2intro span { font-family: 'OCE Bold', Arial; } .home_style2 .h2click { font-size: 21px; font-weight: 500; margin-top: 20px; color: #424242; letter-spacing: -0.02em; margin-bottom: 18px; } .home_style2 .h2click .button { margin-top: 12px; padding-left: 56px; padding-right: 56px; padding-bottom: 15px; letter-spacing: 0.2px !important; font-weight: normal; font-family: 'OCE Bold', Arial; } /* Home Style 6 */ .home_style6 .lftLogoDiv, .home_style1 .rgtLogoDiv, .home_style3 .lftLogoDiv { display: flex; flex-direction: column; justify-content: center; align-items: self-start; height: 86px; position: absolute; top: 0; z-index: 999; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; background: #fff; border-radius: 0px 0px 5px 5px; padding: 15px !important; } .home_style6 .rgtLogoDiv span { float: left; height: 70px; width: 150px; display: inline-block; text-align: center; vertical-align: middle; } .home_style1 .lftLogoDiv, .home_style1 .rgtLogoDiv { background: transparent; box-shadow: none; } .home_style6 .lftLogoDiv { left: 36px !important; background-color: transparent; box-shadow: none; float: right; display: block; } .home_style6 .rgtLogoDiv { display: none; } .home_style6 .lftLogoDiv img { max-width: 150px; } .home_style6 .rgtLogoDiv { right: 36px !important; } .home_style6 .rgtLogoDiv img { margin: 0px 5px; } .home_style6 .rgtLogoDiv span img:first-child { margin-left: 0; } .home_style6 .rgtLogoDiv span img:last-child { margin-right: 0; } .home_style6 .loginTxt { left: 8%; top: 27%; padding: 0px; border-left: none; background-color: transparent; margin-top: -128px; } .home_style6 .logWlcmTxt span { color: #898989; font-size: 20px; } .home_style6 .logTitle .mainClr { color: #fff!important; text-transform: none; } .home_style6 .logTitle { font-size: 30px!important; } .home_style6 .logSubTitle .mainClr { color: #898989!important; } .home_style6 .logProcBtn .button { padding: 14px 5px 14px; } /* Home Style 8 */ .home_style8 .lftLogoDiv { display: flex; flex-direction: column; justify-content: center; align-items: self-start; height: 86px; position: absolute; top: 0; z-index: 999; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; background: #fff; border-radius: 0px 0px 5px 5px; padding: 15px !important; } .home_style8 .rgtLogoDiv span { float: left; height: 70px; width: 150px; display: inline-block; text-align: center; vertical-align: middle; } .home_style8 .lftLogoDiv { left: 36px !important; background-color: transparent; box-shadow: none; float: right; display: block; } .home_style8 .rgtLogoDiv { background-color: transparent!important; box-shadow: none!important; float: right; display: flex; flex-direction: column; justify-content: center; align-items: self-start; height: 86px; position: absolute; top: 0; z-index: 999; box-shadow: rgb(0 0 0 / 18%) 0px 6px 12px; background: #fff; border-radius: 0px 0px 5px 5px; padding: 15px !important; } .home_style8 .lftLogoDiv img { max-width: 150px; display: inline-block; vertical-align: middle; margin-right: 10px; } .home_style8 .rgtLogoDiv { right: 36px !important; } .home_style8 .rgtLogoDiv img { margin: 0px 5px; } .home_style8 .rgtLogoDiv span img:first-child { margin-left: 0; } .home_style8 .rgtLogoDiv span img:last-child { margin-right: 0; } .home_style8 .loginTxt { top: 27%; padding: 0px; border-left: none; background-color: transparent; margin-top: -136px; margin-left: 41px !important; } .home_style8 .logWlcmTxt { text-transform: none; font-size: 20px; letter-spacing: -0.5px !important; text-shadow: 1px 0px 6px #00000078; margin-top: 4px; } .home_style8 .logWlcmTxt span { color: #fff; letter-spacing: -0.5px !important; } .home_style8 .logTitle span { color: #fff!important; text-transform: none; letter-spacing: -1.5px !important; } .home_style8 .logTitle { text-transform: none; font-size: 34px; letter-spacing: -1.5px !important; font-weight: 700; color: #fff; text-shadow: 1px 0px 6px #00000078; font-family: 'OCE Regular', Arial; } .home_style8 .logSubTitle .mainClr { color: #898989!important; } .home_style8 .logProcBtn .button { padding: 15px 25px; /*margin-top: 19px !important;*/ margin-top: 0px !important; width: auto; display: inline-block; min-width: 220px; text-align: center; letter-spacing: normal !important; } .home_style8 .logProcBtn .button span { letter-spacing: normal !important; font-size: 12px; padding: 0px; } .home_style8 .fade-3 .content { background: initial; } .home_style8 .custTitle { text-transform: none; font-size: 18px; letter-spacing: -0.5px!important; color: #fff!important; line-height: 1.15; margin-bottom: 6px!important; margin-top: 2px; } .home_style8 .custTitle * { letter-spacing: normal !important; } @media screen and (max-width: 767px) { .home_style6 .lftLogoDiv, .home_style8 .lftLogoDiv { left: 5px !important; right: auto !important; height: 95px; } .home_style6 .logWlcmTxt span, .home_style8 .logWlcmTxt span { color: #ffffff !important; } .home_style6 .loginTxt, .home_style8 .loginTxt { margin: auto!important; } .home_style6 .rgtLogoDiv, .home_style8 .rgtLogoDiv { left: auto !important; right: 5px !important; display: block !important; position: absolute; top: 0; z-index: 999; padding: 15px !important; } .home_style6 .rgtLogoDiv span, .home_style8 .rgtLogoDiv span { text-align: right; } .home_style8 .logProcBtn .button { border: solid 1px #fff; } /*.ucHome.home_style6:before, .ucHome.home_style8:before { background: #fff; content: ""; display: block; width: 100%; position: absolute; left: 0; right: 0; margin: auto; top: 0; height: 100px; z-index: 15; }*/ } @media screen and (min-width:600px) and (max-width: 767px) { .home_style2 .introsection02 { padding-left: 40px!important; } .ucHome .container .wrap { padding-top: 110px; } .home_style4 .btmTxt h1 { font-size: 100px!important; } } @media screen and (max-height: 599px) { .ucHome .container .wrap { padding-top: 110px; padding-bottom: 20px; } } @media screen and (max-width: 599px) { .home_style2 .introsection02 { /*border-left: none; padding-left: 10px!important;*/ } .home_style2 .introsection02 { border-left: solid 1px rgba(255, 255, 255, 0.3); padding-left: 52px !important; } .home_style4 .btmTxt h1 { font-size: 100px!important; } /*27/07/2021*/ .home_style1 .lftLogoDiv { left: 10px !important; width: 45%; } .home_style1 .rgtLogoDiv { right: 10px !important; width: 45%; } .home_style1 .lftLogoDiv img { max-width: 100%; } .home_style1 .rgtLogoDiv span img { display: none; max-width: 45%; } .home_style1 .rgtLogoDiv span img:nth-child(1), .home_style1 .rgtLogoDiv span img:nth-child(2) { display: inline-block; } .home_style1 .rgtLogoDiv span { float: none; width: 100%; vertical-align: middle; height: auto; text-align: right; } .home_style8 .lftLogoDiv span img { display: none; max-width: 44%; } .home_style8 .lftLogoDiv span img:nth-child(1), .home_style8 .lftLogoDiv span img:nth-child(2) { display: inline-block; } .home_style8 .lftLogoDiv span img:nth-child(2) { margin-right: 0px; } .home_style8 .lftLogoDiv span { float: none; width: 100%; vertical-align: middle; height: auto; text-align: right; } .home_style8 .lftLogoDiv { padding: 15px 10px!important; width: 50%; text-align: left; } .home_style8 .rgtLogoDiv { padding: 15px 10px!important; width: 50%; text-align: right; } .home_style8 .rgtLogoDiv img { margin-right: 0; } /*27/07/2021*/ } /* Home Style 4 */ .home_style4 .container .wrap { vertical-align: middle; } .home_style4 .fix-5-12 { max-width: 557px !important; } .home_style4 .loginTxt { opacity: 0.87; padding: 40px; float: left; border: none; position: inherit; } .home_style4 .wlcmeLogo { position: absolute; top: 12px; right: 14px; height: 50px; } .home_style4 .wlcmeLogo img { margin-left: 10px; } .home_style4 .logTitle { font-size: 12.9px; margin-bottom: 2px; margin-top: 32px; } .home_style4 .logSubTitle { display: none; } .home_style4 .logWlcmTxt { margin-bottom: 15px; } .home_style4 .logWlcmTxt span { color: #919191; font-family: 'Montserrat',Arial; text-transform: uppercase; } .home_style4 .logProcBtn .button { border-radius: 3px; width: 204px; padding: 14px 10px 16px 10px; font-size: 14px; margin-bottom: 0px; letter-spacing: 1px; } .home_style4 .btmTxt { position: absolute; left: 0; bottom: 0; padding: 0px; } .home_style4 .btmTxt h1 { font-size: 175px; letter-spacing: -6px; margin-bottom: 0px; padding-left: 14px; } .home_style4 .logProcBtn .error_Msg { display: none; } /* Home Style 5 */ .home_style5 .slide { overflow: hidden; } .home_style5 .logINBox { background: #fff; padding: 30px; border-left: solid 0px #dbdbdb; float: left; margin-top: 80px; position: inherit; opacity: 1; left: inherit; top: inherit; } .home_style5 .logHeading { font-size: 28px; font-family: 'OCE Bold', Arial; letter-spacing: -1.8px; line-height: 1; color: #060107; text-transform: inherit; margin-bottom: 15px; } .home_style5 .container .wrap:not(.noSpaces), .home_style5 .container .wrap.spaceWrap, .home_style5 .container .wrap .spaceWrap { padding: 90px 30px 50px !important; } .home_style5 .fix-12-12 { /*width: 1200px !important;*/ } .home_style5 .logPara { font-size: 14px; color: #050006; border-top: 4px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; /*min-height: 135px;*/ padding: 20px 0px; opacity: 1; line-height: 1.385; margin-bottom: 30px; } .home_style5 .logPara .brandLogo { width: 100px; /*display: inline-block;*/ display: none; margin-top: 15px; } .home_style5 .logINBox .button { min-width: 220px; margin: auto; } .ucHeader7 .panel .sections .right { float: right; padding-top: 15px!important; } .ucHeader7 .panel.top .sections .rightInner { /*width: 70px;*/ } .ucHeader7 .panel.top .sections .rightInner .sidebarTrigger { margin-left: 0px; background: #293f8b!important; } .ucHeader7 .panel.top .sections .rightInner .sidebarTrigger:hover { background: #2da386!important; -webkit-transition: 0.25s !important; transition: 0.25s !important; opacity: 1; box-shadow: inset 0 -100px 0 rgb(0 0 0 / 0%), 0 4px 6px 0 rgba(0,0,0,0.10), 0 1px 10px 0 rgba(0,0,0,0.10), 0 2px 4px -1px rgba(0,0,0,0.10); } .ucHeader7 .panel.top .sections .rightInner .sidebarTrigger svg { fill: #fff!important; } .white { background: #fff !important; color: #202020 !important; } .sidebar .mainMenu li a { font-size: 20px; font-family: 'OCE SemiBold'; letter-spacing: -0em; color: #293f8b!important; border-left: 2px solid; padding-left: 15px; margin-bottom: 15px; line-height: normal; } .sidebar { position: fixed; top: 0; right: 0; width: 520px; } .sidebar .content { padding: 72px; } @media screen and (max-width: 1199px) { .home_style5 .logPara { min-height: auto; } .home_style5 .logPara .brandLogo { } } @media screen and (min-width: 600px) and (max-width: 767px) { .home_style5 .container .wrap:not(.noSpaces), .home_style5 .container .wrap.spaceWrap, .home_style5 .container .wrap .spaceWrap { padding-top: 120px !important; } } @media screen and (max-width: 599px) { .home_style5 .container .wrap:not(.noSpaces), .home_style5 .container .wrap.spaceWrap, .home_style5 .container .wrap .spaceWrap { padding-top: 120px !important; } .home_style5 .logINBox { margin-top: 30px; } } @media screen and (max-width: 359px) { .home_style5 .logINBox .button { min-width: 100%; } } /* Home Style 7 */ .home_style7 .slide { overflow: hidden; } .ucHome.home_style7 .wrap { padding: 110px 20px 80px; } .ucHome.home_style7 .fix-12-12 { width: 100% !important; max-width: 100% !important; } .home_style7 .button { margin-top: 10px !important; } .home_style7 .lftLogoDiv { position: absolute; left: 0; top: 0; } .home_style7 .rgtLogoDiv { position: absolute; right: 0px; top: 8%; z-index: 99; display: table; width: 30.333333%; } .home_style7 .rgtLogoDiv .table { max-width: 340px; margin: auto; padding-left: 10px; padding-right: 10px; } .home_style7 .rgtLogoDiv span { display: table-cell; vertical-align: middle; font-size: 0; height: 80px; text-align: left; } .home_style7 .rgtLogoDiv img { /* width: 200px; */ max-width: 90%; /*padding: 0px 10px;*/ } .home_style7 .rightLogoMob { display: none; position: absolute; top: 0; right: 0px; width: calc(100% - 245px); z-index: 999; } .home_style7 .rightLogoMob span { height: 90px; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; vertical-align: middle; font-size: 0; } .home_style7 .rightLogoMob span img { max-width: 90%; max-height: 90%; padding: 0px 10px; } .home_style7 .welcomeTxt { position: relative; z-index: 3; } .home_style7 .welcomeTxt > div h3 { color: #293f8b; font-size: 22px; font-family: 'OCE SemiBold', Arial; } .home_style7 .welcomeTxt > div p { color: #293f8b; font-size: 16px; font-family: 'OCE Medium', Arial; opacity: 1; letter-spacing: normal; } .home_style7.whiteBxBG .welcomeTxt { /*padding: 20px; background: rgba(255, 255, 255, 0.8);*/ } .home_style7 .whiteDivBG { height: 100vh; position: absolute; z-index: 1; top: 0px; right: 0px; width: 100%; max-width: 30.333333%; background: #fff; } .home_style7 .welcomeImg { position: absolute; z-index: 2; /*right: calc(30.333333% - 400px); bottom: 18%;*/ pointer-events: none; width: 905px; max-width: 100%; right: 1%; bottom: 16%; } .home_style7 .welcomeImg .herocar { width: 70%; } .home_style7 h1 { font-size: 36px; font-weight: 700; letter-spacing: -0.016em; line-height: 1.2; font-family: 'OCE SemiBold', Arial; } .home_style7 p { letter-spacing: -0.75px; font-weight: 500; font-size: 24px; line-height: 1.385; margin-bottom: 30px; opacity: 0.8; font-family: 'OCE Medium', Arial; color: inherit; } .home_style7 .button { font-family: 'OCE', Arial; border-radius: 99px; font-size: 18px; padding-right: 32px; padding-left: 32px; letter-spacing: normal; } .home_style7 .fade-1 .content { } .ucHome.home_style7 .fade-1 .content { background: none!important; } @media screen and (min-width: 1200px) { .home_style7.whiteBxBG .rgtLogoDiv { top: 10px; } .home_style7.whiteBxBG .rgtLogoDiv img { } .home_style7.whiteBxBG .rgtLogoDiv .table { margin-right: 0px; padding-right: 0px; } .home_style7.whiteBxBG .rgtLogoDiv span { text-align: right; } .home_style7.whiteBxBG .whiteDivBG { display: none; } } @media screen and (min-width: 1200px) and (max-width: 1360px) { .home_style7 .welcomeTxt.fix-7-12 { max-width: 550px!important; } } @media screen and (min-width:768px)and (max-width:1023px) { .manuf.make_style2 .grid { /*margin-top: 25%;*/ } .manuf.make_style2 .grid [class*='col-'] { max-width: 33.33%; } .manuf.make_style2 .makeLST .box-77 .thumbnail-77 { height: 170px!important; } .manuf.make_style2 .makeLST .box-77 .thumbnail-77 img.imgalt { max-height: 150px; max-width: 150px; } } @media screen and (min-width:768px) and (max-width:1199px) { .home_style7 .rgtLogoDiv span { height: 91px; } .home_style7 .lftLogoDiv img { height: 91px; } .home_style7 .rgtLogoDiv { width: 40%; top: 0px; /*text-align: right;*/ } .home_style7 .rgtLogoDiv .table { /*margin-right: 0px;*/ } .home_style7 .rgtLogoDiv img { max-width: calc(100% - 10px); /*max-height: calc(100% - 15px);*/ padding-top: 10px; padding-bottom: 10px; } .home_style7 .whiteDivBG { z-index: -1; max-width: 100%; height: 91px; } .home_style7 .welcomeImg { position: initial; margin-top: 20px; } .home_style7 .welcomeImg .herocar { width: 100%; } } @media screen and (max-width:1024px) and (max-height:600px) { .home_style7 .whiteDivBG { display: none; } .home_style7 .welcomeImg { position: initial; margin-top: 20px; } } @media screen and (min-width:1200px) and (max-height:885px) { .home_style7 .welcomeImg { /*bottom: 0px;*/ } } @media screen and (max-width:767px) { .home_style7 .rightLogoMob span img { max-height: 75%; } .home_style7 p { margin-bottom: 20px; } .home_style7 h1 { margin-bottom: 10px; } .home_style7 .whiteDivBG { display: none; } .home_style7 .fade-1 .content { background: #fff; } .home_style7 .rgtLogoDiv { right: 10px; bottom: 10px; top: 0; text-align: right; width: 200px; } .home_style7 .welcomeImg { position: initial; margin-top: 20px; } .home_style7 .welcomeImg .herocar { width: 100%; } .home_style7 .container { /*height: 100% !important; min-height: 100% !important;*/ } .ucHome.home_style7 .wrap { padding-top: 110px; padding-bottom: 100px; } .home_style7 .rgtLogoDiv span:last-child { position: fixed; top: 0px; right: 0px; height: 90px; width: calc(100% - 245px); display: flex; flex-direction: column; align-items: center; justify-content: center; display: none!important; } .home_style7 .rightLogoMob { display: inline-block!important; } } .home_style13 .fade-3 .content { background: transparent; } .home_style13 .loginTxt { background: transparent; border-color: transparent; } .home_style13 .logProcBtn .button { border-radius: 0; font-size: 0; } .home_style13 .logProcBtn .button span { font-size: 18px; } .home_style13 .logSubTitle { margin-bottom: 5px; } .home_style13 .logSubTitle span { font-size: 16px; font-weight: 700; font-family: 'OCE Bold', Arial; } .home_style13 .logTitle { text-transform: initial; font-size: 30px; margin-bottom: 15px; } .home_style13 .logWlcmTxt { font-size: 18px; margin-bottom: 25px; } .home_style13 .ucheader22.panel { position: fixed; background: #fff; left: 0; right: 0; box-shadow: 0px 0px 9px 2px rgb(0 0 0 / 7%); border-bottom: solid 1px rgba(204, 204, 204, 0.37); } .home_style13 .ucheader22.panel .sections { box-shadow: none; border: none; } @media screen and (max-width:767px) { .home_style13 .loginTxt { margin-top: 100px; padding-left: 0; padding-right: 0; } } /*------------------- Event login ------------------------- */ .loginPage .lgnLftLogo, .loginPage .lgnRgtLogo { display: flex; flex-direction: column; justify-content: center; align-items: self-start; height: 86px; position: absolute; top: 0; z-index: 999; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; background: #fff; border-radius: 0px 0px 5px 5px; padding: 15px !important; } .loginPage .lgnLftLogo { left: 36px !important; } .loginPage .lgnLftLogo img { max-width: 150px; } .loginPage .lgnRgtLogo { right: 36px !important; } .loginPage .lgnRgtLogo span { float: left; height: 70px; display: inline-block; text-align: center; vertical-align: middle; } .loginPage .lgnRgtLogo img { margin: 0px 5px; } .loginPage .lgnRgtLogo span img:first-child { margin-left: 0; } .loginPage .lgnRgtLogo span img:last-child { margin-right: 0; } /*------------------- Event resend-invite ------------------------- */ .resendLink .resendLft, .resendLink .resendRgt { display: flex; flex-direction: column; justify-content: center; align-items: self-start; height: 86px; /*position: absolute; top: 0; z-index: 999;*/ box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; background: #fff; border-radius: 0px 0px 5px 5px; padding: 15px !important; } .resendLink .resendLft { float: left; margin-left: 36px; /*left: 36px !important;*/ } .resendLink .resendLft img { max-width: 150px; } .resendLink .resendRgt { float: right; margin-right: 36px; /*right: 36px !important;*/ } .resendLink .resendRgt span { float: left; height: 70px; display: inline-block; text-align: center; vertical-align: middle; } .resendLink .resendRgt img { margin: 0px 5px; } .resendLink .resendRgt span img:first-child { margin-left: 0; } .resendLink .resendRgt span img:last-child { margin-right: 0; } .resendLink .midBdyTX input[type="text"] { width: 410px; max-width: 100%; margin: 10px auto !important; text-align: center; } .resendBtns .button { margin: auto auto 10px; font-weight: normal; font-family: 'OCE Bold', Arial; text-transform: uppercase; width: 200px; max-width: 49%; padding: 14px 10px; } @media screen and (max-width: 599px) { .resendBtns .button { width: 100%; max-width: 100%; } } /*//////////////////////////////////// ucOfferList1.ascx ///////////////////////////////////*/ .ucOfferList1 { } .ucOfferList1 h3.little, .ucOfferList1 .h3.little { color: #333333; margin-bottom: 3%; margin-top: 1%; border-bottom: solid 1px #eeeeee; padding-bottom: 16px; text-align: center!important; } .ucOfferList1 .ofrBxUl li { min-height: 465px; } .ucOfferList1 .ofrBxUl .col-4-12 { margin-bottom: 15px; } .ucOfferList1 .ofrBxUl .cont_pgnew { min-height: 200px; } .ucOfferList1 .ofrBxUl .author-77 p.cropBottom { line-height: 1.22727273; margin-top: 2px !important; padding-top: 4px; font-size: 16px; font-family: 'OCE', Arial; } .ucOfferList1 .ofrBxUl .author-77 p.cropBottom:first-child { /*font-size: 18px;*/ font-family: 'OCE Bold', Arial; padding-top: 0px; } .ucOfferList1 .ofrBxUl .cont_pgnew .buttonsies { margin-top: 24px; margin-bottom: 16px; } .ucOfferList1 .findIT { margin-top: 20px; margin-bottom: 20px; } .ucOfferList1 .findIT p.cropBottom { text-align: left; padding-left: 0px !important; } .ucOfferList1 .findIT .button { margin: 0px; border-radius: 50px; font-size: 15px; font-family: 'OCE Bold', Arial; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; letter-spacing: 0.10em!important; text-indent: 0.1em !important; width: 280px; max-width: 100%; } .ucOfferList1 .box-77 { margin: auto; } .ucOfferList1 .box-77 .thumbnail-77 { min-height: 200px; height: auto; } .ucOfferList1 .box-77 .thumbnail-77 img { width: 90% !important; } .ucOfferList1 .ofrBxUl .title-77 { /*min-height: 35px;*/ margin-bottom: 10px; } .ucOfferList1 .author-77 { padding-top: 10px; margin-top: 0px; } @media screen and (min-width:1024px) and (max-width:1199px) { .ucOfferList1 .box-77 .thumbnail-77 { min-height: 140px; } .ucOfferList1 .ofrBxUl li { min-height: 385px; } .findIT .grid.noSpaces > [class*='col-'] { max-width: 50%!important; width: 50%!important; float: none; display: inline-block; vertical-align: middle; } } @media screen and (min-width:768px) and (max-width:1023px) { .ucOfferList1 .box-77 .thumbnail-77 { height: 155px!important; min-height: 155px!important; } .ucOfferList1 .ofrBxUl.grid.fixedSpaces > [class*='col-'] { width: 50%; max-width: 50%; } .ucOfferList1 .ofrBxUl .title-77 { height: auto!important; } .ucOfferList1 .ofrBxUl li { min-height: 400px; } .findIT .grid.noSpaces > [class*='col-'] { max-width: 50%!important; width: 50%!important; float: none; display: inline-block; vertical-align: middle; } .ftrWrp.ucFooter3 .ftrRgtLogo .ftrMakeLogo img { max-width: 100px; } } @media screen and (max-width:767px) { .ucOfferList1 .findIT p.cropBottom { margin: auto; margin-bottom: 15px !important; text-align: center; } .ucOfferList1 .findIT .text-right { text-align: center; } } @media screen and (min-width:600px) and (max-width:767px) { .ucOfferList1 .ofrBxUl li { min-height: 375px; } .ucOfferList1 .ofrBxUl.grid.fixedSpaces > [class*='col-'] { width: 50%; max-width: 50%; } .ucModel1 .MdlOffrLst [class*='col-'] { width: 50%; max-width: 50%; } .ucModel1 .MdlOffrLst [class*='col-']:nth-child(2n+1) { clear: both; } .footerDiv .grid:not(.later) > [class*='col-'].col-tablet-1-4 { width: 25% !important; max-width: 25% !important; } .footerDiv .grid:not(.later) > [class*='col-'].col-tablet-3-4 { width: 75% !important; max-width: 75% !important; } } @media screen and (max-width: 599px) { .ucOfferList1 .ofrBxUl .cont_pgnew { min-height: auto!important; } .ucOfferList1 .ofrBxUl .author-77 p.cropBottom { min-height: auto!important; } .midBdyTX + .clearfix + .midBdyTX { margin-top: 0px !important; } .ucOfferList1 .ofrBxUl li { min-height: initial; } .home_style7 .rgtLogoDiv { top: auto!important; } .footerDiv .grid:not(.later) > [class*='col-'].col-tablet-1-4 { width: 25% !important; max-width: 25% !important; } .footerDiv .grid:not(.later) > [class*='col-'].col-tablet-3-4 { width: 75% !important; max-width: 75% !important; } } /*//////////////////////////////////// ucOfferList2.ascx ///////////////////////////////////*/ .ucOfferList2 { margin-top: 20px; } .ucOfferList2 .headtxt { margin-bottom: 20px; } .ucOfferList2 .offrUl li > a { display: inline-block; width: 100%; } .ucOfferList2 .offrlineTxt { margin-bottom: 5px; } .ucOfferList2 .offrlineTxt p { text-align: left; font-family: 'OCE Bold', Arial; font-size: 14px; opacity: 1; line-height: 1em; margin-bottom: 5px; } .ucOfferList2 .offrlineTxt h4 { text-align: left; font-weight: normal; font-size: 15px; line-height: 1em; min-height: 20px; } .ucOfferList2 .thmbContnt .button { width: 100%; margin: auto; } /*//////////////////////////////////// ucOfferList4.ascx ///////////////////////////////////*/ #backtop:hover { opacity: 0.8; } #backtop.show { opacity: 1; visibility: visible; } #backtop { display: inline-block; width: 40px; height: 40px; text-align: center; position: fixed; bottom: 35px; right: 5px; cursor: pointer; opacity: 0; visibility: hidden; z-index: 1000; } .ucOfferList4 { margin-top: 8px; } .ucOfferList4 h3.little, .ucOfferList4 .h3.little { text-align: left; font-size: 21px; margin-bottom: 40px !important; } .ucOfferList4 .scratch-container { max-height: 395px; height: 395px; -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); border-radius: 4px; padding: 10px; border: 4px solid #fff; color: #303030; background: #fff; overflow: hidden; margin-bottom: 15px; position: relative; } .ucOfferList4 .front { margin-bottom: 15px; } .ucOfferList4 .front img { max-height: 120px; max-width: 95%; margin-top: 35px; } .ucOfferList4 .frontdetails { position: absolute; top: 10px; left: 10px; z-index: 9999; width: calc(100% - 20px); } .ucOfferList4 .frontdetails p { font-size: 16px; margin: 0 !important; font-family: 'OCE Bold', Arial; } .ucOfferList4 .frontdetails p:last-child { float: right; } .ucOfferList4 .frontdetails p:first-child { float: left !important; } .ucOfferList4 .detailspwhite, .ucOfferList4 .text_white, .ucOfferList4 .detailspblack.text_white { color: #fff; } .ucOfferList4 .detailspblack, .ucOfferList4 .text_black, .ucOfferList4 .detailspblack.text_black { color: #000; } .ucOfferList4 .detailspwhite { color: #fff; font-size: 13px; } .ucOfferList4 .scratchpad { position: relative; background: #fff !important; height: 195px; } .ucOfferList4 .scratchpad > img { display: none!important; } .ucOfferList4 .scratchpad canvas { top: 0px; left: 0px; } .ucOfferList4 .scrCur:before { content: ""; display: block; position: absolute; bottom: 60px; right: 22px; z-index: 1; background: url(../images/arrow.gif) no-repeat center; background-size: 60%; height: 60px; width: 60px; } .ucOfferList4 .backinfo { font-size: 17px; opacity: 1; color: #000; line-height: 1.2em; padding: 5px; text-align: left; } .ucOfferList4 .bookbutton { background-color: #ccc; color: #fff; position: absolute; bottom: 5px; left: 0; right: 0; margin: auto; line-height: 39px; width: 95%; font-size: 14px; font-weight: 600; display: inline-block; text-align: center; padding: 4px; border-radius: 99px; text-decoration: none; cursor: pointer; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); box-shadow: inset 0 -100px 0 transparent; -webkit-transition: 0.25s; transition: 0.25s; } .ucOfferList4 .backinfo::selection, .ucOfferList4 .backinfo div::selection, .ucOfferList4 .backinfo ul li::selection, .ucOfferList4 .backinfo p::selection, .ucOfferList4 .backinfo span::selection, .ucOfferList4 .backinfo strong::selection { background-color: transparent!important; } .ucOfferList4 .bookbutton::selection { background-color: transparent!important; } /* scratchpad for 2x2 */ .ucOfferList4 .col-6-12 .scratch-container { max-height: 550px; height: 550px; } .ucOfferList4 .col-6-12 .scratch-container .scratchpad { height: 315px; } .ucOfferList4 .col-6-12 .scratch-container .scratchpad.scrCur::before { bottom: 100px; right: 100px; background-size: 75%; } .ucOfferList4 .col-6-12 .front img { max-height: 155px; } .ucOfferList4 .col-6-12 .scratch-container .scratchpad .backinfo { } /* scratchpad for 3x3 */ .ucOfferList4 .col-4-12 .scratch-container { max-height: 495px; height: 495px; } .ucOfferList4 .col-4-12 .scratch-container .scratchpad { height: 275px; } .ucOfferList4 .col-4-12 .scratch-container .scratchpad.scrCur::before { bottom: 100px; right: 65px; } .ucOfferList4 .col-4-12 .front img { max-height: 140px; } .ucOfferList4 .col-4-12 .scratch-container .scratchpad .backinfo { } .ucOfferList4 .col-4-12 .scratch-container .scratchpad .backinfo li { } @media screen and (min-width:1024px) and (max-width:1200px) { /* scratchpad for 2x2 */ .ucOfferList4 .col-6-12 .scratch-container { max-height: 500px; height: 500px; } .ucOfferList4 .col-6-12 .scratch-container .scratchpad { height: 290px; } .ucOfferList4 .col-6-12 .scratch-container .scratchpad.scrCur::before { bottom: 150px; } .ucOfferList4 .col-6-12 .front img { max-height: 140px; } .ucOfferList4 .col-6-12 .scratch-container .scratchpad .backinfo { font-size: 17px; } .ucOfferList4 .col-6-12 .scratch-container .scratchpad .bookbutton { line-height: 30px; } /* scratchpad for 3x3 */ .ucOfferList4 .col-4-12 .scratch-container { max-height: 410px; height: 410px; } .ucOfferList4 .col-4-12 .scratch-container .scratchpad { height: 225px; } .ucOfferList4 .col-4-12 .scratch-container .scratchpad .backinfo { } .ucOfferList4 .col-4-12 .scratch-container .scratchpad .bookbutton { } .ucOfferList4 .col-4-12 .scratch-container .front img { max-height: 115px; } /* scratchpad for 4x4 */ .ucOfferList4 .scratch-container { padding: 5px; max-height: 320px; height: 320px; } .ucOfferList4 .scratchpad { height: 170px; } .ucOfferList4 .front img { max-height: 80px; } .ucOfferList4 .backinfo { font-size: 14px; } .ucOfferList4 .backinfo li { margin-bottom: 5px; } .ucOfferList4 .bookbutton { line-height: 24px; width: 95%; font-size: 13px; } .ucOfferList4 h3.little, .ucOfferList4 .h3.little { font-size: 18px; } } /*//////////////////////////////////// ucOfferList5.ascx ///////////////////////////////////*/ .ucOfferList5 .ml-7_mr-7 { position: relative; margin-bottom: 150px; } .ucOfferList5 p { font-size: 18px; opacity: 0.8; } .ucOfferList5 .headBlck h1.huge { opacity: 0; min-height: 360px; } .ucOfferList5 .headBlck .ipadPT { margin-top: 14vh; } .ucOfferList5 .headBlck .ofrwlcmTxt { color: #212121; margin-bottom: 20px; } .ucOfferList5 .headBlck .ofrStkLmt { color: #212121; opacity: 1.0; font-size: 24px; letter-spacing: -0.75px; } .ucOfferList5 .headBlck .shaker { border-radius: 99px; font-weight: 900; font-size: 15px; background: #e50000!important; color: #fff!important; padding: 16px 36px 16px 36px; margin: auto; margin-bottom: 18px; } .ucOfferList5 .headBlck .shaker:hover { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .ucOfferList5 .ofrCntBlck .ofTitle { font-size: 32px; color: #303030; } .ucOfferList5 .background { background-position: center top; z-index: -1; } .ucOfferList5 .fix-10-12 { max-width: 980px !important; } .ucOfferList5 .red { background: #e50000!important; } .ucOfferList5 .ofrCntBlck .ui-accordion .ui-accordion-content { padding: 1em 0em; } .ucOfferList5 .ofrCntBlck .ui-widget-content { border: 0; border-bottom: 1px dashed #d6d6d6; background: #ffffff; color: #333333; } .ucOfferList5 .ofrCntBlck .ui-accordion .ui-accordion-header .stockName { font-family: 'OCE Bold', Arial; } .ucOfferList5 .ofrCntBlck .ui-state-default, .ucOfferList5 .ofrCntBlck .ui-widget-content .ui-state-default, .ucOfferList5 .ofrCntBlck .ui-widget-header .ui-state-default, .ucOfferList5 .ofrCntBlck .ui-button, html .ucOfferList5 .ofrCntBlck .ui-button.ui-state-disabled:hover, html .ucOfferList5 .ofrCntBlck .ui-button.ui-state-disabled:active { display: block; padding: 16px 0px 20px 129px; font-size: 19px; letter-spacing: 0px; cursor: pointer; background: #fff; color: #000; margin: 0px; line-height: 44px; border: solid 0px #c6c6c4; border-bottom: dashed 1px #ccc; position: relative; } .ucOfferList5 .ofrCntBlck .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: 16px 0px 20px 135px; font-size: 18px; } .ucOfferList5 .ofrCntBlck .ui-accordion .ui-accordion-header .modelImg { width: 128px; position: absolute; left: 0px; top: 4px; } .ucOfferList5 .ofrCntBlck .ui-icon, .ucOfferList5 .ofrCntBlck .ui-widget-content .ui-icon { background-image: none; } .ucOfferList5 .ofrCntBlck .ui-icon { width: 0; height: 0; } .ucOfferList5 .ofrCntBlck .ui-accordion .ui-accordion-header:focus { outline: none!important; } .ucOfferList5 .ofrCntBlck .ui-accordion .ui-accordion-header i.fa { float: right; margin-top: 12px; margin-right: 24px; } .ucOfferList5 .ofrCntBlck .stockCount { font-family: 'OCE Bold', Arial; color: #e50000; font-size: 14px; border: 2px solid rgba(229, 0, 0, 0.3); border-radius: 99px; padding: 5px 20px 6px 20px; margin-left: 10px; display: inline-block; line-height: normal; } .ucOfferList5 .ofrCntBlck .ui-widget-content p { width: 70%; font-size: 16px!important; font-family: 'OCE Bold', Arial; } .ucOfferList5 .ofrCntBlck .ui-widget-content .acrdTxt1 { color: #000; opacity: 1.0; font-size: 20px; } .ucOfferList5 .ofrCntBlck .ui-widget-content .acrdTxt2 { margin-top: -16px; } .ucOfferList5 .ofrCntBlck .ui-widget-content .acrdTxt3 { color: #000; opacity: 1.0; font-size: 18px; } .ucOfferList5 .ofrCntBlck .ui-widget-content .likeTo { float: right; margin-top: -60px; font-family: 'OCE Bold', Arial; } .ucOfferList5 .ofrCntBlck .ui-widget-content .likeTo a { border-radius: 99px; background: #fff; padding: 10px 52px 12px 52px; color: #e50000; font-size: 14px; display: inline-block; border: solid 2px #e50000; } .ucOfferList5 .ofrCntBlck .acrdDropTxt { margin-top: 20px; padding-top: 16px; border-top: solid 3px #ececec; text-align: left; } @media screen and (min-width:1024px) and (max-width:1199px) { .ucOfferList5 .ui-widget-content p { width: 78%!important; } .ucOfferList5 .background { background-size: 100%!important; background-repeat: no-repeat!important; background-position: 0px 130px !important; } .ucOfferList5 .ipadPT { margin-top: 25vh!important; } } @media screen and (min-width:768px) and (max-width:1024px) { .hmc_slides .container { height: calc(100vh - 150px)!important; } } @media screen and (min-width:768px) and (max-width:1023px) { .ucOfferList5 .ui-widget-content p { width: 73%!important; } .ucOfferList5 .background { background-size: 100%!important; background-repeat: no-repeat!important; background-position: 0px 250px !important; } .ucOfferList5 .ipadPT { margin-top: 30vh!important; } } @media screen and (max-width:599px) { .ucOfferList5 .ui-accordion .ui-accordion-header { padding: 16px 15px 20px 135px; line-height: 1.2em; text-align: left !important; min-height: 102px; } .ucOfferList5 .ui-accordion .ui-accordion-content > div:last-child { margin-bottom: 20px; } .ucOfferList5 .modelImg { top: 15px !important; } .ucOfferList5 .stockCount + .fa.fa-chevron-down { position: absolute!important; top: 35px !important; right: 0px !important; margin: 0px !important; } .ucOfferList5 .background { background-size: 100%!important; background-repeat: no-repeat!important; background-position: 0px 120px !important; } .ucOfferList5 .stockName { display: block; } .ucOfferList5 .stockCount { margin-top: 10px; margin-left: 0; } } @media screen and (max-width:320px) { .ucOfferList5 .stockCount + .fa.fa-chevron-down { right: -3px !important; } } /*//////////////////////////////////// ucOfferList6.ascx ///////////////////////////////////*/ .ucOfferList6 { margin-top: 30px; } .ucOfferList6 .background { background-position: center top; z-index: -1; } .ucOfferList6 p { font-size: 18px; opacity: 0.8; } .ucOfferList6 .shaker:hover { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .ucOfferList6 .fix-10-12 { max-width: 980px !important; } .ucOfferList6 .red { background: #e50000!important; } .ucOfferList6 .ui-accordion .ui-accordion-content { padding: 1em 0em; overflow: visible; } .ucOfferList6 .ui-widget-content { border: 0; border-bottom: 1px dashed #d6d6d6; background: #ffffff; color: #333333; } .ucOfferList6 .ui-widget-content p { font-size: 16px!important; margin-bottom: 20px; } .ucOfferList6 .ui-state-default, .ucOfferList6 .ui-widget-content .ui-state-default, .ucOfferList6 .ui-widget-header .ui-state-default, .ucOfferList6 .ui-button, html .ucOfferList6 .ui-button.ui-state-disabled:hover, html .ucOfferList6 .ui-button.ui-state-disabled:active { display: block; padding: 16px 0px 20px 129px; font-size: 19px; letter-spacing: 0px; cursor: pointer; background: #fff; color: #000; margin: 0px; line-height: 44px; border: solid 0px #c6c6c4; border-bottom: dashed 1px #ccc; position: relative; } .ucOfferList6 .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: 24px 0px 28px 202px; font-size: 18px; /*border-left: solid 2px #11703e; border-right: solid 2px #11703e;*/ } .ucOfferList6 .ui-icon, .ucOfferList6 .ui-widget-content .ui-icon { background-image: none; } .ucOfferList6 .ui-icon { width: 0; height: 0; } .ucOfferList6 .ui-accordion .ui-accordion-header:focus { outline: none!important; } .ucOfferList6 .stockCount { padding: 5px 15px 6px 15px; font-size: 14px; margin-left: 10px; } .ucOfferList6 .ofrMdlGrid { text-align: left; padding: 16px; border-top: solid 3px #ececec; } .ucOfferList6 .ofrMdlGrid:first-child { border-top: 0px; margin-top: 0px; } .ucOfferList6 .ofrMdlGrid .likeTo { float: right; margin-top: -42px; } .ucOfferList6 .offrTtl { font-size: 32px; text-transform: uppercase; font-weight: 500; color: #303030; } .ucOfferList6 .offrTxt { margin-bottom: 48px; text-align: center; } .ucOfferList6 .offrTxt p { font-size: 18px; line-height: 1.385; margin-bottom: 30px; opacity: 0.8; } .ucOfferList6 .ofrModelImg { width: 128px; position: absolute; left: 10px; top: 0px; bottom: 0px; margin: auto; } .ucOfferList6 .dropArrow { float: right; margin-right: 24px; font-size: 16px; color: #808080; } .ucOfferList6 .dropArrow i { font-size: 18px; color: #000; } .ucOfferList6 .likeTo a { border-radius: 99px; background: #016935; padding: 10px 52px 12px 52px; color: #fff!important; font-size: 14px; display: inline-block; border: solid 2px transparent; } .ucOfferList6 .ofrTitle { color: #000; opacity: 1.0; font-size: 20px; } .ucOfferList6 .ofrvalue { width: 70%; font-size: 16px; opacity: 0.8; margin-bottom: 15px !important; line-height: 1.385; border-top: 1px solid #d1d1d1; padding-top: 13px; } .ucOfferList6 .ofrMdlGrid .ofrvalue:nth-child(2) { border: none; padding-top: 0px; } .ucOfferList6 .ofrlines { width: 70%; color: #000; font-size: 16px !important; opacity: 1.0; margin-bottom: 15px; line-height: 1.385; border: none; font-weight: normal !important; margin-top: 0px; padding-left: 0px; text-align: left; } .ucOfferList6 .offrTxt .likeTo { display: none; } @media screen and (min-width:1024px) and (max-width:1199px) { .ucOfferList6 .ui-widget-content p { width: 78%!important; } .ucOfferList6 .background { background-size: 100%!important; background-repeat: no-repeat!important; background-position: 0px 130px !important; } .ucOfferList6 .ipadPT { margin-top: 25vh!important; } } @media screen and (min-width:768px) and (max-width:1023px) { .ucOfferList6 .ui-widget-content p { width: 50% !important; position: relative; } .ucOfferList6 .ofrTitle .stockCount { position: absolute; right: -100px; top: 0; } .ucOfferList6 .background { background-size: 100%!important; background-repeat: no-repeat!important; background-position: 0px 250px !important; } .ucOfferList6 .ipadPT { margin-top: 30vh!important; } } @media screen and (min-width:768px) and (max-width:800px) { .ucOfferList6 .dropArrow { float: none!important; display: block!important; line-height: normal; } } @media screen and (min-width:768px) { .ucOfferList6 .ui-widget-content p { width: 100% !important; display: inline-block; } } @media screen and (max-width:767px) { .ucOfferList6 h1 { margin-top: 20px; } } @media screen and (min-width:600px) and (max-width:767px) { .ucOfferList6 .ui-widget-content p { width: 100% !important; } .ucOfferList6 .ui-accordion .ui-accordion-header { padding: 24px 0px 28px 160px; } .ucOfferList6 .dropArrow { float: none!important; display: block!important; line-height: normal; } .ucOfferList6 h1 { font-size: 40px; } } @media screen and (max-width:599px) { .ucOfferList6 .ui-accordion .ui-accordion-header { padding: 16px 15px 20px 150px; line-height: 1.2em; text-align: left !important; min-height: 102px; } .ucOfferList6 .ui-accordion .ui-accordion-header .stockCount { margin-top: 0px!important; margin-top: 10px; padding-left: 0px!important; margin-left: 0px!important; position: initial; } .ucOfferList6 .ui-accordion .ui-accordion-content > div:last-child { margin-bottom: 20px; } .ucOfferList6 .modelImg { top: 15px !important; } .ucOfferList6 .stockCount + .fa.fa-chevron-down { position: absolute!important; top: 35px !important; right: 10px !important; margin: 0px !important; } .ucOfferList6 .background { background-size: 100%!important; background-repeat: no-repeat!important; background-position: 0px 120px !important; } .ucOfferList6 .stockName { display: block; } .ucOfferList6 h1 { font-size: 30px; } .ucOfferList6 .ofrMdlGrid { position: relative; } .ucOfferList6 .stockCount { margin-top: 10px; display: inline-block; position: absolute; bottom: 24px; left: 0px; margin-left: 0px; } .ucOfferList6 .dropArrow { float: none !important; display: block; line-height: normal; margin-top: 10px; } .ucOfferList6 .ofrvalue { width: 100% !important; } .ucOfferList6 .offrTxt { margin-bottom: 35px; } .ucOfferList6 .offrTxt .likeTo { display: block !important; text-align: center !important; } .ucOfferList6 .offrTxt .likeTo a { padding: 10px 52px 12px 52px !important; } } @media screen and (max-width:375px) { .ucOfferList6 .ofrModelImg { top: 20px; bottom: initial; } .ucOfferList6 .dropArrow { margin-left: -135px; } .ucOfferList6 .dropArrow i { float: right; } .ucOfferList6 h1 { font-size: 30px; } } @media screen and (max-width:320px) { .ucOfferList6 .stockCount + .fa.fa-chevron-down { right: -3px !important; } } /*//////////////////////////////////// ucOfferList8.ascx ///////////////////////////////////*/ .backLink { font-family: 'OCE Bold', Arial; font-size: 12px; color: #001c54; text-align: left; margin: 20px auto; font-weight: bold; } .ucOfferList8 .offerListing .box-77 { box-shadow: none!important; opacity: 1!important; font-size: 0; margin-top: 0px; margin-bottom: 10px; } .ucOfferList8 .offerListing .box-77 .thumbnail-77 { height: auto; } .ucOfferList8 .offerListing .box-77 .thumbnail-77 img { max-width: 80%!important; } .ucOfferList8 .offerListing .name-77 { padding: 0px 0px 0px; background: #FFFFFF; margin-bottom: 10px; font-size: 13px; /*text-transform: uppercase;*/ letter-spacing: 2px; font-family: 'OCE Bold', Arial; } .ucOfferList8 .offerListing .title-77 { line-height: 1.2; text-transform: uppercase; font-family: 'OCE Bold', Arial; text-align: left; margin-top: 0px; color: #3e3e3e; min-height: 40px; } .ucOfferList8 .offerListing .box-77:hover .thumbnail-77 img { -webkit-filter: inherit; filter: inherit; -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0.6; } .ucOfferList8 .offerListing .author-77 { background-color: #fff; position: relative; text-align: left; border-top: 2px solid #dfdfdf; margin-top: 10px; padding: 0px; padding-top: 15px; letter-spacing: -0.5px; min-height: 140px; } .ucOfferList8 .offerListing .author-77 ul { padding-left: 15px; } .ucOfferList8 .offerListing .author-77 ul li { list-style: disc; margin-bottom: 5px; color: #303030; text-transform: uppercase; font-family: 'OCE Bold', Arial; font-weight: bold; } .ucOfferList8 .offerListing .author-77 ul li span { display: inline-block; } .ucOfferList8 .offerListing .author-77 ul li p { margin: auto !important; } .ucOfferList8 .offerListing .author-77 ol { padding-left: 20px; } .ucOfferList8 .offerListing .author-77 ol li { list-style: decimal; margin-bottom: 5px; } .ucOfferList8 .offerListing .author-77 p.micro { font-size: 13px; line-height: 1.22727273; margin-top: 2px; letter-spacing: -0.5px; text-transform: initial; } .ucOfferList8 .offerListing .btn-group { margin-top: 10px; } .frameBar { margin-top: 20px; margin-bottom: 20px; background-color: #f2f2f2; border: 1px solid rgba(177, 177, 177, 0.2); padding: 20px; border-radius: 2px; } .frameBar p { margin: auto; width: 70%; display: inline-block; font-size: 18px; opacity: 1; color: #000; letter-spacing: -0.5px; vertical-align: middle; } .frameBar .button { width: 29%; padding: 18px 11px 16px; background-color: #63b134 !important; color: #fff!important; letter-spacing: normal; vertical-align: middle; } .listingPg .thumImg, .ucOfferList8 .offerListing .box-77 .thumbnail-77 { /*min-height: 145px;*/ } @media screen and (min-width:1024px) and (max-width:1199px) { .ucOfferList8 .offerListing .box-77 .thumbnail-77 { } } @media screen and (min-width:768px) and (max-width:1023px) { .ucOfferList8 .offerListing .box-77 .thumbnail-77 { height: auto!important; } .ucOfferList8 .offerListing .title-77 { height: auto !important; } } @media screen and (max-width:767px) { .ucOfferList8 .offerListing .author-77 { min-height: auto; } .frameBar p { width: 100%; margin-bottom: 10px; } .frameBar .button { width: 100%; max-width: 250px; } } @media screen and (min-width: 640px) and (max-width: 767px) { .ucOfferList8 .offerListing .box-77 .thumbnail-77 { height: auto!important; min-height: 125px!important; } .ucOfferList8 .offerListing .title-77 { height: auto !important; } } @media screen and (max-width:599px) { .ucOfferList8 .offerListing .title-77 { min-height: auto; } .backLink { margin: 15px auto; } } /*//////////////////////////////////// ucModel3.ascx ///////////////////////////////////*/ .ucModel3 { margin-top: 30px; } .ucModel3 .mdlGrid { padding: 14px; margin-bottom: 30px !important; box-shadow: 0px 0px 23px -10px #000; } .ucModel3 .offrTxt p { font-size: 18px; line-height: 1.385; margin-bottom: 30px; opacity: 0.8; } .ucModel3 .modelpage { margin-top: 36px; } .ucModel3 .modelpage .a { display: inline-block; } .ucModel3 .modelpage a.button { width: 100%; margin: auto; } /*//////////////////////////////////// ucModel3.ascx ///////////////////////////////////*/ .headHeading { margin: 20px auto 50px; font-size: 20px; color: #000; opacity: 1; letter-spacing: -0.5px; padding-left: 15px; padding-right: 15px; text-align: center; } .headHeading h1 { font-size: 25px; } .headHeading h2 { font-size: 20px; } .headHeading p { font-size: 18px; } .themeColor { color: #0075b5; } .themeBgColor { background-color: #0075b5; color: #fff; } .popup .button, .logINBox .button, .clcAPR .button, .listingPg .button, .pcpFlip .button, .fixedPanel .button { display: inline-block; border-radius: 0px !important; padding: 14px 11px; color: #fff; letter-spacing: -0.5px; background: #0075b5; font-size: 15px; vertical-align: middle; cursor: pointer; margin-top: 10px; margin-bottom: 10px; line-height: 1; box-shadow: 0 1px 6px rgba(32,33,36,.28); margin-left: auto !important; margin-right: auto !important; text-overflow: ellipsis; font-family: 'OCE Bold', Arial; } .popup .button.inArrow, .logINBox .button.inArrow, .clcAPR .button.inArrow, .listingPg .button.inArrow, .pcpFlip .button.inArrow, .fixedPanel .button.inArrow { padding-right: 45px; text-align: left; } .popup .button svg, .logINBox .button svg, .clcAPR .button svg, .listingPg .button svg, .pcpFlip .button svg, .fixedPanel .button svg { width: 22px; height: 22px; position: absolute; top: 10px; right: 15px; margin: auto; } .listingPg .button, .pcpFlip .button { background: #fff; color: #000; margin-top: 5px; margin-bottom: 5px; } .pcpFlip .button.btnBGClr { color: #fff; } .listingPg .button svg, .pcpFlip .button svg { fill: #000!important; } .pcpFlip .button.btnBGClr svg { fill: #fff!important; } .pcpFlip .button.hover, .pcpFlip .button:hover, .listingPg .button.hover, .listingPg .button:hover { background: #0075b5; color: #fff; } .pcpFlip .button.hover svg, .pcpFlip .button:hover svg, .listingPg .button.hover svg, .listingPg .button:hover svg { fill: #fff!important; } .paleBlue { background-color: #d1edf2 !important; } .paleBlue:hover { background-color: #d1edf2 !important; color: #000 !important; } .paleBlue svg { fill: #000 !important; } .listingPg .paleBlue:hover svg { fill: #000 !important; } .listingPg .thumImg { font-size: 0; margin-bottom: 10px; } .listingPg .thumImg img { max-width: 80%; } .grid-item-inner { padding: 20px; box-shadow: 0px 0px 70px 0px rgba(93, 93, 93, 0.07); margin-bottom: 10px; } .grid-item-inner:hover { } .grid-item-inner:hover .darker { color: #fff; } .btn-group .button:last-child { margin-bottom: 0; } .inner-p01 { font-size: 14px; line-height: 1.385; margin-bottom: 0px; opacity: 0.8; color: #fff; font-weight: 500; letter-spacing: -0.15px; text-align: left; padding-top: 21px; position: absolute; bottom: 90px; } .inner-p01b { font-size: 20px; line-height: 1; letter-spacing: -0.5px; text-align: left; margin-bottom: 5px; display: inline-block; min-height: 45px; color: #000; opacity: 0.8; width: 100%; } .inner-p01c { font-size: 18px; line-height: normal; letter-spacing: -0.5px; text-align: left; display: inline-block; margin: auto !important; margin-bottom: 10px !important; font-weight: 600 !important; color: #0075b5; width: 100%; min-height: 140px; } .inner-p02 { font-size: 18px; line-height: 1.15; margin-bottom: 0px; opacity: 1.0; color: #ffffff; font-family: 'OCE Bold', Arial; letter-spacing: -0.05px; text-align: left; padding-top: 1px; bottom: 136px; position: absolute; text-transform: uppercase; } .inner-p01c ul { padding-left: 15px; } .inner-p01c ul li { list-style: disc; margin-bottom: 5px; } .inner-p01c ol { /* padding-left: 15px; */ } .inner-p01c ol li { list-style: none; margin-bottom: 7px; } .derivativeNm { font-size: 17px; letter-spacing: -0.5px; color: #303030; padding: 25px 10px 10px; text-align: left; border-top: 2px solid #f0f0f1; margin-top: 15px; font-family: 'OCE Bold', Arial; } .derivativeNm span { font-family: 'OCE', Arial; } .pcpTabs .pcpFlip .pcpFlipList { border: none; padding-top: 0px; } .pcpFlip h3 { font-size: 17px; letter-spacing: -0.5px; text-align: left; padding-right: 20px; } .pcpFlip h3 svg { width: 16px; height: 16px; position: absolute; top: 22px; right: 20px; cursor: pointer; } .pcpFlip .tabbedinfo .tab-content { padding-top: 0; } .pcpFlip .pcpFlipList { margin-bottom: 20px; } .pcpFlip .pcpFlipList li { padding: 10px 10px; text-align: left; margin-left: auto; font-size: inherit; } .pcpFlip .pcpFlipList li:after { clear: both; display: block; content: ""; } .pcpFlip .pcpFlipList li:nth-child(2n+2) { background: #f0f0f0; } .pcpFlip .pcpFlipList li span { float: left; font-size: 14px; width: 70%; } .pcpFlip .pcpFlipList li strong { float: right; font-size: 14px; width: 30%; text-align: right; color: #000; } .pcpFlip .btn-group .button { width: calc(50% - 5px) !important; display: inline-block; float: left; margin: auto; } .pcpFlip .btn-group .button.mr10 { margin-right: 10px!important; } .btn-group:after { content: ""; clear: both; display: block; } .tabbedinfo .tabs { width: 100%; max-width: 100%; text-align: left; border: none; padding-left: 15px; padding-right: 15px; min-height: auto; } .tabbedinfo .tabs li { cursor: pointer; border: none; display: inline-block; padding: 0px; margin: 0px; font-size: 17px; letter-spacing: -0.5px; text-align: left; margin-right: 20px; color: #303030; font-weight: 600; position: relative; padding-bottom: 10px; } .tabbedinfo h2.resp-accordion { cursor: pointer; padding: 5px; display: none; } .tabbedinfo .tab-content { display: none; padding: 15px 0px; text-align: left; position: initial; height: auto; border: none; overflow: visible; background: inherit; } .tabbedinfo .tabs li:before { content: ""; position: absolute; width: 0; height: 3px; bottom: 0; left: 0; background-color: #0075b5; transition: all 0.3s ease-in-out 0s; z-index: 99; } .tabbedinfo .tabs li:hover:before, .tabbedinfo .tabs li.resp-tab-active:before { visibility: visible; width: 100%; } .btnLinksBar { padding: 5px 0px; border-top: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; margin: 5px auto; } .btnLinksBar .button { padding: 15px 14px 14px; background-color: #fff!important; color: #303030!important; margin-left: 2px; margin-right: 2px; -webkit-box-shadow: inset 0px 0px 0px 3px rgb(0,117,181); box-shadow: inset 0px 0px 0px 3px rgb(0,117,181); font-weight: normal; } .btnLinksBar .button .fa { margin-right: 5px; } .btnLinksBar .button:hover { color: #ffffff!important; background-color: #0075b5!important; } .btnLinksBar .button:first-child { margin-left: 0px; } .btnLinksBar .button:last-child { margin-right: 0px; } .blrAccr .blrAccrCntnr { position: relative; height: auto; margin: 10px auto; } .blrAccr .blrAccrList { -webkit-box-shadow: 0 0 39px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 39px rgba(0, 0, 0, 0.1); box-shadow: 0 0 39px rgba(0, 0, 0, 0.1); border: solid 1px #e1e1e1; border-radius: 5px; margin-bottom: 20px; padding: 0px; } .blrAccr .blrHead { position: relative; display: block; text-align: left; font-size: 20px; cursor: pointer; color: #000; font-family: inherit; font-weight: normal; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; margin: 0px; line-height: 1.5; padding: 30px; background-color: #fff; } .blrAccr .blrHead .blrName { display: inline-block; vertical-align: middle; margin-left: 60px; width: calc(100% - 218px); } .blrAccr .blrHead .stCount { color: #2495cf; vertical-align: middle; font-style: normal; border: 2px solid #2495cf; border-radius: 50px; padding: 10px 10px 7px; font-size: 15px; line-height: normal; text-align: center; display: inline-block; white-space: nowrap; min-width: 150px; transition: .3s; } .blrAccr .blrHead.active .stCount { background-color: #2495cf; color: #fff; } .blrAccr .blrHead .minusIcon { display: none; position: absolute; width: 40px; height: 40px; top: 29px; left: 30px; right: initial; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); fill: #cccccc; } .blrAccr .blrHead .plusIcon { position: absolute; width: 40px; height: 40px; top: 29px; left: 30px; right: initial; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .blrAccr .blrHead svg { width: 100%; height: 100%; fill: #000; } .blrAccr .blrHead.active .minusIcon { display: block; } .blrAccr .blrHead.active .plusIcon { display: none; } .blrAccr .blrHead.active svg { fill: #0075b5; } .ucStockModel { transition: 0.3s all ease-in-out; } .ucStockModel .blrEnqBtn .dropdown-el { min-width: 300px; } .ucStockModel .blrAccr .blrAccrCntnr { margin-bottom: 0; } .ucStockModel .blrAccr .blrAccrCntnr .blrAccrList.tbAccord:last-of-type { margin-bottom: 0px; } .blrEnqBtn { display: inline-block; vertical-align: top; position: relative; width: 340px; min-height: 45px; max-width: 100%; } .blrEnqBtn .dropdown-el svg { position: absolute; top: 10px; right: 15px; width: 20px; height: 20px; fill: #fff; transition: .3s all ease-in-out; z-index: 9; } .blrEnqBtn .dropdown-el.expanded svg { fill: #000; transform: rotate(-90deg); } .blrEnqBtn a { padding: 5px 0px; display: block; font-family: 'OCE Bold', Arial; color: #0075b5; } .blrAccr .blrContent { width: 100%; font-size: 15px; line-height: 1.5; text-align: left !important; padding: 30px; margin-top: 1px; background-color: #fff; } .blrAccr .blrContentRpt { margin: 10px 0px 30px; border-bottom: 1px dashed #ccc; padding-bottom: 30px; } .blrAccr .blrContentRpt:first-child { margin-top: 0px; } .blrAccr .blrContentRpt:last-child { margin-bottom: 0px; border: none; } .blrAccr .blrContentLeft { display: inline-block; width: calc(100% - 385px); vertical-align: top; } .blrAccr .blrContentImg { width: 150px; height: 100px; margin-right: 20px; display: inline-block; vertical-align: top; } .blrAccr .blrContentImg img { max-height: 100%; max-width: 100%; } .blrAccr .blrEnqBtn { width: 380px; } .blrAccr .blrEnqBtn .dropdown-el { /*width: 100%;*/ } .blrAccr .blrContentRight { display: inline-block; width: calc(100% - 175px); vertical-align: top; } .blrAccr .blrContentRight p { margin-bottom: 8px; margin-top: 8px; opacity: 1; font-size: 18px; } .blrAccr .blrContentRight p:first-child { margin-top: 0px; } .blrAccr .blrContentRight p strong { } .blrAccr .blrContentRight span { display: inline-block; width: 100%; } .blrEnqBtn .dropdown-el { background-color: #2495cf; border-color: #d8d6d7; /*min-width: 340px;*/ position: absolute; display: inline-block; margin-right: 0px; min-height: 44px; max-height: 44px; overflow: hidden; cursor: pointer; text-align: left; white-space: nowrap; color: #444; outline: none; border: 2px solid transparent; transition: 0.3s all ease-in-out; -webkit-box-shadow: 0 1px 6px rgba(32,33,36,.28); -moz-box-shadow: 0 1px 6px rgba(32,33,36,.28); box-shadow: 0 1px 6px rgba(32,33,36,.28); box-shadow: 0 1px 6px rgba(32,33,36,.28); right: 0px; top: 0px; z-index: 99; } .blrEnqBtn .dropdown-el input { display: none; } .blrEnqBtn .dropdown-el label, .blrEnqBtn .dropdown-el a { border-top: none!important; display: block; cursor: pointer; position: relative; transition: 0.1s color ease-in-out; font-size: 17px!important; letter-spacing: -0.5px; padding: 7px 8px 8px; padding-left: 20px; color: #444; font-weight: normal; font-family: 'OCE', Arial; border: none; margin: auto; } .blrEnqBtn .dropdown-el label a { padding: 0px; } .blrEnqBtn .dropdown-el label:hover a { opacity: 1; } .blrEnqBtn .dropdown-el label:nth-child(2), .blrEnqBtn .dropdown-el a:nth-child(2) { font-size: 17px; color: #fff !important; background: none; } .blrEnqBtn .dropdown-el label:nth-child(2):hover, .blrEnqBtn .dropdown-el a:nth-child(2):hover { background: none!important; } .blrEnqBtn .dropdown-el.expanded label:nth-child(2), .blrEnqBtn .dropdown-el.expanded a:nth-child(2) { color: #292929!important; font-family: 'OCE Bold', Arial; } .blrEnqBtn .dropdown-el.expanded { background: #fff!important; padding: 0; -webkit-box-shadow: 0px 0px 0px 4px #bde0fc; -moz-box-shadow: 0px 0px 0px 4px #bde0fc; box-shadow: 0px 0px 0px 4px #bde0fc; max-height: 600px; font-size: 18px; /* overflow-y: scroll; */ padding: 18px; padding-top: 14px; z-index: 9999; } body .blrEnqBtn .dropdown-el.expanded { background: #fff!important; } .blrEnqBtn .dropdown-el label, .blrEnqBtn .dropdown-el a { border-radius: 0px; } .blrEnqBtn .dropdown-el.expanded label:hover, .blrEnqBtn .dropdown-el.expanded a:hover { background-color: #2495cf; color: #fff; } .mobShow { display: none; } .mt58 { margin-top: 58px; } .leftBdrDiv { margin-top: 15px; margin-bottom: 0px; border-left: 7px solid #2495cf; padding-left: 7px; font-size: 18px; line-height: normal; letter-spacing: -0.5px; text-align: left; /*font-weight: 600 !important;*/ } .leftBdrDiv a { color: #0075b5; margin-top: 5px; display: inline-block; } .pulserBottom { position: relative; } .pulserBottom:after { -webkit-animation: pulserBottom 1.5s infinite; width: 100%; transition: 0.3s; content: ""; display: block; bottom: 0px; border-bottom: 3px solid #0075b5; width: 0%; position: absolute; transition: .3s; left: 0px; right: 0px; margin: auto; } .pulserBottom:after { border-bottom-color: #0075b5; } @-webkit-keyframes pulserBottom { 0% { @include transform(scale(.9)); width: 0%; } 50% { @include transform(scale(1)); width: 100%; } 100% { @include transform(scale(.9)); width: 0%; } } /*//////////////////////////////////// ucUsedModel1.ascx ///////////////////////////////////*/ .ucUsedModel1 .box-77 { margin-top: 0px; margin-bottom: 25px; } .ucUsedModel1 .box-77 .thumbnail-77 { height: 250px; background-color: #efefef; } .ucUsedModel1 .title-77 { font-family: 'OCE Bold', Arial; } /*//////////////////////////////////// OfferDetail1.ascx ///////////////////////////////////*/ .offerDetail1 .stockOfrLine { display: none; } .offerDetail1 .stockOfrLine + .stockOfrLine { margin-top: 10px !important; } .offerDetail1 .detailprice { font-size: 21px!important; font-weight: normal; color: #354d5f; margin-bottom: 2%; padding-top: 12px; padding-bottom: 12px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; letter-spacing: .5px!important; } .offerDetail1 .detailprice span { font-weight: 500; } .offerDetail1 .img_car { width: 100%; display: block; height: 300px; vertical-align: top!important; overflow: hidden; } .offerDetail1 .img_car img { width: 100%; /*max-height: 100%;*/ max-height: initial; } .offerDetail1 .finapad { border-left: solid 1px rgba(255, 255, 255, 0.3); padding-left: 10px!important; padding-top: 1%; } .offerDetail1 .finapad .ofrLine { border-bottom: solid 1px #eee; padding-bottom: 12px; margin-top: 10px; margin-bottom: 0px; font-size: 20px!important; font-weight: 500; color: #354d5f; } .offerDetail1 .finapad .ofrLine:last-child { border: none; margin-top: 15px; } .offerDetail1 .finapad .ofrLine:nth-last-child(2) { border: none; } .offerDetail1 .tabBlock { margin-top: 15px!important; padding-top: 15px!important; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .offerDetail1 .fix-12-12 { /*max-width: 1200px!important;*/ } .offerDetail1 .tabs_menu > .col-12-12 { max-width: 1200px!important; margin: auto; float: none; padding: 0px; } .offerDetail1 .tabBlock .tabsbtn { background-color: #f1f1f1; color: #303030; border-radius: 0px; padding: 13px 15px 14px 30px; margin-bottom: 15px; } .offerDetail1 .tabBlock .tabsbtn .fa { position: absolute; bottom: 16px; left: 9px; font-size: 14px; min-width: 15px; } .offerDetail1 .inviteBlck { margin: 10px auto auto; } .offerDetail1 .frame-94 { margin-top: 10px; margin-bottom: 10px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.18); box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.18); padding-top: 14px; } .offerDetail1 .cropBtn { font-size: 13px; background: #57a8d2; letter-spacing: 0px!important; margin-left: 0px; float: right; font-weight: normal!important; border-radius: 50px; margin: 0; padding-top: 13px; padding-bottom: 13px; display: inline-block; min-width: 225px; } .offerDetail1 .cropBtn svg { display: none; margin: auto; margin-left: 10px; vertical-align: middle; } .offerDetail1 .cropBtntxt { font-size: 14px; width: 46%; float: left; text-align: left; margin: 0; margin-top: 5px; text-transform: uppercase; } .offerDetail1 .backLink { display: none; } .offerDetail1 .bckbtn { display: block!important; } .offerDetail1 table { width: 100%; border-collapse: collapse; font-size: 13px; margin-bottom: 14px; } .offerDetail1 tr:nth-of-type(odd) { background: #ffffff; } .offerDetail1 tr:nth-of-type(even) { background: #ffffff; } .offerDetail1 td, .offerDetail1 th { padding: 8px; border: 1px solid #ccc; text-align: left; width: 50%; } .offerDetail1 .mejs-offscreen { display: none!important; } @media screen and (min-width:1024px) and (max-width:1199px) { .offerDetail1 .cropBtntxt { width: 42%; } } @media screen and (max-width:1023px) { .offerDetail1 .grid { margin-left: auto; margin-right: auto; } .home_style2 .grid > [class*='col-'] { max-width: 100%; } .comparisonBar .col-3-12 .equalElement { padding-top: 20px; } .comparisonBar .col-3-12 .close { top: 0px; } } @media screen and (max-width:1180px) { .offerDetail1 .finapad { /*border-left: solid 1px rgba(255, 255, 255, 0.3); padding-left: 0px!important; padding-top: 2%;*/ } } @media screen and (min-width:768px) and (max-width:1023px) { .offerDetail1 .inviteBlck [class*="col-"] { max-width: 50%!important; width: 50%!important; } .offerDetail1 .cropBtntxt { width: 100%; text-align: center; float: none; margin-bottom: 15px; min-height: 38px; } .offerDetail1 .cropBtn { text-align: center; float: none; } .offerDetail1 .tabBlock .tabsbtn { min-width: 49% !important; } } @media screen and (max-width:768px) { .offerDetail1 .img_car { height: auto!important; } } @media screen and (max-width:767px) { .offerDetail1 .ofrLine { /*margin: 0px!important; padding: 5px 10px 5px 10px!important;*/ } .offerDetail1 .FINANCE.fi_nnc .ofrLine { padding: 0px!important; } .offerDetail1 .FINANCE.fi_nnc .ofrLine p { line-height: 2.8em; } .offerDetail1 .FINANCE.fi_nnc .ofrLine span { width: 28%!important; font-size: 13px!important; } .offerDetail1 .FINANCE.fi_nnc .ofrLine:nth-child(2n-1) span { border-right: none; } } @media screen and (min-width:600px) and (max-width:767px) { .offerDetail1 .tabBlock .tabsbtn { min-width: 48% !important; } } @media screen and (max-width:599px) { .offerDetail1 .inviteBlck [class*="col-"] { padding-left: 0px; padding-right: 0px; } .offerDetail1 .cropBtntxt { width: 100%; margin-bottom: 10px; text-align: center; } .offerDetail1 .tabBlock .tabsbtn { width: 100%; margin-left: auto; margin-right: auto; } .offerDetail1 .cropBtn { text-align: center; float: none; } } /*//////////////////////////////////// OfferDetail2.ascx ///////////////////////////////////*/ .offerDetail2 .swiper-container { width: 100%; height: 100%; } .offerDetail2 .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: grab; cursor: -webkit-grab; cursor: -mozkit-grab; } .offerDetail2 .panorama1 { /*height: 360px !important;*/ height: 460px !important; } .offerDetail2 .VideoBOX { margin: 30px auto !important; height: 500px !important; } .offerDetail2 .VideoBOX .videoBg { height: 500px !important; } .offerDetail2 .VideoBOX iframe { height: 500px !important; width: 100% !important; } .offerDetail2 .pv-inner { display: inline-block; cursor: move; cursor: drag; cursor: -webkit-grab; cursor: -moz-grab; height: 100% !important; width: 100% !important; background-size: cover !important; } .offerDetail2 .formlabelmain { display: block; width: 100%; margin-top: 8px; margin-bottom: 25px; } .offerDetail2 table { width: 100%; border-collapse: collapse; font-size: 13px; margin-bottom: 14px; } .offerDetail2 tr:nth-of-type(odd) { background: #ffffff; } .offerDetail2 tr:nth-of-type(even) { background: #ffffff; } .offerDetail2 td, .offerDetail2 th { padding: 8px; border: 1px solid #ccc; text-align: left; width: 50%; } .offerDetail2 .modelTitle { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding-top: 15px; padding-bottom: 15px; text-align: center !important; margin-bottom: 10px; } .offerDetail2 .modelTitle:after { display: block; clear: both; content: ""; } .offerDetail2 .leftTitle { width: 50%; color: #676767; font-size: 20px !important; font-weight: 600 !important; border-right: 3px solid; padding-right: 10px; margin-right: 10px !important; } .offerDetail2 .rightTitle { width: 35%; } .offerDetail2 .modelTitle .mainprice { font-size: 20px!important; } .offerDetail2 .modelTitle h1 { margin: 0px; } .offerDetail2 .app-btn { position: absolute; left: 18px; bottom: 20px; } .offerDetail2 .app-btn a.linkBtn { margin: auto; } .offerDetail2 .Mpanel-heading h1 { text-align: left; margin-top: 4px; color: #333; font-size: 20px!important; border-left: solid 3px; padding-left: 10px; line-height: 1em; font-weight: 600!important; margin-bottom: 14px; letter-spacing: -0.2px; } .offerDetail2 .Mpanel-heading h1.pplrVh { margin-top: 40px; font-size: 18px!important; margin-bottom: 10px!important; border: none; padding: 0px; } .offerDetail2 .ofrDtlBtns { margin-top: 12px; border-top: 2px solid #ccc; padding-top: 20px; } .offerDetail2 .linkBtn { color: #676767; display: inline-block; margin-right: 5px; padding: 13px 22px; font-size: 12px; font-weight: 600; text-align: center; cursor: pointer; margin-bottom: 20px; -webkit-transition: 0.25s; transition: 0.25s; letter-spacing: 0.8px; } .offerDetail2 .linkBtn span { padding: 5px 0px; } .offerDetail2 .linkBtn:hover { border-color: #333 !important; } .offerDetail2 .linkBtn:hover span { border-bottom: solid 4px; } .offerDetail2 .linkBtn.greenBg { background: #4CAF50; color: #fff; border-radius: 50px; box-shadow: inset 0 -100px 0 rgba(0, 0, 0, 0.075), 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.1); } .offerDetail2 .linkBtn.greenBg:hover { background: #128418 !important; } .offerDetail2 .linkBtn.greenBg:hover span { border-bottom: none; } .offerDetail2 .linkBtn.blueBg { background: #57a8d2; color: #fff; border-radius: 50px; box-shadow: inset 0 -100px 0 rgba(0, 0, 0, 0.075), 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.1); } .offerDetail2 .linkBtn.blueBg:hover { background: #0a84c7 !important; } .offerDetail2 .linkBtn.blueBg:hover span { border-bottom: none; } .offerDetail2 .topRightBtn a { color: #0f7eb6; margin: 0px; padding: 2px 5px 10px; position: relative; } .offerDetail2 .topRightBtn a span { padding: 5px 0px 2px; border-bottom: 1px solid #ccc; } .offerDetail2 .topRightBtn a:hover span { border-bottom: solid 4px; } .offerDetail2 .topRightBtn a:first-child { padding-right: 10px; } .offerDetail2 .topRightBtn a:first-child:after { content: ":"; font-size: 14px; position: absolute; right: 0px; top: 0px; } .offerDetail2 .rltdProdctTitle { color: #333; font-size: 20px; font-family: 'OCE Bold', Arial; margin-bottom: 21px; } .offerDetail2 .panorama { height: 360px !important; } .offerDetail2 .panorama img { opacity: 0; } .offerDetail2 .map { font-size: 16px !important; } .offerDetail2 .mainpanel { position: absolute; z-index: 99; top: 0; right: 0px; overflow: hidden; background-color: #fff; width: 51%; max-width: 639px; height: 100%; padding: 18px; } .offerDetail2 .topper { margin-bottom: 14px; border-top: solid 1px #e1e1e1; padding-top: 12px; } .offerDetail2 .mainprice { color: #333; } .offerDetail2 .spec { font-size: 14px; } .offerDetail2 .mr22 { margin-right: 22px !important; } .offerDetail2 .buttonset02 { display: inline-block; float: right; margin-right: -7px; } .offerDetail2 .half { display: inline-block; width: 50%; } .offerDetail2 .parafn { font-size: 13px !important; color: #333; } .offerDetail2 .tabClose { position: absolute; right: 5px; z-index: 999; font-size: 35px; top: -10px; cursor: pointer; } .offerDetail2 .tabClose:hover { color: #000!important; } .offerDetail2 .tabContent { position: relative; } .offerDetail2 .finTbl div { width: 100%!important; } .offerDetail2 .finTbl div span { width: 50%; padding: 8px; min-height: 37px; } .offerDetail2 .finTbl div span:nth-child(2) { width: 50%!important; } .offerDetail2 .thumb_title { min-height: 32px; line-height: .9em; } .offerDetail2 .thmbContnt h4 { margin-bottom: 0px; } .offerDetail2 .topBack { position: absolute; top: 5px; left: 0px; } .offerDetail2 .mainprice.offrhadMob { display: none; } .offerDetail2 .loc_san .listcont li { min-height: 115px; } .offerDetail2 .loc_san .listcont p { margin: 0px; } .offerDetail2 .loc_san .listcont .form.map span { display: block; min-height: auto; } .acrRpt .acrHead { position: relative; display: block; text-align: left; font-size: 13px; cursor: pointer; background-color: #f1f1f1; color: #565656; margin: 0px; text-transform: uppercase; letter-spacing: 0.05em; padding: 15px 50px 15px 25px; font-family: 'OCE Bold', Arial,sans-serif; border-radius: 5px; border: none !important; margin-bottom: 5px; } .acrRpt .acrHead:after { content: "\f067"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #565656 !important; position: absolute; right: 24px; top: 16px; font-size: 16px; } .acrRpt .acrHead.active:after { content: "\f068"; color: #565656; } .acrRpt .acrContent { display: none; width: 100%; background-color: #ffffff; padding: 20px 25px; margin-bottom: 10px; border-radius: 5px; border: 1px solid #f1f1f1; } .acrRpt .acrContent li { padding: 5px 0px; font-size: 15px; opacity: .8; margin: auto; list-style: none; } .acrRpt .acrContent li:before { display: none; } /*//////////////////////////////////// OfferDetail4.ascx ///////////////////////////////////*/ .sidebar_financeBar span.bgDark { background: #000; width: 100%; height: 100%; position: fixed; display: block; top: 0px; right: 0px; bottom: 0px; border-radius: 0px; left: 0px; transition: .5s; opacity: 0.8; z-index: 999; } html .financeBar { background-color: #fff!important; position: fixed; top: 0; right: 0; width: 592px; max-width: 100%; height: 100%; z-index: 99999; -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-box-shadow: -2px 0px 4px 0px rgba(0,0,0,0.10); -moz-box-shadow: -2px 0px 4px 0px rgba(0,0,0,0.10); box-shadow: -2px 0px 4px 0px rgba(0,0,0,0.10); } .financeBar .close { top: 15px; right: 11px; padding: 5px; } .financeBar .close svg { fill: #000 !important; width: 18px !important; height: 18px !important; } .financeBar .bldContent { padding: 25px 30px 30px; position: relative; width: 430px; max-width: 100%; padding-right: 0px; } .financeBar .content { padding: 20px; } .financeBar .content .content { width: 555px; max-width: 100%; overflow: visible; padding: 15px; height: auto; text-align: left; } .financeBar .content h4 { margin-top: 20px; margin-bottom: 20px; font-size: 18px; color: #0c2850; letter-spacing: -1px; font-weight: 600; } .financeBar .dtlPrc { margin-top: 20px; margin-bottom: 20px; } .financeBar ul { margin-bottom: 18px; } .financeBar .fix-12-12 { max-width: 100%; width: 100%; } .financeBar .clcAPR .button { } .pcpTabs .tabbedinfo .tabs { position: relative; } .pcpTabs .tabbedinfo .tabs:after { content: ""; position: absolute; width: 100%; height: 3px; bottom: 0; left: 0px; background-color: #dfdfdf; transition: all 0.3s ease-in-out 0s; } .pcpTabs .tabbedinfo .tabs li { padding-bottom: 5px; margin-right: 50px; color: #dfdfdf; } .pcpTabs .tabbedinfo .tabs li.resp-tab-active { color: #000; } .pcpTabs .tabbedinfo .tabs li:last-child { margin-right: 0px; } .pcpTabs .tabbedinfo .tab-content { min-height: 284px; } .pcpTabs .tab-content { position: inherit; overflow: hidden; height: auto; border: none; } .tabbedinfo .tab-content > * { opacity: initial; -webkit-transform: initial; -webkit-transform: initial; -moz-transform: initial; -ms-transform: initial; -o-transform: initial; -webkit-transition: initial; -moz-transition: initial; -ms-transition: initial; -o-transition: initial; } .pcpTabs .tabbedinfo .form-group { margin-bottom: 20px; } .pcpTabs .tabbedinfo .form-group:after { clear: both; display: block; content: ""; } .pcpTabs .tabbedinfo .form-group label { font-size: 14px; padding-top: 12px; display: block; margin-top: auto; margin-bottom: auto; } .pcpTabs .tabbedinfo .form-group .input-group-prepend { position: absolute; top: 1px; left: 1px; background: #f4f4f4; height: 40px; width: 40px; text-align: center; line-height: 40px; font-size: 15px; border-right: 1px solid #bbbbbb; z-index: 1; } .pcpTabs .tabbedinfo .form-group .input-group { position: relative; } .pcpTabs .tabbedinfo .form-group input[type="text"], .pcpTabs .tabbedinfo .form-group input[type="name"], .pcpTabs .tabbedinfo .form-group input[type="email"], .pcpTabs .tabbedinfo .form-group input[type="password"], .pcpTabs .tabbedinfo .form-group input[type="tel"], .pcpTabs .tabbedinfo .form-group textarea, .pcpTabs .tabbedinfo .form-group select { font-weight: 600 !important; border: 1px solid #ccc !important; padding: 8px 10px 9px; border-radius: 0px; max-width: 100%; width: 100%; margin: auto; font-size: 13.33px; box-shadow: none !important; color: #242424; } .pcpTabs .tabbedinfo .form-group .input-group-prepend + input[type="text"] { padding-left: 55px; } .clcAPR > [class*='col-'] { float: none; display: inline-block; vertical-align: bottom; } .clcAPR > [class*='col-']:first-child { width: 49%; } .clcAPR .button { margin-bottom: 5px; } .clcAPR .button svg { fill: #fff !important; } .aprPrice { color: #0e2a4f; opacity: 1; margin-top: 5px; } .aprPrice p { margin: auto !important; font-family: 'OCE Bold', Arial; font-size: 18px; opacity: 1; line-height: 1; color: #0e2a4f; } .aprPrice p + p { margin-top: 5px !important; } .aprPrice p strong { font-size: 28px; } .fnSideftr { margin-top: 0px; } .fnSideftr p { font-size: 15px; padding-top: 7px; display: block; color: #0e2a4f; margin-top: 30px; margin-bottom: 0; opacity: 0.8; } .fnSideftr .grid { border-top: 2px solid #f6f6f6; border-bottom: 2px solid #f6f6f6; height: auto !important; padding: 10px 0px; } .fnSideftr .grid label { font-size: 15px; padding-top: 7px; display: block; color: #b9b9b9; } .fnSideftr .grid span { display: inline-block; width: 64px; } .rgtftr { margin-top: 0px; } .rgtftr p { font-size: 13px; margin: 80px auto 30px; display: block; color: #b9b9b9; font-family: 'OCE Bold', Arial; } .rgtftr .grid { border-top: 2px solid #f6f6f6; border-bottom: 2px solid #f6f6f6; height: auto !important; padding: 20px 0px; } .rgtftr .grid label { font-size: 15px; padding-top: 7px; display: block; color: #b9b9b9; } .rgtftr .grid span { display: inline-block; width: 39px; } .detailSlide { overflow: visible; height: 100%; } .dtlbanner { text-align: center; } .fixedPanel { background: #ffffff; padding: 25px 0px 25px 55px; position: relative; text-align: left; } .hAuto { height: auto!important; } .grid.hAuto { z-index: initial !important; } .fixDepth { display: none; } .findOut { position: relative; height: 60px; } .detailSlide .offrLines { margin-top: 20px; margin-bottom: 20px; } .detailSlide .offrLines li { margin-bottom: 10px; font-size: 16px; color: #1894d0; font-family: 'OCE Bold', Arial; position: relative; } .detailSlide .offrLines li:after { content: ""; position: absolute; top: 6px; left: -15px; background-color: #1894d0; height: 5px; width: 5px; border-radius: 50%; } .dtlHeading { font-size: 25px; color: #0c2850; letter-spacing: -1px; } .dtlSubHeading { font-size: 18px; color: #0c2850; font-weight: 600; } .dtlPrc { color: #c3002f; font-size: 20px; letter-spacing: -1px; font-weight: 600; margin-top: 15px; } .dtlFrom { font-size: 12px; color: #001c54; font-family: 'OCE Bold', Arial; } .dtlFrom strong { font-size: 25px; font-weight: 600; display: block; } .clcFinance { /* border-top: 2px solid #dfdfdf; border-bottom: 2px solid #dfdfdf; */ margin: 10px auto; } .clcFinance .fa { margin-left: 5px; font-size: 14px; } .clcFinance svg { width: 30px; height: 30px; fill: #fff !important; top: 7px; right: 11px; } .fixedPanel .blrEnqBtn { width: 100%; } .fixedPanel .blrEnqBtn .dropdown-el { min-width: 100%; background: #fff; border-radius: 3px; z-index: 9; position: inherit; } .fixedPanel .blrEnqBtn .dropdown-el svg { fill: #000; width: 30px; height: 30px; top: 4px; right: 12px; } .fixedPanel .blrEnqBtn .dropdown-el label:nth-child(2) { color: #292929 !important; } .fixedPanel .clcFinance .button { border-radius: 3px; } .fixedPanel .blrEnqBtn .dropdown-el label { border: none; padding-top: 10px; padding-bottom: 10px; } .findOut .dropdown-el input { display: none; } .findOut .dropdown-el label { border-top: none!important; display: block; cursor: pointer; position: relative; transition: 0.1s color ease-in-out; margin-bottom: 0px; font-size: 17px!important; letter-spacing: -0.5px; padding: 13px 8px 13px; padding-bottom: 10px; padding-left: 20px; } .findOut .dropdown-el { min-width: 340px; position: absolute; display: inline-block; margin-right: 0px; min-height: 44px; max-height: 44px; overflow: hidden; cursor: pointer; text-align: left; white-space: nowrap; color: #444; outline: none; border: 2px solid transparent; background-color: #fff; transition: 0.3s all ease-in-out; -webkit-box-shadow: 0 1px 6px rgba(32,33,36,.28); -moz-box-shadow: 0 1px 6px rgba(32,33,36,.28); box-shadow: 0 1px 6px rgba(32,33,36,.28); box-shadow: 0 1px 6px rgba(32,33,36,.28); left: 0px; top: 9px; z-index: 999; } .findOut .dropdown-el label:nth-child(2) { margin-top: 0rem; font-size: 17px; font-family: 'OCE Bold', Arial; color: #333 !important; } .findOut .dropdown-el label:nth-child(2):hover { background: none!important; } .findOut .dropdown-el input:checked + label:nth-child(2) { margin-top: 0; position: relative; } .findOut .dropdown-el::after { content: ""; position: absolute; right: 16px; top: 17px; border: 7px solid #484848; border-color: #484848 transparent transparent transparent; transition: .3s all ease-in-out; } .findOut .dropdown-el.expanded { padding: 0; -webkit-box-shadow: 0px 0px 0px 4px #bde0fc; -moz-box-shadow: 0px 0px 0px 4px #bde0fc; box-shadow: 0px 0px 0px 4px #bde0fc; max-height: 600px; font-size: 18px; /* overflow-y: scroll; */ padding: 18px; padding-top: 14px; } .findOut .dropdown-el.expanded label:hover { color: #ffffff; background: #001c54; transition: 0.01s; padding-left: 20px; } .findOut .dropdown-el.expanded input:checked + label { color: #292929; } .findOut .dropdown-el.expanded::after { transform: rotate(-180deg); top: 10px; } .pulser { box-shadow: 0 0 0 0 #0075b5; -webkit-animation: pulse 1.35s infinite; } .pulser:hover { -webkit-animation: none; } @-webkit-keyframes pulse { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(0, 117, 181, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(0, 117, 181, 0); } } .fixedPanel .btn-group .button.hover { width: calc(50% - 5px); float: left; } .mr10 { margin-right: 10px; } .leftBg { background-color: #f4f4f4; position: fixed; left: 0; top: 0; height: 100%; width: calc(66.66667% - 24px); z-index: 1; } .paleBlue { background-color: #d1edf2 !important; } .paleBlue:hover { background-color: #d1edf2 !important; color: #000 !important; } .paleBlue:hover svg { fill: #000 !important; } .dnone { display: none; } .popHead { background-color: #efefef; min-height: 100px; } .popHead:after { content: ""; clear: both; display: block; } .popHeadLft { background-image: url(../images/noimage.png); width: 240px; height: 150px; background-size: 100%; background-repeat: no-repeat; background-position: center; display: inline-block; vertical-align: top; float: left; } .popHeadRgt { display: inline-block; width: calc(100% - 241px); vertical-align: top; color: #000; padding: 30px; float: right; text-align: left; } .popHeadRgt h3 { font-size: 15px; font-family: 'OCE Bold', Arial; } .popHeadRgt .popCovidDiv { text-align: left; margin: auto; color: #0075b5; font-size: 15px; opacity: 0.8; } .popHeadRgt .popCovidDiv:after { content: ""; clear: both; display: block; } .popHeadRgt svg { width: 30px; height: 30px; fill: #0075b5; display: inline-block; float: left; } .popHeadRgt .popCovidDiv .popCovidPara { display: inline-block; text-align: left; float: left; width: calc(100% - 30px); padding-left: 10px; letter-spacing: -0.5px; line-height: normal; } .loc_tc { font-size: 15px!important; line-height: 1.2; opacity: 1; } .loc_tc span { font-size: 14px!important; display: block; margin-top: 5px; font-family: 'OCE Bold', Arial; } .cstmCheck { margin: 5px auto; text-align: left; } .cstmCheck li { display: inline-block; margin: 4px auto; margin-right: 20px; } .cstmCheck li > label { display: inline-block; position: relative; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; width: 100%; line-height: 1.6; font-weight: 600; margin: auto; } .cstmCheck li > label span input { position: absolute; opacity: 0; cursor: pointer; height: 100%; width: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto !important; z-index: 9; } .cstmCheck li > label span label { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: 20px; height: 20px; background-color: #fff; border: 1px solid #9e9e9e; border-radius: 5px; margin: 0px 5px 0px 0px; cursor: pointer; position: relative; vertical-align: middle; float: left; font-size: 0px; } .cstmCheck li > label span label:after { content: ""; display: none; width: 12px; height: 5px; border-left: 2px solid #0075b5; border-bottom: 2px solid #0075b5; position: absolute; transform: rotate(-52deg); top: 5px; left: 3px; } .cstmCheck li > label span input:checked ~ label:after { display: block; } .apptType, .apptSubType { min-width: 28%; } .dvApptSubType { border-top: 1px dashed #ccc; padding-top: 10px; margin-top: 10px; } .cstmCheck.radio li > label span label { border-radius: 50%; } .cstmCheck.radio li > label span input:checked ~ label:after { border: none; width: 10px; height: 10px; border-radius: 50%; background-color: #0075b5; top: 4px; left: 4px; } .popup .form-group .cstmCheck { /*margin-bottom: 4px;*/ } .fill.date + .cstmCheck { display: inline-block; } .dtlBottomBtns { text-align: center; margin-top: 20px; } .dtlSpanBtns { display: inline-block; font-size: 14px; padding: 10px 12px; vertical-align: middle; cursor: pointer; position: relative; margin-bottom: 12px; border-radius: 0px; font-family: 'OCE Bold', Arial; color: #000; margin: 5px 15px; border: 2px solid #ccc; min-width: 200px; text-align: center; } body .dtlSpanBtns:hover, body .dtlSpanBtns:hover .fa { color: #fff !important; } @media screen and (min-width: 1200px) { .fixedImgPanel { position: fixed; top: 95px; height: calc(100vh - 95px); width: 780px !important; text-align: left; } .detailPage.frtShown { } .rightTxtPanel { float: right !important; -webkit-box-shadow: -25px 0px 45px -45px rgba(0, 0, 0, 0.3); -moz-box-shadow: -25px 0px 45px -45px rgba(0, 0, 0, 0.3); box-shadow: -25px 0px 45px -45px rgba(0, 0, 0, 0.3); min-height: calc(100vh - 101px); } .fixWidth { margin-left: auto; max-width: 100%; } .dtlbanner { padding-right: 20px; } .detailPage.frtShown .fixedPanel .blrEnqBtn .dropdown-el { bottom: auto; top: 0; } .detailPage.frtShown .fixedPanel .blrEnqBtn .dropdown-el svg { top: 5px; } .head_style1, .head_style2, .ucheader3, .ucheader4 { background: #fff; } .activeHeader1 .detailSlide .container1 .wrap, .activeHeader2 .detailSlide .container1 .wrap, .activeHeader3 .detailSlide .container1 .wrap, .activeHeader4 .detailSlide .container1 .wrap, .activeHeader5 .detailSlide .container1 .wrap, .activeHeader6 .detailSlide .container1 .wrap, .activeHeader7 .detailSlide .container1 .wrap, .activeHeader8 .detailSlide .container1 .wrap, .activeHeader9 .detailSlide .container1 .wrap, .activeHeader10 .detailSlide .container1 .wrap { padding-top: 100px; } } @media screen and (min-width: 1500px) and (max-width: 1899px) { .fixedImgPanel { max-width: calc(64% - 20px) !important; } } @media screen and (min-width: 1900px) and (max-width: 1999px) { .fixedImgPanel { max-width: calc(62% - 20px) !important; } } @media screen and (min-width: 2000px) { .fixedImgPanel { max-width: calc(58% - 20px) !important; } } @media screen and (min-width: 1024px) and (max-width: 1199px) { .dtlFrom strong { font-size: 22px; } .grid .col-3-12 { max-width: 33.33%; } .popup .grid .dateTime [class*='col-'] { max-width: 50%!important; } .dtlSpanBtns { margin: 5px; min-width: 185px; } } @media screen and (max-width: 1023px) { .fixedPanel { padding: 25px 0px 50px; } .offrLines { padding-left: 15px; } .blrAccr .blrHead { padding: 25px 15px; font-size: 15px; } .blrAccr .blrHead:after { content: ""; clear: both; display: block; } .blrAccr .blrHead .blrName { margin-left: 40px; width: calc(100% - 155px); line-height: normal; } .blrAccr .blrHead .minusIcon, .blrAccr .blrHead .plusIcon { width: 25px; height: 25px; top: 30px; left: 15px; } .blrAccr .blrHead .stCount { padding: 0px 5px; min-width: auto; border: none; vertical-align: top; float: right; } body .blrAccr .blrHead.active .stCount { background-color: transparent !important; } .blrAccr .blrHead .blrName strong:last-child { display: block; font-size: 13px; } .blrAccr .blrHead.active { background-color: #0e2a4f; } .blrAccr .blrHead.active svg { fill: #fff; } .blrAccr .blrHead.active .blrName { color: #fff; } .blrAccr .blrAccrList { margin-bottom: 5px; } .blrAccr .blrContent { padding: 15px; } .blrAccr .blrContentLeft { width: 100%; } .blrAccr .blrContentImg { width: 100%; margin: auto; margin-bottom: 10px; height: auto; } .blrAccr .blrContentImg a { display: block; width: 200px; } .blrAccr .blrContentRight { width: 100%; } .blrAccr .blrEnqBtn { margin-top: 25px; } .leftBdrDiv { margin-bottom: 10px; } .blrEnqBtn .dropdown-el { min-width: 100%; max-width: 100%; } .blrEnqBtn .dropdown-el.expanded { padding: 10px 0px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .detailPage.grid:not(.later) > [class*='col-'] { /*width: 50%!important; max-width: 50%!important;*/ } .popup .grid .form-group .grid .col-6-12 { max-width: 50%!important; } .popup .grid .dateTime [class*='col-'] { max-width: 50%!important; } .dtlBottomBtns .dtlSpanBtns { min-width: calc(100% / 3 - 25px); } .dtlBottomBtns .dtlSpanBtns:last-child { margin-right: 0px; } .dtlBottomBtns .dtlSpanBtns:first-child { margin-left: 0px; } .fixedPanel .blrEnqBtn, .fixedPanel .clcFinance .button { width: 50% !important; } } @media screen and (max-width: 767px) { .detailPage.grid [class*='col-'], .financeBar .grid [class*='col-'], .listingPg.grid [class*='col-'] { max-width: 100%; } .btnLinksBar .button { width: 100%; margin: 0px 0px 12px !important; text-align: left; } .btnLinksBar { padding: 15px; } .dtlFrom strong { font-size: 22px; } .pcpTabs .tabbedinfo .form-group label { padding: 0px; margin-bottom: 5px; } .fnSideftr p { width: 100%; margin-top: 5px; } .financeBar .content .content { padding-left: 0; padding-right: 0px; } .pcpTabs .tabbedinfo .tab-content { min-height: auto; } .hiderwide .formlabelmain { display: none; } .grid-item-inner { box-shadow: none; padding-left: 5px; padding-right: 5px; } .listingPg .thumImg { height: auto; min-height: auto; } .tabbedinfo .tabs { display: none; } .tabbedinfo h2.resp-accordion { display: block; position: relative; text-align: left; font-size: 15px; cursor: pointer; background-color: #f1f1f1 !important; color: #565656 !important; margin: 0px; text-transform: uppercase; padding: 15px 30px 13px 15px !important; border-radius: 5px; border: none !important; margin-bottom: 5px !important; font-family: 'OCE Bold', Arial; letter-spacing: -0.5px; } .tabbedinfo .resp-tabs-container h2.resp-accordion::after { content: "\f078"; color: #565656; position: absolute; right: 15px; top: 16px; font-size: 12px; font-family: FontAwesome; } .tabbedinfo h2.resp-accordion.resp-tab-active { background: #152a4f !important; color: #fff !important; } .tabbedinfo h2.resp-accordion.resp-tab-active:after { color: #fff; } .resp-tabs-container { margin-bottom: 20px; } .pcpFlip .btn-group .button { width: 100% !important; margin-left: auto !important; margin-right: auto !important; margin-top: 5px; margin-bottom: 5px; } .pcpFlip .btn-group .button.mr10 { margin-right: auto !important; } .pcpFlip { margin-top: 15px; margin-bottom: 15px; } .pcpTabs .tabbedinfo .tabs { display: block; } .pcpTabs .tabbedinfo h2.resp-accordion { display: none; } .derivativeNm { border-top: none; border-bottom: 2px solid #f0f0f1; margin-top: 0; padding-top: 10px; padding-bottom: 10px; margin-bottom: 20px; } .popHeadLft { width: 100%!important; float: none!important; } .popHeadRgt { width: 100%!important; float: none!important; padding: 20px!important; } .popup.ucKeepMe .container .wrap { /*vertical-align: top !important;*/ } .popup .popupContent .pad { padding-top: 45px!important; } .popup .popupContent .popHead + .pad { padding-top: 4%!important; } .mob50 { max-width: 50%!important; } .form-group .cstmCheck { margin-bottom: 0px; } .mobShow { display: block; } .mobHide { display: none; } .btnLinksBar .button .fa { margin-right: 0px; width: 20px; } .eqlheight { height: auto!important; } .rgtftr li { margin-bottom: 10px; } .rgtftr .grid span { width: 60px; } .ucStockModel .blrEnqBtn .dropdown-el { position: initial; } .comparisonBar .col-3-12 .equalElement { padding-top: 20px; min-height: 75px; } } @media screen and (min-width: 600px) and (max-width: 767px) { .popup .grid .form-group .grid .col-6-12 { max-width: 50%!important; } .popup .grid .dateTime [class*='col-'] { max-width: 50%!important; } .apptType, .apptSubType { min-width: 27%; } .dtlBottomBtns .dtlSpanBtns { margin: 5px 10px; min-width: calc(100% / 3 - 25px); } .dtlBottomBtns .dtlSpanBtns:last-child { margin-right: 0px; } .dtlBottomBtns .dtlSpanBtns:first-child { margin-left: 0px; } } @media screen and (max-width: 599px) { .mob50 { max-width: 100%!important; } .popup .grid .dateTime [class*='col-'] { /*max-width: 50%!important;*/ margin-bottom: 10px; } .popup .grid .dateTime .col-5-12 { max-width: 100%!important; } .clcAPR > [class*='col-']:first-child { width: 100%; } .popup .grid [class*='col-'] { max-width: 100%!important; width: 100%!important; } .popup .form-group .formlabelmain { margin-top: 0px; margin-bottom: 5px; } .inner-p01c { min-height: auto; margin-bottom: 30px !important; } .apptType, .apptSubType { min-width: 40%; } .eqHeight { min-height: auto!important; } .eqBtnHeight { min-height: auto!important; } .dtlSpanBtns { width: 100%; margin-left: auto; margin-right: auto; } .inner-p01b { min-height: auto; margin-bottom: 10px; } .popup .grid .form-group .grid .col-6-12 { margin-bottom: 10px; } .popup .grid .form-group .grid .col-6-12:last-child { margin-bottom: 0px; } .blrAccr .blrContentImg a { width: 100%; } .blrAccr .blrContentImg a img { width: 100%; } } /* -------------------------------- 360 image ------------------------------- */ .cd-product-viewer-wrapper { text-align: center; padding: 0px; padding-bottom: 30px; } .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: 0px; 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: -45px; 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 { background-color: #57a8d2 !important; position: absolute; z-index: 2; display: inline-block; height: 44px; width: 44px; left: 0; top: -20px; background: url(../images/cd-arrows.png) no-repeat center center; border-radius: 50%; box-shadow: 0 0 0 6px rgba(159, 211, 255, 0.3), 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; } .popup-wrap.carloading { text-align: center; padding-top: 40vh; } .ucHeader7 .hdrRgtLogo { margin-right: 10px; margin-left: 15px; } .ucHeader7 .recentCount .recentView { position: relative; padding-right: 40px!important; } .ucHeader7 .recentCount .recentView .viewCnt { position: absolute; width: 25px; height: 25px; border-radius: 100%; color: #FFF; background: #019a88; text-align: center; line-height: 25px; right: 10px; top: -15px; font-size: 12px; } .ucHeader7 .parkway { /*width: 100%;*/ } @-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); } } /*---------------------- responsive -----------------------------------------------------*/ @media screen and (min-width:2081px) { .offerDetail2 .mainpanel { width: 49.9%!important; max-width: 100%!important; } } @media screen and (min-width: 1920px) { .offerDetail2 div.panorama1 { height: 420px !important; } } @media screen and (min-width:1541px) and (max-width:2080px) { .offerDetail2 .mainpanel { width: 49.399%!important; max-width: 100%!important; } } @media screen and (min-width:1381px) and (max-width:1540px) { .offerDetail2 .mainpanel { width: 49.2%!important; max-width: 100%!important; } } @media screen and (min-width:1200px) { .offerDetail2 .mainpanel .mainprice { font-size: 20px!important; } } @media screen and (min-width:1024px) and (max-width:1099px) { .offerDetail2 div.panorama1 { height: 380px !important; } .offerDetail2 .rightTitle { width: 30% !important; } } @media screen and (min-width:981px) and (max-width:1023px) { .offerDetail2 .mainpanel { width: 48.9%!important; max-width: 100%!important; } } @media screen and (max-width:960px) { .offerDetail2 .ofr-dtl-Wrp .topper { margin-top: 15px!important; } } @media screen and (min-width: 961px) and (max-width:1099px) { .offerDetail2 .ofrDtlBtns a { width: 24%; float: left !important; } .offerDetail2 .ofrDtlBtns > a:nth-child(2n) { float: left !important; } .offerDetail2 .ofrDtlBtns .linkBtn.greenBg { width: 49%; } .offerDetail2 .ofrDtlBtns .linkBtn.blueBg { width: 49%; float: right !important; } } @media (min-width: 961px) { .offerDetail2 .blueBg.popupTrigger { margin-right: 20px; } } @media screen and (max-width:960px) { .offerDetail2 .linkBtn { width: 100%; margin-bottom: 6px; margin-right: 0px !important; } .offerDetail2 .blueBg { width: 100%; margin-bottom: 6px; } .offerDetail2 .buttonset, .offerDetail2 .ofrDtlBtns a { width: 49%; } .offerDetail2 .buttonset02 { width: 49%; margin-right: 7px; } .offerDetail2 .flr { float: right; } .offerDetail2 .topper { margin-top: 56px; } .offerDetail2 .mainprice { font-size: 22px !important; margin-bottom: 22px !important; } } @media screen and (min-width:901px) and (max-width:1199px) { .offerDetail2 .mainpanel .mainprice { font-size: 20px!important; margin-bottom: 5px !important; } .offerDetail2 .mainpanel .tntBdrClr { font-size: 17px!important; padding-bottom: 5px!important; margin-bottom: 5px !important; line-height: 1em; } } @media screen and (min-width: 768px) and (max-width:1023px) { .offerDetail2 .modelTitle .leftTitle { width: 100%; text-align: left !important; border: none; color: #000; } .offerDetail2 .modelTitle h1 { float: none; } .offerDetail2 .modelTitle h1 { margin: 0px 0px 10px !important; } .offerDetail2 .topRightBtn { float: none !important; width: 100%; text-align: left; } .offerDetail2 .topRightBtn a:first-child { padding-left: 0px; } .offerDetail2 .topRightBtn a { width: auto; } .offerDetail2 .breadCrumb.fromLeft { top: 48px !important; } .offerDetail2 .loc_san .listcont li { min-height: 135px; } .offerDetail2 .rightTitle { width: 100% !important; } .offerDetail2 .buttonset, .offerDetail2 .ofrDtlBtns a { width: 24%; float: left!important; } .offerDetail2 .ofrDtlBtns .linkBtn.greenBg { width: 49%; } .offerDetail2 .ofrDtlBtns a.button.blueBg { width: 49%; float: right !important; } .offerDetail2 .ofrDtlBtns > a:nth-child(2n) { float: left!important; } } @media screen and (min-width: 768px) and (max-width:850px) { .offerDetail2 .ofrDtlBtns a { font-size: 11px; letter-spacing: 0.3px !important; } } @media screen and (max-width:768px) { .offerDetail2 .mainpanel { width: 100%; height: auto; max-width: 100%; position: static; } .offerDetail2 .ofr-dtl-Wrp .panorama1 { height: auto !important; } } @media screen and (max-width:767px) { .offerDetail2 .ofr-dtl-Wrp .head-div { right: 0px!important; } .offerDetail2 .modelTitle .leftTitle { width: 100%; text-align: left !important; border: none; color: #000; } .offerDetail2 .modelTitle h1 { float: none; margin: 0px 0px 10px !important; } .offerDetail2 .topRightBtn { float: none !important; width: 100%; text-align: left; } .offerDetail2 .topRightBtn a:first-child { padding-left: 0px; } .offerDetail2 .topRightBtn a { width: auto; } .offerDetail2 .modelTitle { padding: 0px !important; border: none !important; } .offerDetail2 .modelTitle .mainprice { display: none; } .offerDetail2 .mainprice.offrhadMob { display: block; margin-top: 0px; font-size: 18px !important; margin-bottom: 10px !important; text-align: left; font-weight: 600; } .offerDetail2 .breadCrumb.fromLeft { margin-top: 20px; } .offerDetail2 .Mpanel-heading { border-top: 1px solid #ccc; padding-top: 10px; } .offerDetail2 .mainpanel { padding: 18px 0px 10px; } .offerDetail2 .ofrDtlBtns a { width: 100%; } .offerDetail2 .ofrDtlBtns .linkBtn.greenBg { margin: 20px auto !important; width: 100%; float: none!important; white-space: normal; } .offerDetail2 .ofrDtlBtns .linkBtn.blueBg { margin: 0 auto 20px!important; width: 100%; float: none!important; } .offerDetail2 .ofrDtlBtns .linkBtn { margin-right: 0px !important; border-bottom: 1px solid #ccc!important; padding-top: 15px; padding-bottom: 15px; } .offerDetail2 .ofrDtlBtns a span { border: none !important; } .offerDetail2 .ofrDtlBtns { border-top: none !important; padding-top: 0px !important; margin-top: 0px !important; text-align: center !important; } .slides .siteMasterDiv .ucHome.home_style7 .slide .background { background: #ffffff!important; background: rgb(212,235,245)!important; background: linear-gradient(0deg, rgba(212,235,245,1) 0%, rgba(255,255,255,1) 64%)!important; } .slides .siteMasterDiv .ucHome.home_style7 .h32 { font-size: 28px; } } @media screen and (min-width:700px) and (max-width:980px) { .offerDetail2 .ofr-dtl-Wrp .panorama1 { height: auto !important; } .offerDetail2 .mainpanel .tntBdrClr { font-size: 16px!important; } .offerDetail2 .mainpanel { width: 100%; height: auto; max-width: 100%; position: static; padding-bottom: 18px!important; } } @media screen and (min-width:640px) and (max-width:767px) { .offerDetail2 .loc_san .listcont li { max-width: 50% !important; } } @media screen and (max-width:479px) { .offerDetail2 .buttonset, .offerDetail2 .ofr-dtl-Wrp .ofrDtlBtns a { width: 100%; margin-right: 0px!important; } .offerDetail2 .modelTitle .leftTitle { width: 100%; text-align: left !important; border: none; color: #000; } .offerDetail2 .modelTitle h1 { float: none; } .offerDetail2 .topRightBtn { float: none !important; width: 100%; text-align: left; } .offerDetail2 .topRightBtn a { width: auto; } .offerDetail2 .topRightBtn a:first-child { padding-left: 0px; } .offerDetail2 .breadCrumb.fromLeft { margin-top: 20px; } .offerDetail2 .modelTitle { padding: 0px!important; border: none!important; } .offerDetail2 .modelTitle h1 { margin: 0px 0px 10px !important; } .offerDetail2 .Mpanel-heading h1.ofrlinesSmall:last-child { text-align: center !important; width: 95%; margin: 20px auto !important; } .offerDetail2 .app-btn.apmtBtn { width: 100%; text-align: center; } .offerDetail2 .mainpanel { padding: 18px 0px 10px; } .offerDetail2 .ofrDtlBtns .linkBtn.greenBg { margin: 20px auto !important; width: 100%; float: none!important; white-space: normal; } .offerDetail2 .ofrDtlBtns .linkBtn.blueBg { margin: 0 auto 20px!important; width: 100%; float: none!important; } .offerDetail2 .Mpanel-heading { border-top: 1px solid #ccc; padding-top: 10px; } .offerDetail2 .app-btn.apmtBtn .linkBtn.greenBg { padding-left: 40px!important; padding-right: 40px!important; } .offerDetail2 .rltdProdct .ofr-dtl-Wrp h1 { width: 97%!important; margin: auto!important; } .bookService .serviceTab, .bookService #dvDateTime .fix-8-12 { padding-bottom: 70px!important; position: relative; } .bookService .backBtn { position: absolute; bottom: 0px; left: 0px; right: 0px; margin: auto; } .bookService .backBtn:active { top: auto!important; } .bookServiceWrp .wizard-progress { margin-bottom: 90px; } } @media screen and (min-width:320px) and (max-width:980px) { .offerDetail2 .app-btn { position: unset!important; float: left!important; } .offerDetail2 .mainpanel .mainprice { font-size: 20px!important; } } @media screen and (min-width:320px) and (max-width:639px) { .offerDetail2 .loc_san .listcont { padding-top: 25px; } .offerDetail2 .loc_san .listcont li { min-height: auto !important; margin-bottom: 10px; } } @media screen and (width:320px) { .offerDetail2 .ofrDtlBtns > a { font-size: 11px!important; } } /*//////////////////////////////////// Forms ///////////////////////////////////*/ /*** * _____ * | __ \ * | |__) __ _ __ _ _ _ __ * | ___/ _ \| '_ \| | | | '_ \ * | | | (_) | |_) | |_| | |_) | * |_| \___/| .__/ \__,_| .__/ * | | | | * |_| |_| */ /* POPUP */ .popup { position: fixed; top: 0; right: 0; width: 100%; height: 100%; color: #fff; z-index: 9999; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s; overflow-y: auto; display: none; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } body .popup:not([class*="fade"]) { } .popupShown .popup.visible { display: block; -webkit-animation: popupFadeIn 0.75s; animation: popupFadeIn 0.75s; } .popup.hidePopup { opacity: 0; pointer-events: none; } .popup .content { overflow-y: auto; } .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_animated.bothPopupShown .popAnimated, .popup_animated-detail.bothPopupShown .popAnimated { display: none; } .popup .button { } .popup .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; } .popup .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%; } .popup .close.left { right: inherit; left: 0; } .popup .close:hover { opacity: 1; } .popup .close svg { overflow: hidden; 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; } .popup .close.closeButton { margin: 14px; display: inline-block; position: relative; font-size: 18px; line-height: normal; border-radius: 3px; padding: 5px 15px 8px; border: none; outline: none; overflow: hidden; white-space: nowrap; -webkit-appearance: none; -webkit-user-select: none!important; -moz-user-select: none!important; -ms-user-select: none!important; user-select: none!important; color: #fff; background: #303030; text-decoration: none; cursor: pointer; -webkit-backface-visibility: hidden; 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; border-radius: 50px; } .popup .close.closeButton svg { width: 20px; height: 20px; fill: #fff; margin-right: 4px; float: left; margin-top: 3px; } .popup .close.closeButton.white svg { fill: #303030; } .popup .close i { color: #666; font-size: 22px; } .popupShown .close { } .popupShown .close:hover { opacity: 0.7; } .popupContent .formheader { font-size: 20px; line-height: 1.2em; margin-bottom: 18px; color: #2e2e2e; } .popup.white .close svg { fill: #303030; } .popup .container { height: 100vh; } body .popup .container .wrap { padding: 10px !important; vertical-align: middle; width: 100%; } .popup.fullscreen .wrap { padding: 0; } .popup.fullscreen .embedVideo { height: 100vh; padding-bottom: 0; } html.popupShown .panel.top { /*z-index: 0;*/ } html.popupShown .side { z-index: 9; } .bgDark { position: fixed; top: 50%; left: 50%; z-index: 999; width: 0%; height: 0%; display: block; border-radius: 50%; transition: .5s; opacity: 0; } .bgDark.openBg { position: fixed; top: -25%; left: -25%; width: 150%; height: 150%; display: block; border-radius: 50%; transition: .5s; opacity: 0.8; background: #000; } @-webkit-keyframes popupFadeIn { from { opacity: 0; } } @keyframes popupFadeIn { from { opacity: 0; } } .popupShown, .popupShown body, .sidebarShown, .sidebarShown body { overflow-y: hidden!important; min-height: 1000px; } .popupContent { position: relative; } .popupContent .pad { overflow: inherit!important; padding: 5% !important; box-shadow: none !important; border-radius: 0px !important; } .popupContent .pad.thnkPopup { padding-top: 45px; } .popupContent .close.closebtton { opacity: 1; color: #303030!important; right: -8px!important; top: -8px!important; } .ultimateDiv { display: inline-block; width: 100%; } /*.ultimateDiv .brandimagelogo { display: inline-block; width: 50%; margin-bottom: 10px; vertical-align: middle; text-align: center; padding: 0px 2px; } .ultimateDiv .brandimagelogo img { max-height: 60px; }*/ .popupContent .pad.thnkPopup .ultimateDiv { margin-top: 42px; } .ui-widget { font-family: inherit!important; } .form-group { margin-bottom: 15px; } .popup .form-group:after { clear: both; display: block; content: ""; } @media screen and (max-width: 767px) { /*.ultimateDiv .brandimagelogo { display: inline-block; width: 50%; margin-bottom: 10px; vertical-align: middle; text-align: center; padding: 0px 2px; }*/ .panel.top { top: -1px; } .ultimateDiv .brandimagelogo img { max-height: 60px; } .popup .close { opacity: 0.8; } .popup .close svg { width: 30px; height: 30px; } .popup .close svg.clsBold { width: 20px; height: 20px; } .popup .container { height: 100%; } } .popAnimated { z-index: 9998; } .popAnimated h1 { font-weight: normal; color: #333; font-size: 17px; margin-bottom: 30px; padding-left: 14%; padding-right: 14%; line-height: 1.25; } .popAnimated .popupContent .pad { background: #fff; border-radius: 12px !important; padding: 42px 52px !important; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3) !important; -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3) !important; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3) !important; width: 580px !important; max-width: 100%!important; margin: auto; position: relative; border: none !important; } .popAnimated .popupContent .pad .cd-modal-action .button { font-weight: bold; font-size: 15px; width: 360px; max-width: 100%; padding-top: 15px; padding-bottom: 15px; margin-top: 0px; margin-bottom: 12px; text-transform: uppercase; } /*USED SEARCH*/ .can-toggle { position: relative; display: inline-block; width: 153px; margin-left: 22px; vertical-align: middle; top: -1px; } .can-toggle *, .can-toggle *:before, .can-toggle *:after { box-sizing: border-box; } .can-toggle input[type=checkbox] { opacity: 0; position: absolute; top: 0; left: 0; } .can-toggle input[type=checkbox][disabled] ~ label { pointer-events: none; } .can-toggle input[type=checkbox][disabled] ~ label .can-toggle__switch { opacity: 0.4; } .can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:before { content: attr(data-unchecked); left: 0; } .can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after { content: attr(data-checked); } .can-toggle label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; display: flex; align-items: center; } .can-toggle label .can-toggle__label-text { flex: 1; padding-left: 32px; } .can-toggle label .can-toggle__switch { position: relative; } .can-toggle label .can-toggle__switch:before { content: attr(data-checked); position: absolute; top: 0; text-transform: uppercase; text-align: center; } .can-toggle label .can-toggle__switch:after { content: attr(data-unchecked); position: absolute; z-index: 5; text-transform: uppercase; text-align: center; background: #213864; transform: translate3d(0, 0, 0); } .can-toggle input[type=checkbox][disabled] ~ label { color: rgba(119, 119, 119, 0.5); } .can-toggle input[type=checkbox]:focus ~ label .can-toggle__switch, .can-toggle input[type=checkbox]:hover ~ label .can-toggle__switch { background-color: #ffffff; } .can-toggle input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle input[type=checkbox]:hover ~ label .can-toggle__switch:after { color: #ffffff; } .can-toggle input[type=checkbox]:hover ~ label { color: #ffffff; } .can-toggle input[type=checkbox]:checked ~ label:hover { color: #ffffff; } .can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch { background-color: #ffffff; } .can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after { color: #ffffff; } .can-toggle input[type=checkbox]:checked:focus ~ label .can-toggle__switch, .can-toggle input[type=checkbox]:checked:hover ~ label .can-toggle__switch { background-color: #ffffff; } .can-toggle input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after { color: #ffffff; } .can-toggle label .can-toggle__label-text { flex: 1; } .can-toggle label .can-toggle__switch { transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1); background: #ffffff; } .can-toggle label .can-toggle__switch:before { color: rgba(33, 56, 100, 1); } .can-toggle label .can-toggle__switch:after { transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1); color: #ffffff; } .can-toggle input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle input[type=checkbox]:hover ~ label .can-toggle__switch:after { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); } .can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after { transform: translate3d(65px, 0, 0); } .can-toggle input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); } .can-toggle label { font-size: 14px; margin: auto; } .can-toggle label .can-toggle__switch { height: 36px; flex: 0 0 134px; border-radius: 99px; cursor: pointer; } .can-toggle label .can-toggle__switch:before { left: 67px; font-size: 12px; line-height: 36px; width: 67px; padding: 0 12px; } .can-toggle label .can-toggle__switch:after { top: 2px; left: 2px; border-radius: 99px; width: 65px; line-height: 32px; font-size: 12px; } .can-toggle label .can-toggle__switch:hover:after { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); } .can-toggle.can-toggle--size-small input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-small input[type=checkbox]:hover ~ label .can-toggle__switch:after { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); } .can-toggle.can-toggle--size-small input[type=checkbox]:checked ~ label .can-toggle__switch:after { transform: translate3d(44px, 0, 0); } .can-toggle.can-toggle--size-small input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-small input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); } .can-toggle.can-toggle--size-small label { font-size: 13px; } .can-toggle.can-toggle--size-small label .can-toggle__switch { height: 28px; flex: 0 0 90px; border-radius: 2px; } .can-toggle.can-toggle--size-small label .can-toggle__switch:before { left: 45px; font-size: 10px; line-height: 28px; width: 45px; padding: 0 12px; } .can-toggle.can-toggle--size-small label .can-toggle__switch:after { top: 1px; left: 1px; border-radius: 1px; width: 44px; line-height: 26px; font-size: 10px; } .can-toggle.can-toggle--size-small label .can-toggle__switch:hover:after { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); } .can-toggle.can-toggle--size-large input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-large input[type=checkbox]:hover ~ label .can-toggle__switch:after { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); } .can-toggle.can-toggle--size-large input[type=checkbox]:checked ~ label .can-toggle__switch:after { transform: translate3d(78px, 0, 0); } .can-toggle.can-toggle--size-large input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.can-toggle--size-large input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); } .can-toggle.can-toggle--size-large label { font-size: 14px; } .can-toggle.can-toggle--size-large label .can-toggle__switch { height: 50px; flex: 0 0 160px; border-radius: 4px; } .can-toggle.can-toggle--size-large label .can-toggle__switch:before { left: 80px; font-size: 14px; line-height: 50px; width: 80px; padding: 0 12px; } .can-toggle.can-toggle--size-large label .can-toggle__switch:after { top: 2px; left: 2px; border-radius: 2px; width: 78px; line-height: 46px; font-size: 14px; } .can-toggle.can-toggle--size-large label .can-toggle__switch:hover:after { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); } .can-toggle.demo-rebrand-1 input[type=checkbox][disabled] ~ label { color: rgba(181, 62, 116, 0.5); } .can-toggle.demo-rebrand-1 input[type=checkbox]:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-1 input[type=checkbox]:hover ~ label .can-toggle__switch { background-color: #b53e74; } .can-toggle.demo-rebrand-1 input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-1 input[type=checkbox]:hover ~ label .can-toggle__switch:after { color: #8f315c; } .can-toggle.demo-rebrand-1 input[type=checkbox]:hover ~ label { color: #a23768; } .can-toggle.demo-rebrand-1 input[type=checkbox]:checked ~ label:hover { color: #39916a; } .can-toggle.demo-rebrand-1 input[type=checkbox]:checked ~ label .can-toggle__switch { background-color: #44ae7f; } .can-toggle.demo-rebrand-1 input[type=checkbox]:checked ~ label .can-toggle__switch:after { color: #368a65; } .can-toggle.demo-rebrand-1 input[type=checkbox]:checked:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-1 input[type=checkbox]:checked:hover ~ label .can-toggle__switch { background-color: #3d9c72; } .can-toggle.demo-rebrand-1 input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-1 input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after { color: #2f7757; } .can-toggle.demo-rebrand-1 label .can-toggle__label-text { flex: 1; } .can-toggle.demo-rebrand-1 label .can-toggle__switch { transition: background-color 0.3s ease-in-out; background: #c14b81; } .can-toggle.demo-rebrand-1 label .can-toggle__switch:before { color: rgba(255, 255, 255, 0.6); } .can-toggle.demo-rebrand-1 label .can-toggle__switch:after { transition: transform 0.3s ease-in-out; color: #b53e74; } .can-toggle.demo-rebrand-2 input[type=checkbox][disabled] ~ label { color: rgba(68, 68, 68, 0.5); } .can-toggle.demo-rebrand-2 input[type=checkbox]:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-2 input[type=checkbox]:hover ~ label .can-toggle__switch { background-color: #444; } .can-toggle.demo-rebrand-2 input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type=checkbox]:hover ~ label .can-toggle__switch:after { color: #2b2b2b; } .can-toggle.demo-rebrand-2 input[type=checkbox]:hover ~ label { color: #373737; } .can-toggle.demo-rebrand-2 input[type=checkbox]:checked ~ label:hover { color: #62b125; } .can-toggle.demo-rebrand-2 input[type=checkbox]:checked ~ label .can-toggle__switch { background-color: #75d32d; } .can-toggle.demo-rebrand-2 input[type=checkbox]:checked ~ label .can-toggle__switch:after { color: #5da924; } .can-toggle.demo-rebrand-2 input[type=checkbox]:checked:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-2 input[type=checkbox]:checked:hover ~ label .can-toggle__switch { background-color: #69be28; } .can-toggle.demo-rebrand-2 input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after { color: #52941f; } .can-toggle.demo-rebrand-2 label .can-toggle__label-text { flex: 1; } .can-toggle.demo-rebrand-2 label .can-toggle__switch { transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1); background: #515151; } .can-toggle.demo-rebrand-2 label .can-toggle__switch:before { color: rgba(255, 255, 255, 0.7); } .can-toggle.demo-rebrand-2 label .can-toggle__switch:after { transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1); color: #444; } .can-toggle.demo-rebrand-2 input[type=checkbox]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type=checkbox]:hover ~ label .can-toggle__switch:after { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); } .can-toggle.demo-rebrand-2 input[type=checkbox]:checked ~ label .can-toggle__switch:after { transform: translate3d(58px, 0, 0); } .can-toggle.demo-rebrand-2 input[type=checkbox]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type=checkbox]:checked:hover ~ label .can-toggle__switch:after { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); } .can-toggle.demo-rebrand-2 label { font-size: 13px; } .can-toggle.demo-rebrand-2 label .can-toggle__switch { height: 60px; flex: 0 0 120px; border-radius: 60px; } .can-toggle.demo-rebrand-2 label .can-toggle__switch:before { left: 60px; font-size: 13px; line-height: 60px; width: 60px; padding: 0 12px; } .can-toggle.demo-rebrand-2 label .can-toggle__switch:after { top: 2px; left: 2px; border-radius: 30px; width: 58px; line-height: 56px; font-size: 13px; } .can-toggle.demo-rebrand-2 label .can-toggle__switch:hover:after { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); } .search-block.onlyAdSeach { /*position: relative; top: 96px; left: 0; right: 0; width: 100%; z-index: 99;*/ } .search-title { margin-bottom: 10px; } .usedSearch { background: #213864; box-shadow: 0px 0px 36px -15px #00000050; padding: 17px 15px; } .usedSearch .grid { margin: auto; } .usedSearch select { background-repeat: no-repeat; background-position: right 4.9% bottom 11px; background-image: url(../../content/Images/sel.png); background-size: 14px; text-transform: uppercase; cursor: pointer; height: 39px; width: calc(17% - 10px); position: relative; padding: 11px 15px 11px; font-size: 12px !important; border-radius: 5px; font-weight: 500 !important; color: #6b6b6b; font-family: 'OCE', Arial; margin: 0px 0px 0px; margin-right: 3px!important; border: solid 1px #ffffff !important; vertical-align: middle !important; } .usedSearch select:hover { border-color: #4ac67d !important; } .usedSearch input[type="text"].txtBx { width: 19.80%; } .usedSearch .saerchBTNB { height: 40px; margin: auto; text-transform: uppercase; width: calc(17% - 10px); background-color: #213864; color: #ffffff; font-weight: 500; text-align: left; font-size: 14px; border-radius: 5px !important; padding: 11px 22px !important; vertical-align: middle !important; } .usedSearch .saerchBTNB .inrTx { position: absolute; right: 16px; top: 12px; } .usedSearch .right_advnc a.lnkSearchBar { background-color: unset !important; padding: 0px!important; margin: 0px!important; text-transform: uppercase!important; font-size: 12px!important; margin-left: 5px !important; } .usedSearch .right_advnc a.lnkSearchBar:hover { box-shadow: none; color: #e3e3e3; } .usedSearch .lnkReset { font-size: 12px; padding: 1px 5px; margin-right: 5px; } .usedSearch .lnkReset .fa { font-size: 11px; } .usedSearch p { margin: 0px 0px 5px !important; } .usedSearch .advan_srch.stock_updt { color: #fff; text-transform: uppercase; font-size: 12px; } .usedSearch .advan_srch.stock_updt strong { font-size: 13px !important; padding-left: 3px; } .refineBtn { font-size: 14px; float: right; margin-top: 5px; } .search-title:after { display: block; clear: both; content: ""; } .search-title p { color: #fff; } .adv_srch.usedSearch { /*position: relative;*/ margin: auto !important; } .srchBtns.Advnc_Srch .vcles-match { position: absolute; top: 38px; left: -15px; margin: 0px !important; color: #868686; font-size: 16px; line-height: 1em; font-family: 'OCE Bold', Arial; } .srchBtns.Advnc_Srch { position: relative; } .filter_form.filterlexus::after { clear: both; display: block; content: ""; } .dropBTN { width: 40%; float: right; text-align: right; } .dropBTN .btnSearch { margin-top: 0px; padding: 7px 22px; top: 0px; text-align: left; right: 0px; left: 0px; } .dropBTN .btnSearch .fa { margin-right: 5px; } .dropBTN .fltrbtn { margin: 0px; } .clearfix { clear: both; } .pn { padding: 0px!important; } .srchBtns.Advnc_Srch .sidebarTrigger.lnkSearchBar.dvSearchLink { font-size: 11px !important; color: #ffffff; border-radius: 99px !important; padding: 13px 40px !important; box-shadow: -3px 0px 4px 2px #d2d2d2; background: #213864 !important; position: fixed; top: -72px; right: 38px; z-index: 999; text-transform: uppercase !important; letter-spacing: 0 !important; font-family: 'OCE Bold', Arial; } .searchsub { border-radius: 0px; border: none; background: #4ac67d; color: #fff!important; padding: 12px 20px; font-size: 14px; max-width: 100%; display: block; width: 100%; border-radius: 4px; text-transform: uppercase; text-align: center; margin-top: 14px; font-family: 'OCE Bold', Arial; line-height: 2.21; } .srchSwitch { position: relative; display: inline-block; width: 100%; padding: 3px; font-size: 14px; border-radius: 3px; background: #f6f6f6!important; color: #adadad; margin-bottom: 12px; margin-top: 3px; border: none!important; } .srchSwitch .swWrp { position: relative; display: inline-block; height: 36px; width: 50%; float: left; } .srchSwitch .swWrp span { display: inline-block; width: 100%; } .srchSwitch .swWrp input { position: absolute; width: 100%; height: 100%; overflow: hidden; padding: 0; border: 0; outline: none; margin: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; opacity: 0; } .srchSwitch .swWrp label { position: relative; z-index: 2; border-radius: 3px; line-height: 36px; text-align: center; cursor: pointer; margin: 0; display: inline-block; width: 100%; height: 36px; -webkit-transition: .4s; transition: .4s; overflow: hidden; font-size: 14px; font-family: 'OCE Bold', Arial; border: none !important; } .srchSwitch .swWrp input:checked ~ label { color: #ffffff; background-color: #213864!important; } .filter_form select { border: 1px solid #d3d3d4 !important; background: #fff; padding: 9px 26px 10px 20px; font-size: 12.9px; color: #404040; outline: none; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; max-width: 100%; margin-top: 3px; margin-right: 0; margin-bottom: 7px; border-radius: 5px; background-repeat: no-repeat; background-position: center right 15px; background-image: url(../images/arrow-down-small2.png); background-size: 11px; box-shadow: none!important; } .filter_form ul.grid { margin-bottom: 18px; } .advSrch_open .advancesearch img { vertical-align: middle; } .advSrch_open .advancesearch span { display: inline-block; vertical-align: middle; } .Advnc_Srch a i { margin-left: 2px; font-size: 9px !important; } .noItmError .sidebarTrigger { color: #293f8b; } .noItmError .wrap { min-height: 100vh; vertical-align: middle; height: 100vh; } .compareSlide .details-77 .cell .description-77-e { min-height: 18px; } @media screen and (max-width: 1199px) { .can-toggle { margin: auto; width: 140px; } } @media screen and (min-width: 1024px) and (max-width: 1199px) { .ofrList [class*="col-"].usedcars_lst { width: 33.33%; max-width: 33.33%; } } @media screen and (max-width: 1023px) { } @media screen and (min-width: 768px) and (max-width: 1023px) { .usedSearch .saerchBTNB .inrTx { top: 13px; right: 10px; } .ofrList [class*="col-"].usedcars_lst { width: 50%; max-width: 50%; } body .ofrList .usedcars_blk .thumbs_img { max-height: 240px!important; height: 240px!important; } .ofrList .usedcars_blk .title-77 { height: auto!important; } .ucHeader7 .panel .sections .right { /*padding-right: 0px!important; width: 100%!important; display: block!important;*/ width: auto; padding-top: 8px; padding-right: 38px; display: flex; align-items: center; } .ucHeader7 .panel .sections .menu li a { font-size: 14px!important; padding: 0px 0px 0px 10px!important; } .ucHeader7 .panel .sections .rightInner { position: absolute; right: 10px; top: 25px; max-width: 215px!important; } .ucHeader7 .panel .sections .right > .menu { width: 100%; justify-content: space-around; } .ucHeader7 .panel.top.customPanel li a.activeLnk { padding-bottom: 14px!important; } .ucHeader7 .recentCount .recentView .viewCnt { right: -30px!important; top: -6px!important; } } @media screen and (max-width: 767px) { .ofrList .usedcars_blk .title-77 { height: auto!important; } .can-toggle { width: 100%; margin-bottom: 10px; } .can-toggle label .can-toggle__switch { flex: 0 0 calc(100% - 8px); } .can-toggle label .can-toggle__switch:after { width: 50%; } .can-toggle label .can-toggle__switch:before { width: 50%; left: 50%; } .can-toggle input[type=checkbox]:checked ~ label .can-toggle__switch:after { transform: translate3d(calc(100% - 4px), 0, 0); } .usedSearch select, .usedSearch .saerchBTNB { width: calc(50% - 7px); margin-bottom: 10px; } } @media screen and (min-width:600px) and (max-width:767px) { .ofrList [class*="col-"].usedcars_lst { width: 50%; max-width: 50%; } .usedSearch { padding-bottom: 7px; padding-left: 20px; } } @media screen and (max-width: 599px) { .search-block.onlyAdSeach { /*position: initial !important; margin-top: 98px;*/ } .adv_srch.usedSearch select, .adv_srch.usedSearch .saerchBTNB { max-width: 100% !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: 10px; } .ofrList [class*="col-"].usedcars_lst { max-width: 100%; width: 100%; } .ofrList .usedcars_blk { min-height: auto !important; } body .ofrList .usedcars_blk .thumbs_img { max-height: unset !important; height: unset !important; } .grid [class*='col-'] { width: 100%; max-width: 100%; } .mobHide { display: none !important; } .popAnimated .popupContent .pad { padding-left: 20px !important; padding-right: 20px !important; } .can-toggle label .can-toggle__switch { flex: 0 0 100%; } } /*USED SEARCH*/ /*.sidebarShown .slides { background: #111; } .sidebarShown .panel.top, .sidebarShown .search-block.onlyAdSeach, .sidebarShown .sidebarTrigger.refineBtn { opacity: 0.5; transition: opacity 100ms; cursor: default; } .sidebarShown .usedSearch select, .sidebarShown .usedSearch .saerchBTNB { cursor: default; }*/ .sidebarShown .panel.ucheader6, .sidebarShown .panel.ucheader6 .sections { opacity: 1; transition: initial; } .sidebarShown .panel.ucheader6 .sections * { } .sidebarShown .panel.ucheader6 .sections .menu li:after { } .newftr4 { background: #e2e2e2; padding-top: 40px; padding-bottom: 40px; } .newftr4 .ftrwrap img { max-width: 200px; } .newftr4 .baseFtrLnks { border-top: 1px solid rgba(255, 255, 255, 0.26); margin-top: 30px; padding-top: 30px; } .newftr4 h3 { font-size: 17px; } .newftr4 p { font-size: 13px; opacity: 1.0; line-height: 1.8; margin: auto; } .datepicker-dropdown { margin-top: -300px; z-index: 9999 !important; } .datepicker-dropdown.datepicker-top-left, .datepicker-dropdown.datepicker-top-right { border-top-color: #ccc!important; border-bottom-color: #39f !important; } .datepicker-dropdown.datepicker-container::after { top: 239px; } .datepicker-dropdown.datepicker-container::before, .datepicker-dropdown.datepicker-container::after { transform: rotate(180deg); } .datepicker-dropdown.datepicker-container::before { top: initial; bottom: -5px; } /* Landing.aspx */ .landingPage { width: 900px; max-width: 100%; margin: auto; padding-left: 15px; padding-right: 15px; } .contBox { padding: 35px 25px; background-color: #e7e7e7; margin-top: 25px; } .footerBox { margin-bottom: 35px; } .miniftr { border-top: 2px solid #999; padding-top: 10px; font-size: 16px; color: #000; } .header { margin-top: 20px; margin-bottom: 20px; } .header > div { display: inline-block; } .header > div span { display: inline-block; max-width: 150px; vertical-align: middle; } .header:after { clear: both; display: block; content: ""; } .leftBrand { float: left; } .rightBrand { float: right; } .bannerBox { text-align: center; } .header img { max-width: 100%; max-height: 65px; } .bannerBox img { max-width: 100%; } .custmrName { font-size: 25px; margin-top: 0; color: #000; font-family: 'OCE Bold', Arial; } .textBox p { color: #000; line-height: normal; } .popupInline .popup { position: inherit; z-index: inherit; overflow: visible; } .popupInline .popup .popHead { display: none; } .popupInline .popup .close { display: none; } .popupInline .popup .content { overflow: visible; position: inherit; } .popupInline .popup .pad { border: none !important; background: transparent; padding: 0px !important; } .popupInline .popup .content .container { height: auto; display: block; table-layout: inherit; } .popupInline .popup .container .popupContent { max-width: 100% !important; } .popupInline .popup .container .wrap { padding: 0px !important; display: block; overflow: visible; } .popupInline .popup .formlabelmain { margin-top: auto; margin-bottom: 5px; font-family: 'OCE Bold', Arial; font-size: 16px; color: #000; } .popupInline .popup .grid > .form-group [class*='col-'] { max-width: 100%; } .popupInline .popup .grid > .form-group { display: inline-block; width: 50%; float: left; margin-bottom: 10px; } .popupInline .popup .grid > .form-group [class*='col-'] .grid [class*='col-'] { max-width: 50%; } /*.popupInline .sidebar.active {position: inherit; z-index: inherit; overflow: visible; transition:none!important; transform:none!important;}*/ .popupInline .sidebar.active { position: inherit; z-index: inherit; overflow: visible; transition: none!important; transform: none!important; width: 100%; max-width: 100%; } .popupInline .sidebar.active .popHead { display: none; } .popupInline .sidebar.active .close { display: none; } .popupInline .sidebar.active .content { overflow: visible; position: inherit; } .popupInline .sidebar.active .pad { border: none !important; background: transparent; } .popupInline .sidebar.active .content .container { height: auto; display: block; table-layout: inherit; } .popupInline .sidebar.active .container .popupContent { max-width: 100% !important; } .popupInline .sidebar.active .container .wrap { padding: 0px !important; display: block; overflow: visible; } .popupInline .sidebar.active .formlabelmain { margin-top: auto; margin-bottom: 5px; font-family: 'OCE Bold', Arial; font-size: 16px; color: #000; } .popupInline .sidebar.active .grid > .form-group [class*='col-'] { max-width: 100%; } .popupInline .sidebar.active .grid > .form-group { display: inline-block; width: 50%; float: left; margin-bottom: 10px; padding: 10px; } .popupInline .sidebar.active .grid > .form-group [class*='col-'] .grid [class*='col-'] { max-width: 50%; } .popupInline .sidebar.active .button.inArrow { margin-top: 10px!important; } .popupInline .sidebar.active .content { padding-right: 28px!important; } .popupInline .sidebar.active h3 { display: none; } .popupInline .sidebar.active .covidBox .cstmCheck li { min-width: 210px; } .comparelist .box-77 .title-77 { text-transform: none; margin-top: 0px; } @media screen and (max-width:767px) { .popupInline .popup .grid > .form-group { width: 100%; } .activeHeader12 .main-block .container .wrap { padding-top: 125px; } .activeHeader12 .detailSlide .container1 .wrap { padding-top: 125px; } .compare-header { position: fixed; background: #fff; z-index: 999; top: 0; width: calc(100% - 40px); left: 20px; } .compare-header p { display: flex; padding-right: 18px; margin-top: 20px !important; margin-bottom: 10px; } .compare-header p img { height: 100%; } .compare-header p span { width: 80%; } .comparisonBar .compa { margin-top: 5px; } .comparisonBar .compare-header .close { right: -13px!important; } } /* Category.aspx */ .categoryPage .container .wrap { vertical-align: middle; } .categoryPage .catTitle { font-size: 24px; margin-top: 20px; color: #4e4e4e; margin-bottom: 15px; } .categoryPage .catTitle h1 { font-size: 24px; margin-bottom: 6px; } .categoryPage .catTitle p { text-transform: none; font-size: 20px; letter-spacing: -0.5px; font-weight: 600; color: #9a9a9a; margin-bottom: 0px; } .categoryPage .logoset { padding: 10px; text-align: center; } .categoryPage .logoset > a { display: block; } .logoset:hover img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .categoryPage .catLogoTitle { margin-top: 15px; } .categoryPage .catLogoTitle a { color: #4e4e4e; font-size: 16px; } @media screen and (max-width:920px) { .footerDiv { padding-left: 15px; padding-right: 15px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .categoryPage .container .wrap { display: table-cell; } .categoryPage .grid:not(.later) > [class*="col-"] { max-width: 50%!important; width: 50%!important; } } @media screen and (max-width: 767px) { .activeHeader12 .categoryPage { padding-top: 0px; } .categoryPage .catTitle h1 { font-size: 18px; } .categoryPage .catTitle p { font-size: 15px; } .sidebar .content { padding-left: 20px!important; padding-right: 20px!important; } } @media screen and (min-width:600px) and (max-width:767px) { .categoryPage .grid:not(.later) > [class*="col-"] { max-width: 50%!important; width: 50%!important; } .categoryPage .logoset > a { } .categoryPage .catLogoTitle a { display: inline-block; } .categoryPage .logoset { padding: 15px!important; } .comparelist .box-77 .title-77 { min-height: 45px; } } @media screen and (max-width:599px) { .categoryPage .logoset > a { } } .no-animate { -webkit-animation: initial !important; animation: initial !important; } .afterSaleLayout .breadCrumb .breadcrumb li a { text-transform: initial; font-size: 13px; } .afterSaleLayout .breadCrumb .breadcrumb li a.active { pointer-events: none; } .afterSaleLayout .breadCrumb .breadcrumb li a:after { content: "\f105"; } .afterSaleLayout .sidebar.afterSalesDealer .content { padding: 50px !important; } .afterSaleLayout .sidebar.afterSalesDealer a { color: inherit; } .afterSaleLayout .sidebar.afterSalesDealer h2 { font-size: 19px; font-weight: 900; font-family: 'OCE Bold', Arial; margin-bottom: 50px; } .afterSaleLayout .sidebar.afterSalesDealer .findSpecialist label { margin-top: 0px; font-size: 15px; font-family: 'OCE Bold', Arial; } .afterSaleLayout .sidebar.afterSalesDealer .button.inArrow { padding: 15px; } .afterSaleLayout .sidebar.afterSalesDealer label.formlabelmain .mandatory { display: inline-flex; font-size: 13px; vertical-align: top; } .afterSaleLayout .sidebar.afterSalesDealer .dlrAddress { margin: 25px 0; } .afterSaleLayout .sidebar.afterSalesDealer .dlrAddress li { margin-bottom: 5px; } .afterSaleLayout .sidebar.afterSalesDealer .dlrAddress li a { border: none; text-transform: capitalize; font-weight: normal; padding: 0px; line-height: normal; font-size: 17px; letter-spacing: normal; margin: auto; font-family: 'OCE SemiBold'!important; } .afterSaleLayout .sidebar.afterSalesDealer .dlrAddress li:first-child a { font-size: 24px; } .afterSaleLayout .sidebar.afterSalesDealer .dlrAddress li:last-child a { font-size: 28px; margin-top: 5px; text-transform: initial; } .afterSaleLayout .sidebar.afterSalesDealer .button { border-radius: 5px; min-width: auto; font-size: 16px; font-family: 'OCE Bold', Arial; padding: 14px 35px; display: inline-block; -webkit-box-shadow: -2px 2px 3px 2px rgb(0 0 0 / 10%); -moz-box-shadow: -2px 2px 3px 2px rgb(0 0 0 / 10%); box-shadow: -2px 2px 3px 2px rgb(0 0 0 / 10%); margin-right: 12px; } .afterSaleLayout .sidebar.afterSalesDealer { width: 500px; } .afterSaleLayout .sidebar.afterSalesDealer .button:last-child { margin-right: 0; } .afterSaleLayout .sidebar.popSidebar .button.inArrow { border-radius: 5px; -webkit-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.18); border: none; } .afterSaleLayout .sidebar.popSidebar label.formlabelmain { opacity: 1; } .afterSaleLayout .sidebar.popSidebar input[type="text"], .afterSaleLayout .sidebar.popSidebar select, .afterSaleLayout .sidebar.popSidebar input[type="name"], .afterSaleLayout .sidebar.popSidebar input[type="email"], .afterSaleLayout .sidebar.popSidebar input[type="password"], .afterSaleLayout .sidebar.popSidebar input[type="tel"], .afterSaleLayout .sidebar.popSidebar textarea { background-color: #fff; border: 2px solid #7a95b2 !important; color: #000; border-radius: 5px; } .afterSaleLayout .panel.top.ucheader22 { z-index: 99; } .afterSaleLayout #pnlHeader { position: relative; z-index: 99; } .afterSaleLayout .breadCrumb i.fa.fa-home:before { content: "Home"; font-family: 'OCE Bold', Arial; padding-right: 5px; } .afterSaleLayout.popupShown body .bgDark, .afterSaleLayout.sidebarShown body .bgDark { z-index: 99; position: fixed; top: -25%; left: -25%; width: 150%; height: 150%; display: block; border-radius: 50%; transition: .5s; opacity: 0.8; background: #000; } .bookService .form input[type="text"], .bookService select { position: relative; padding: 13px 16px 16px!important; border: none!important; font-size: 18px!important; outline: none!important; border-radius: 3px; font-weight: 500; height: auto!important; color: #293f8b; font-family: 'OCE', Arial; margin-top: 8px!important; margin-bottom: 8px; } .bookService ::-webkit-input-placeholder { /*WebKit browsers*/ color: #ccc!important; } .bookService :-moz-placeholder { /*moz-4-to-18*/ color: #ccc!important; } .bookService ::-moz-placeholder { /*moz-19+*/ color: #ccc!important; } .bookService :-ms-input-placeholder { /*IE-10+*/ color: #ccc!important; } .bkcalender .prev-next { text-align: center!important; } .bkcalender .prev-next a { color: #FFF!important; } .bkcalender { display: block; width: 100%; box-shadow: none!important; max-width: 500px; margin: 20px auto; } .bkcalender > table { width: 100%; border-color: #CCC!important; } .bkcalender .daycss { border-color: #ccc; font-size: 16px!important; } .bkcalender .service_click tbody tr:first-child td { background-color: #48b0f7!important; color: #FFF!important; } .bkcalender th { border-color: #CCC!important; color: #48b0f7!important; font-size: 14px!important; } .bkcalender a { text-decoration: none; } .bkcalender .heading { display: block; line-height: 32px; font-weight: bold; color: #fff; text-align: center; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.04); box-shadow: inset 0 1px rgba(255, 255, 255, 0.04); } .bkcalender .heading tbody, .bkcalender .heading tr { display: block; width: 100%; } .bkcalender .heading td { display: block; float: left; font-size: 18px; color: #fff; border: none!important; } .bkcalender th, .bkcalender .daycss { width: 30px; line-height: 40px; text-align: center; } .bkcalender th:first-child, .bkcalender td:first-child { border-left: 0; } .bkcalender th { line-height: 40px; font-size: 8px; text-transform: uppercase; border-left: 1px solid; } .bkcalender .daycss { font-size: 11px; font-weight: bold; border-top: 1px solid #ccc; border-left: 1px solid #ccc; } .bkcalender .daycss a { clear: both; display: block; position: relative; width: 100%; line-height: 40px; background-image: -webkit-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9); background-image: -moz-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9); background-image: -o-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9); background-image: linear-gradient(to bottom, #eaeaea, #e5e5e5 60%, #d9d9d9); -webkit-box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5); box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5); } .bkcalender .daycss.active:first-child a, .bkcalender .daycss:first-child a:active { border-left: 0; margin-left: 0; } .bkcalender .daycss.active:last-child a, .bkcalender .daycss:last-child a:active { border-right: 0; margin-right: 0; } .bkcalender tr:last-child .daycss.active a, .bkcalender tr:last-child .daycss a:active { border-bottom: 0; margin-bottom: 0; } .bkcalender .todaycss a { background-image: none; } .bkcalender .seldaycss a { background-image: none; background-color: #48b0f7; font-weight: normal; } .button.backBtn { color: #000000!important; font-size: 20px; margin-top: 34px; margin-bottom: 4px; background: #dddddd!important; border-radius: 99px; width: 98%; max-width: 140px; } .button.backBtn svg { fill: #000!important; } .summryDetails { text-align: left; } .summryDetails h4 { font-size: 18px; display: block; padding-bottom: 15px; border-bottom: 1px dashed #ccc; } .summryDetails h4 span { font-size: 16px; font-weight: normal; font-family: 'OCE', Arial; } .summryDetails ul { margin-bottom: 25px; } .summryDetails ul li { margin-bottom: 10px; } .summryDetails .pad { border-radius: 10px; } .bookSrvcePop > .content { background-color: rgba(0,0,0,0.61); z-index: 999; height: 100vh; overflow: auto; position: fixed; } .bookSrvcePop > .content .wrap { padding-top: 120px; } .bookSrvcePop > .content .wrap .close { width: 30px; height: 30px; position: absolute; right: 20px; top: 20px; } .bookSrvcePop > .content .wrap .close svg { width: 30px; height: 30px; fill: #ccc; } html.showThnkPop { overflow: hidden; } .ucHeader7 .panel.top li a.activeLnk { border-bottom: solid 3px #03a9f4!important; letter-spacing: 0.1009px!important; padding-bottom: 35px!important; } .hdrRgtLogo .table { display: flex!important; align-items: center; } .hdrRgtLogo .table span { margin-right: 10px; } .hdrRgtLogo .table a { margin-right: 10px; } .ucHeader7 .panel .sections .rightInner img { max-width: 100%!important; max-height: 40px!important; width: auto!important; height: auto!important; } .comparelist.OfferListWrp h1 { margin-bottom: 10px; font-size: 24px; color: #000; font-family: 'OCE Bold', Arial; font-weight: normal; } .comparelist.OfferListWrp .box-77 { background-color: #FFF!important; transition: 0.35s; } .sidebar .btnDiv .button { font-size: 14px; padding: 15px; letter-spacing: 0.1em; font-family: 'OCE SemiBold'; } @media screen and (max-width:599px) { .afterSaleLayout .sidebar.afterSalesDealer .content { padding: 20px !important; } .afterSaleLayout .sidebar.afterSalesDealer .button { padding: 14px 20px; } } /*ucHeader7 css*/ .bottomFtr { display: flex; align-items: flex-end; padding-bottom: 20px; } @media screen and (max-width: 1023px) { .bottomFtr { display: block!important; } .footerDiv .grid:not(.later) > [class*='col-'].col-tablet-1-4 { width: 50% !important; max-width: 50% !important; } .footerDiv .grid:not(.later) > [class*='col-'].col-tablet-2-4 { width: 100% !important; max-width: 100% !important; } } @media screen and (max-width: 767px) { .bottomFtr { display: block!important; } .footerDiv .grid:not(.later) > [class*='col-'].col-tablet-1-4 { width: 100% !important; max-width: 100% !important; } .footerDiv .grid:not(.later) > [class*='col-'].col-tablet-2-4 { width: 100% !important; max-width: 100% !important; } } .makeLvSt a:hover .thumbnail-77 { transform: scale(1)!important; } .make_style6 ul.grid { display: flex!important; align-items: center; flex-wrap: wrap; } .make_style6 .makeLvSt { height: 100%; display: flex !important; position: relative; } .make_style6 .makeLvSt a { background: none !important; display: flex; height: 100%; align-items: center; overflow: hidden; width: 100%; margin-bottom: 15px; } .make_style6 .makeLvSt .d-inline-block { width: 100%; height: 100%; position: relative; } .make_style6 .makeLvSt a .thumbnail-77 { overflow: hidden; padding: 0px; border-radius: 25px; margin-bottom: 0px; } .make_style6 .makeLvSt a .thumbnail-77 img { transform: scale(1); transition: .3s; width: 100%; height: auto; border-radius: 25px; } .make_style6 .makeLvSt a:hover .thumbnail-77 img { transform: scale(1); transition: .3s; width: 100%; height: auto; border-radius: 25px; } .make_style6 .makeLvSt .makeTitle { position: absolute; z-index: 1; bottom: 25px; right: 25px; font-weight: normal; display: inline-block; padding: 10px 25px; background-color: #293f8b; border-radius: 10px; color: #FFF; margin-bottom: 0; } .make_style6 .makeLvSt .makeLogo { display: block; position: absolute; z-index: 1; left: 15px; top: 15px; width: 50px; height: 50px; } .make_style6 .fix-12-12 { width: 100% !important; } .make_style6 .grid [class*="col-"] { padding-left: 15px; padding-right: 15px; } @media screen and (max-width: 767px) { .make_style6 > .fix-12-12 { max-width: 100%!important; } .make_style6 .makeLvSt a .thumbnail-77 { padding: 5px; } .make_style6 .makeLvSt { padding-left: 5px!important; padding-right: 5px!important; } } @media screen and (max-width: 599px) { .manuf.make_style6 li.makeLvSt { max-width: 100%!important; width: 100%!important; margin-bottom: 20px; } .manuf.make_style6 .thumbnail-77 { height: auto!important; } .make_style6 ul.grid { display: block!important; } .manuf.make_style6 { margin-bottom: 0px; } }