/* Fonts ----------------------------------*/ @import url(font-awesome.css); @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,800'); /* jQuery UI helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-tooltip { padding: 8px; position: absolute; background:#fff; z-index: 9999; max-width: 600px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } * html .ui-tooltip { background-image: none; } body .ui-tooltip { border-width: 2px; } * { margin:0px; padding:0px; outline: none !important; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} /* html { overflow-x:hidden; overflow-y:scroll; } */ html.overflow-hidden { overflow:hidden; } body{font-size:14px;color:#252B33;font-family:"Open Sans", sans-serif; background:#fff; line-height:1.2; position: relative;} body.nsc, .noselect_ { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } button, a, a:link, a:visited { cursor:pointer; outline:none; text-decoration:none; } button::-moz-focus-inner { border: 0; } textarea::-webkit-input-placeholder,input::-webkit-input-placeholder { color:#777; font-style:italic;} textarea::-moz-placeholder,input::-moz-placeholder { color:#777; font-style:italic;} textarea:-ms-input-placeholder,input-ms-input-placeholder { color:#777; font-style:italic;} input[type="text"].placeholder, input[type="password"].placeholder, textarea.placeholder { color:#777 !important; font-style:italic !important;} select option { padding:4px 7px; } .clear {content: "\0020"; clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;margin:0px !important;} .clearfix:before,.clearfix:after,.the:before,.the:after { content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; } body a { color:#B94700; } body a:hover, body a:focus { color:#B94700EE; } h1,h2,h3,h4,h5,h6,b,strong, .h1,.h2,.h3,.h4,.h5,.h6 { font-weight:600; font-family: inherit; line-height: 1.3; color: inherit; } h1,.h1 { font-size: 30px; } h2,.h2 { font-size: 24px; } h3,.h3 { font-size: 18px; } h4,.h4 { font-size: 14px; } h5,.h5 { font-size: 12px; } h6,.h6 { font-size: 10px; } .disabled { opacity:.4 !important; cursor:default !important;} .ac { text-align:center !important; } .al { text-align:left !important; } .ar { text-align:right !important; } .aj { text-align:justify !important; } .acm, .acx, .acxl { width: 80%; min-width: 300px; margin: 20px auto; overflow:hidden; } .acx { width: 90%; } .acxl { width: 95%; } .uppercase { text-transform: uppercase; } .normal { font-weight:300 !important; } .bold { font-weight:600 !important; } .bolder { font-weight:700 !important; } .italic { font-style:italic; } .uline, a.uline { text-decoration:underline; } .uline:hover, a.uline:hover { text-decoration:none; } .unone { text-decoration:none; } .uhover { text-decoration:none; } .uhover:hover { text-decoration:underline; } img { border: 0px none; max-width:100%; height: auto; } .pad10 { padding:10px; }.pad20 { padding:20px;} .sp5 { display:block; height:5px; }.sp10 { display:block; height:10px; }.sp20 { display:block; height:20px; }.sp40 { display:block; height:40px; }.sp60 { display:block; height:60px; }.sp100 { display:block; height:100px; }.sp150 { display:block; height:150px; }.sp200 { display:block; height:200px; } svg.svg, .svg { display:inline-block; vertical-align:middle; width:16px; height:16px; fill:var(--uv-black); } img.svg { display:inline-block; vertical-align:middle; width:16px; height:16px; } img.svg.svg-top { vertical-align:top; } .svg.svg-sm { width:13px; height:13px; } .svg.svg-md { width:32px; height:32px; } .svg.svg-lg { width:64px; height:64px; } .svg-ld { background:url(/css/svg/circle-notch.svg) 50% 50% no-repeat !important; } .svg-spin { -webkit-animation: svg-spin 2s infinite linear; animation: svg-spin 2s infinite linear; } .svg.svg-inv { filter: invert(1); } .svg.fill-gray-4 { fill:var(--uv-gray-4); } .svg.fill-gray-7 { fill:var(--uv-gray-7); } .svg.fill-gray-9 { fill:var(--uv-gray-9); } .svg.fill-blue-f { fill:var(--uv-blue-f); } .svg.fill-blue-sp-1 { fill:var(--uv-blue-sp-1); } .svg.fill-blue-sp-2 { fill:var(--uv-blue-sp-2); } .svg.fill-white { fill:var(--uv-white); } .svg.fill-red-f { fill:var(--uv-red-f); } .svg.fill-orange { fill:var(--uv-orange); } .svg.fill-green-sp-1 { fill:var(--uv-green-sp-1); } svg.svg-shd-1 { filter: drop-shadow(1px 1px 0px #000); } @-webkit-keyframes svg-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @keyframes svg-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .cwhite { color:#fff !important; } .cblack { color:#000 !important; } .cdark1 { color:#111 !important; } .cred { color:#ff0000 !important; } .cblue { color:#0000ff !important; } .cblue1 { color:#000080 !important; } .cgreen { color:#009900 !important; } .cyelow { color:#ffff00 !important; } /* field prompts */ .field_prompt { position:absolute; margin:0; background:#333; background:rgba(10,10,10,.9);color:#fff; font-size:13px; font-weight:normal; padding:7px 10px; float:left; display:block; z-index:9000; min-width:150px;cursor:default;border-radius:2px;box-shadow: 0 0 1px #333;} .static_prompt { background:#f7f7f7; color:#333; } .field_prompt.note { background:rgba(255,255,255,.9); color:#333; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6); } .field_prompt em { position: absolute;width:0;height:0;border-color: transparent;border-style: solid;} .field_prompt em.tl, .field_prompt em.tc, .field_prompt em.tr { bottom: -5px; border-top-color: #000000;border-width: 5px 5px 0;margin-left: -5px; } .field_prompt em.bl, .field_prompt em.bc, .field_prompt em.br { top: -5px; border-bottom-color: #000000;border-width: 0 5px 5px; margin-left:-5px; } .field_prompt em.tl, .field_prompt em.bl { left: 20%; } .field_prompt em.tc, .field_prompt em.bc { left: 50%; } .field_prompt em.tr, .field_prompt em.br { left: 80%;} .ce-msg-box { color:#333; font-size:15px; text-shadow:#fff; border:1px solid #acacac; border:1px solid rgba(0,0,0,.233); padding:15px 30px 20px; width:auto; min-width:250px; margin:0; border-radius: 2px; box-shadow: 0 4px 16px rgba(0,0,0,.2); background:#f7f7f7; background:rgba(250,250,250,.9); } .ce-msg-box h5 { font-weight:bold; display:block; font-size:15px;padding:0 0 10px 0; margin:0; } .ce-msg-box p { margin:0; padding:0; } .ce-msg-box.error { color:#f33; border:1px solid #f66; border-top:1px solid #ddd;} .ce-msg-box.error h5 { color:#f33; } .ce-msg-box ul { margin:5px 0 5px 20px; } .ce-msg-box .btn-close { position:absolute; top:2px;right:2px; } #msg { color:#333; font-size:15px; text-shadow:#fff; border:1px solid #acacac; border:1px solid rgba(0,0,0,.333); padding:30px; width:25%; min-width:300px; margin:0; border-radius: 2px; box-shadow: 0 4px 16px rgba(0,0,0,.2); background:#f7f7f7; background:rgba(255,255,255,.9); } #msg h5 { font-weight:600; display:block; font-size:15px;padding:0 0 10px 0; margin:0; } #msg p { margin:0; padding:0; } #msg.error { color:#f33; border:1px solid #f66; border-top:1px solid #ddd;} #msg.error h5 { color:#f33; } #msg-popup { font-size:13px; position:absolute; width:600px; background:#f7f7f7; background:rgba(255,255,255,.8); color:#333; text-shadow:#fff; border:1px solid #acacac; border:1px solid rgba(0,0,0,.433); box-shadow: 0 4px 16px rgba(0,0,0,.2); margin-top:-50px; border-radius:2px; } #msg-popup .pad { padding:25px; } #msg-popup a.close { position:absolute; display:block; width: 16px; height:16px; top:7px; right:7px; line-height:16px; text-align:center; text-decoration:none; } /* confirm box */ .psconfirm { width:30%; min-width:300px; position:absolute; z-index:9700; top:100px;left:100px; margin:-50px 0 0 0; display:none; border:1px solid #acacac; border:1px solid rgba(0,0,0,.433); border-radius:2px; box-shadow: 0 4px 16px rgba(0,0,0,.2); background:#fff; } .psconfirm .pad { padding:30px; } .psconfirm .psctl { color:#000;font-size:15px;line-height:20px; padding:0px 12px; text-shadow:1px 1px 1px #eee; } .psconfirm .psctl h5 { font-size:16px; padding-bottom:15px; } .psconfirm .btn { margin:15px 15px 0 0; min-width:100px;} .overlay { position:absolute;z-index:99;left:0px;top:0px;width:100%;height:100%;display:none; background-color:#000; opacity:.7;} .next_overlay { z-index:9001 !important; } .overlay_white { background-color:#fff !important; } #toTop { display: none; text-decoration: none; opacity:.9; position: fixed; bottom: 85pt; right: 17pt; width: 35pt; height: 35pt; text-indent: -9999px; overflow: hidden; background: rgba(0,0,0,0) url(/images/ui.totop.png) 50% 60% no-repeat !important; border-radius: 50%; z-index: 90; box-shadow: inset rgba(0, 0, 0, 0.09) 0 0 100px; } #toTop::after { content: 'TOP'; position: absolute; left: 0; bottom: 10px; width: 100%; font-size: 9px; color: #777; text-align: center; text-indent: 2px; font-weight: 600; font-family: arial, helvetica, sans-serif; } #toTop:hover { opacity:1; } #toTop:active, #toTop:focus { outline:none; } /* load progress */ .swl-load { position:absolute !important;display:block !important;z-index:100 !important;top:0px !important;left:0px !important;width:100% !important;height:2px !important;padding:0px !important;margin:0 !important;} .swl-load .swl-in { background:#a3cae0;display:block !important;height:2px !important; width:1%; padding:0px !important;margin:0 !important;box-shadow: 0 1px 2px rgba(17,35,45,0.6) inset;} .top-line { background:#071A3D; padding:4px 0; } .top-line .top-nav { text-align:right; color:#eee; } .top-line .top-nav ul { display:inline-block; vertical-align:top; list-style:none; margin:0; } .top-line .top-nav ul li { display:inline-block; vertical-align:top; padding:7px 10px; } .top-line .top-nav ul li a { display:block; text-decoration:none; color:#fff; } .top-line .top-nav ul li a.phone { display: inline-block; vertical-align:top; font-size: 18px; } #page-fixed-top { position:fixed; top:-100px; left:0px; right:0px; z-index:10; transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; } #page-fixed-top .top-line { box-shadow: 0 0 28px rgba(0,0,0,.2); background: rgba(255,255,255,.9); border-top: none; } #page-fixed-top .top-line .top-nav ul li a.phone { border-bottom: 1px dashed #bbb; } #page-fixed-top .logo { width: 320px; position:absolute; left:0px; top:-3px; } #page-fixed-top .logo a { display:block; width:172px; margin:0px auto; } body.fixed-nav #page-fixed-top { top:0px; } header { box-shadow: 0 0 12px rgba(0,0,0,.2); border-bottom: 1px solid rgba(0,0,0,.1); background: #F3F5F7; } header .logo { width: 30%; float:left; height:60px; position:relative; } /* header .logo:before { content:' '; position:absolute;left:-1000px;top:0px; bottom:0px; width:1000px; display:block; background: #F3F5F7; } */ header .logo a { color:#000;display:inline-block;/* background: #F3F5F7;*/ padding:0 30px 0 0px; height:60px;min-width:280px; line-height: 59px;font-weight: 600;white-space: nowrap;font-size: 29px;position: relative;z-index: 1; } header .logo img { max-height:100%; display: inline-block; vertical-align: top; position:relative; left:-5px; } header .logo a>span { color:#d00; display:inline-block; vertical-align:top; padding:0 2px;} header .main-nav { width: 70%; float:left; padding:15px 0px 0 0; } @media (max-width: 1199px) { header .logo a { font-size: 24px; padding:0; } } @media (max-width: 480px) { header .logo a { font-size: 22px; padding:0; } } footer { background: #071A3D; color: #c7c9cb; font-size: 13px; position: relative; } footer .container { padding:30px 20px; } footer .right-side { text-align:right; } footer a { color:#8a8f92; text-decoration:none; display:inline-block; vertical-align:top; border-bottom:1px dotted #8a8f92; transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; } footer a:hover { color:#fff; border-color:transparent; } footer em { font-style: normal; display:inline-block; vertical-align:top; padding: 0px 5px; } footer .fr-links { margin:0; } footer .fr-links ul li { list-style:none; padding:3px 0; color:#aaa; } footer .fr-links a { color: inherit; cursor: pointer; border-bottom:1px dotted transparent; } footer .fr-links a:hover { border-bottom-color:#8a8f92; color:#fff; } footer .fr-links h5 { color:#fff; font-weight: 400; text-transform:uppercase; font-size: 14px; margin: 0 0 15px; text-shadow: 0 0 0px #fff; word-spacing: 3px; } footer .fr-links h5 a:hover { color:#fff; } footer .frsp { display:block; height:1px; margin:0px 10px; background:#555; } @media (max-width: 600px) { footer .fr-links .col-xs-rs { float:none; width:100%; } footer .right-side { text-align:left; margin-top:6px; } } .main .col-side { width:300px; float:left; min-height:300px; padding-top:20px; } .main .col-main { margin:0 0 0 330px; min-height: 580px; } .main.rsb_ .col-side { width:300px; float:right; } .main.rsb_ .col-main { margin:0 330px 0 0; } .main .col-side .side-box { margin:0 10px 20px; } .main .col-side .stickySlide {position: fixed;top:30px;} @media (max-width: 768px) { .main .col-side { display:none; } } #sell_fast_side_box { width:305px; margin:0; } #sell_fast_side_box>a { display:block; } .used-refs { font-weight:600; color:#252B33; } .used-refs .refs { display:block; margin:10px 0; } .used-refs .refs, .used-refs .refs * { color:#B94700; } .used-refs .refsc { color:#00f; } .used-refs a { text-decoration:underline; } .used-refs a:hover { text-decoration:none; } .used-refs.side-used-refs { text-align:center; font-size:20px; margin:20px 0; } .used-refs.page-used-refs { font-size:20px; padding:0 0 0 30px; } .used-refs.call-refs { font-size:24px; } .used-refs.call-refs .ref-phone { text-decoration:none; } .main .content-main { padding:0px 20px; display:inline-block; vertical-align: top; position: relative;width: 100%; } .page-title { padding: 0px 15px 10px 20px; margin: 0px 0px 20px 0px; } .page-article { margin:0 20px 0 30px; font-size: 15px; line-height: 1.4; } .page-article ul { margin: 20px 0px 20px 30px; } .page-article ul li { padding: 3px 0 3px 8px; } .page-article a { text-decoration: underline; } .page-article a:hover { text-decoration:none; } .page-category { } .description-category { padding:0 20px; color:#222; font-size:15px; line-height:1.4; } .description-category a { color: #B94700; text-decoration:underline; font-weight: 600; font-size:120%; } .description-category a:hover { text-decoration:none; } .description-category ul { margin: 20px 0px 20px 30px; } .description-category ul li { padding: 3px 0 3px 8px; } .section { padding:20px 0; } .section h2 { border-bottom: 3px solid #071A3D; margin: 0 0px 15px; } .section h2 span { display:inline-block; vertical-align:top; padding:5px 120px 5px 20px; background:#071A3D; color:#fff; } .contact-form { border:3px dashed #111; } .contact-form input[type="text"], .contact-form textarea, .contact-form input[type="text"]:focus, .contact-form textarea:focus { border:2px solid #000; border-radius:0; box-shadow:none; padding:6px 12px; color: #000; font-size: 16px; } .contact-form input[type="text"] { height:36px; padding:0px 12px; } .contact-form .btn-brand { min-width:150px; height:36px; line-height:32px;padding:0; font-weight: 600; font-size: 15px; } .request-form { border:3px dashed #111; } .request-form input[type="text"], .contact-form textarea, .contact-form input[type="text"]:focus, .contact-form textarea:focus { border:2px solid #000; border-radius:0; box-shadow:none; padding:6px 12px; color: #000; font-size: 16px; } .request-form input[type="text"] { height:36px; padding:0px 12px; } .request-form .btn-brand { min-width:150px; height:36px; line-height:35px; padding:0; } .btn { transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; } .btn-brand, .btn-brand:focus, .btn-sell, .btn-sell:focus { background:#FE6901; color:#fff; border: 2px solid #fb5503; border-radius: 18px; } .btn-brand:hover, .btn-sell:hover { background:#FE6901; color:#fff; border: 2px solid #0003; } .btn-alt, .btn-alt:focus { background:#f7f7f7; color:#000; border: 2px solid #000; } .btn-alt:hover { background:#eee; border: 2px solid #000; } .btn-inverse { background:#B94700; border: 1px solid #fff1; color:#fff; } .btn-inverse:hover { background:#B94700; border: 1px solid #fff1; color:#f3f5f7; } @media (max-width: 991px) { .container { width:100%; } } @media (max-width: 768px) { .main .col-side, .main.rsb_ .col-side { width:100%; float:none; margin:0 0 20px; min-height:initial;} .main .col-main, .main.rsb_ .col-main { margin:0; } .main .content-main { padding:0px 10px; } .page-article { margin:0; } } @media (max-width: 699px) { h1 { font-size:26px; } } @media (max-width: 600px) { } .field { display: block; width: 100%; padding: 8px 12px; font-family: inherit; font-size: 14px; color: #555; background: #fff; border: 1px solid #cfd9db; box-shadow: inset 1px 1px 3px rgba(112, 128, 144, 0.2); transition: border-color ease-in-out 150ms; } select.field { -webkit-appearance: none; -moz-appearance: none; height: 36px; } select.field::-ms-expand { display: none; } .select { position: relative; } .select option { padding: 4px 8px; } .select:focus { border-color: #489fe5; outline: 0; } .select::after { content: ''; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0; height: 0; border: 6px solid transparent; border-top-color: #697c7d; border-bottom: none; pointer-events: none; } .radio, .checkbox { position: relative; display: inline-block; } .radio label, .checkbox label { display: inline-block; vertical-align: middle; margin: 0 0 0 10px; } .checkbox .switch { position: relative; display: inline-block; width: 42px; height: 24px; vertical-align: middle; background: #bdc3c7; border-radius: 12px; box-shadow: inset 0 2px 4px 0px rgba(135,135,136,0.5); transition-property: background-color, box-shadow; } .checkbox .switch::after { content: ''; position: absolute; top: -1px; left: -1px; width: 26px; height: 26px; z-index: 2; background: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 100%; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); transition-property: transform; } .radio .bullet { position: relative; display: inline-block; width: 26px; height: 26px; background: #fff; border: 2px solid #bdc3c7; border-radius: 50%; vertical-align: top; } .radio .bullet::after { content: ''; position: absolute; z-index: 2; top: 3px; left: 3px; right: 3px; bottom: 3px; background: #489fe5; border-radius: 50%; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); transition-property: opacity, transform; } .radio .bullet::after, .checkbox .switch, .checkbox .switch::after { transition-duration: 0.3s; transition-timing-function: ease; } .radio input, .checkbox input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; opacity: 0; cursor: pointer; } .checkbox input:checked + .switch { background: #489fe5; } .checkbox input:checked + .switch::after { -webkit-transform: translate(18px, 0); transform: translate(18px, 0); } .radio input:checked + .bullet::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .radio input[disabled], .checkbox input[disabled], fieldset[disabled] .radio input, fieldset[disabled] .checkbox input { cursor: not-allowed; } .radio input[disabled] + .bullet, .checkbox input[disabled] + .switch, fieldset[disabled] .radio input + .bullet, fieldset[disabled] .checkbox input + .switch { opacity: 0.5; } .checkbox.sm .switch { width: 28px; height: 16px; } .checkbox.sm .switch::after { top: -1px; left: -1px; width: 18px; height: 18px; } .checkbox.sm input:checked + .switch::after { -webkit-transform: translate(12px, 0); transform: translate(12px, 0); } /* Swiper 5.2.0 */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal} :root{--swiper-theme-color:#111; } .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} .swiper-container-vertical>.swiper-wrapper{flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)} .swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap} .swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column} .swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto} .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform} .swiper-slide-invisible-blank{visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height} .swiper-container-3d{perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none} .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none} .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start} .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory} .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory} :root{--swiper-navigation-size:44px} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto} .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto} .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'} .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff} .swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000} .swiper-button-lock{display:none} .swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10} .swiper-pagination.swiper-pagination-hidden{opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%} .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)} .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2} button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} .swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))} .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right} .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0} .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0} .swiper-pagination-white{--swiper-pagination-color:#ffffff} .swiper-pagination-black{--swiper-pagination-color:#000000} .swiper-pagination-lock{display:none} .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%} .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%} .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0} .swiper-scrollbar-cursor-drag{cursor:move} .swiper-scrollbar-lock{display:none} .swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain} .swiper-slide-zoomed{cursor:move} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent} .swiper-lazy-preloader-white{--swiper-preloader-color:#fff} .swiper-lazy-preloader-black{--swiper-preloader-color:#000} @keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube{overflow:visible} .swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%} .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0} .swiper-container-flip{overflow:visible} .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /** * photoswipe.css */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } .pswp--animate_opacity { opacity: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } .pswp__img--placeholder { -webkit-backface-visibility: hidden; } .pswp__img--placeholder--blank { background: #f7f7f7; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #ccc; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } .pswp_custom_buttons { position: absolute; left: 0; bottom: 0; width: 100%; height: 56px; background: rgba(255, 255, 255, 0.5); text-align: center; z-index: 3; padding: 7px 0 0; } /* Slick Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; position:relative; } .slick-slide a { display:block; background:#fff; margin:0 3px; padding:3px; border:1px solid #ddd; } .slick-slide span { display:block; height:122px; overflow:hidden; text-align:center; } .slick-slide img { display: block; margin:0px auto; } .slick-slide .label { position:absolute; z-index:2;top:3px; left:3px; font-size: 11px; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dots { position: absolute; bottom:10px; z-index:10; margin: 0 !important; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; height: 20px; cursor: pointer; margin:0 1px; padding:0; width:14px; } .slick-dots li a { display:block; text-indent:-9999px; width:8px; height:8px; padding:0; background: #fff; border-radius: 8px; box-shadow:0 0 1px rgba(0,0,0,.3); } .slick-dots li.slick-active a { background: #008ab1; box-shadow:0 0 1px rgba(255,255,255,.99); } .slick-arrow, .slick-arrow:hover { position: absolute; top: 50%; display: block; z-index:10; width: 33px;height:33px;background:transparent;text-indent:-9999px; border-radius: 0px; padding: 0; margin-top:-15px; cursor: pointer; } .slick-arrow:before { content: ''; background: url(/js/photoswipe/default-skin/default-skin.png) 0 0 no-repeat; background-size: 264px 88px; top:0px; left:0px; background-color: rgba(16, 182, 224, 1); /* box-shadow: inset 0px 0px 2px rgba(0,138,177,1); */ border:1px solid rgba(0,138,177,.5); height: 30px; width: 32px; position: absolute; } .slick-arrow { opacity:.95; } .slick-arrow:hover { opacity:1; } .slick-prev { left:5px; } .slick-prev:before { background-position: -138px -44px; } .slick-next { right: 5px; } .slick-next:before { background-position: -94px -44px; } .slick-arrow.slick-disabled, .slick-arrow.slick-disabled:hover { cursor: default;opacity:.5; box-shadow:none; } /* search lists */ .hp-search-result { display:inline-block; vertical-align:top; position:relative; width:100%; } .list-complete { } .list-p { } .list-p .item { display:inline-block; vertical-align:top; position:relative; width:33.33%; padding:10px; transition: all 0.1s ease-in 0s; cursor:pointer; } .list-p .item > div { border:1px solid #ddd; box-shadow: 3px 3px 18px #03050711; padding:5px 10px 15px; } .list-p .item .thm { height: 240px; width:100%; text-align:center; overflow:hidden; } .list-p .item .thm a { display:block; width:100%; height: 100%; text-align:center; 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; } .list-p .item .thm img { max-width: 100%; /* max-height: 100%; */ height:auto; display: block; margin:auto; } .list-p .item .nfo { margin-top:7px; } .list-p .item .nfo h3 { font-size: 15px; font-weight: 100; line-height: 20px; height: 40px; overflow: hidden; display:block; } .list-p .item .nfo h3 a { color:#252B33; } .list-p .item .nfo { padding:0px 5px; } .list-p .item .prcs { padding:8px 0 0; } .list-p .item .prcs strong { font-size:16px; display:inline-block; vertical-align:top; } .list-p .item .prcs .tag-status { display:inline-block; vertical-align:top; width:1px; height:1px; margin: 0 0 0 5px; position:relative; } .list-p .item .prcs .tag-status span { display:block; width:54px; position:absolute; top:-7px; left:0px; } .list-p .item .prcs .tag-status.tag-avail span { width: 77px; top:-8px; } .list-p .item a, .list-p .item a:hover { text-decoration:none; } .has-info .list-p .item a { cursor:pointer; } .has-info .list-p .item .nfo h3 a:hover { text-decoration:underline; } .as-list .list-p .item .nfo h3 { height:auto; padding-bottom:10px; } .as-list .list-p .item .nfo .dt { float:right; width:74%; font-size:14px; color:#000; line-height:1.5; padding:0 20px 0 0;margin:0 0 20px; position:relative; max-height:100px; overflow:hidden; } .as-list .list-p .item .nfo .dt:after { content:''; display:block; position:absolute; z-index:2; bottom:0px; left:0px; right:0px; height:20px; box-shadow: inset 0px -9px 20px #fff; } .as-list .list-p .item .nfo .pdt { float:left; width:25%; position:relative; } .as-list .list-p .item .loc { margin:18px 0 0; font-weight:600; } .as-list .list-p .item .nfo .pdt .btn { margin:18px 0 0; font-weight:600; padding: 4px 12px; } .as-list .list-p .item { width:100%; } .as-list .list-p .item .thm { width:240px; height:auto; float:left; } .as-list .list-p .item .thm a { display:block; height:auto; } .as-list .list-p .item .nfo h3 { font-weight:600; } .as-list .list-p .item .nfo { padding:0; margin:5px 0 0 256px; } @media (max-width: 1439px) { .as-list .list-p .item .nfo .dt { width:69%; } .as-list .list-p .item .nfo .pdt { width:30%; } } @media (max-width: 1199px) { .as-list .list-p .item .nfo .dt { float:none; width:100%; } .as-list .list-p .item .nfo .pdt { float:none; width:100%; } } .list-p .item.sell-item { display:none; } .list-p .item.sell-item > a { padding:0; display:block; height:347px; text-align:center; overflow:hidden; border: 1px solid #ddd; box-shadow: 0px 0px 28px -3px rgba(135, 196, 226, 0.83); } .list-p .item.sell-item > a img { max-height:345px; } .list-p .item.sell-item .used-refs { display:block; text-align:center; padding:20px 5px; font-size:20px; } .list-p .item.sell-item .used-refs a { text-decoration:underline; } .list-p .item.sell-item .used-refs a:hover { text-decoration:none; } @media (max-width: 768px) { .list-p .item.sell-item { display: inline-block; width:100% !important; } } @media (max-width: 600px) { .list-p .item.sell-item .used-refs { font-size:18px; } .used-refs.page-used-refs, .used-refs.call-refs { padding:0 10px; font-size:18px; } } @media (max-width: 480px) { .as-th .list-p .item.sell-item { width:100%; } .list-p .item.sell-item > a { height: auto; max-height: 400px; } .list-p .item.sell-item > a img { max-height:400px; } } .list-format { padding:0 10px; display:inline-block; vertical-align:top; position:relative; width:100%; } .list-format .sort { color:#999; padding:10px 0 0;} .list-format .sort>span { display:inline-block; vertical-align:top; padding:0px 10px; } .list-format .sort a { display:inline-block; vertical-align:top; padding:0px; margin:0 20px 10px 0; border-bottom:1px dotted #337ab7; position:relative; text-decoration:none; } .list-format .sort a:hover { border-color:#203764; } .list-format .sort a.active { color:#203764; } .list-format .sort a:after { content:''; width:1px; position:absolute; right:-10px; top:4px; bottom:4px; background:#bbb; } .list-format .sort a:last-child:after { display:none; } .list-format .format { float:right; } .list-format .format em { display:inline-block; vertical-align:top; font-size:18px; border:1px solid #ddd; color:#999; cursor:pointer; width:40px; height:40px; line-height:40px; text-align:center; margin:0 0 0 6px; } .list-format .format em:hover { color:#207764; } .list-format .format em.active { color:#203764; } .list-pages { padding:5px 10px 0; } .list-pages .total { display:inline-block; vertical-align:top; margin-right:10px; padding:10px 0 10px 10px; } .list-pages .total .count { } .list-pages .pages { display: inline-block; vertical-align: top; } .list-pages .pages a { display:inline-block; vertical-align:top; margin:0 4px 5px 0; padding:10px 15px; background:#f7f7f7; color:#000; font-weight:600; transition: all 0.2s ease-in 0s; } .list-pages .pages a.active, .list-pages .pages a:hover { background: #B94700; color:#fff; } .list-pages .pages span { } .breadcrumbs-row { margin:0 0 20px 20px; } .breadcrumbs { margin:0 0 10px; list-style:none; } .breadcrumbs li { position:relative; display:inline-block; vertical-align:top; color:#777; line-height:1.2; font-size:13px; font-weight:400; padding:0; margin:0; } .breadcrumbs li a { color:#000; border-bottom:1px dotted transparent; text-decoration:none; } .breadcrumbs li a:hover { border-bottom:1px dotted #777; } .breadcrumbs li a.active, .breadcrumbs li a.active:hover { color:inherit; border-bottom:1px dotted transparent; cursor:default; } .breadcrumbs li:before { border:4px solid transparent; content:""; height:0; width:0; pointer-events:none; display:inline-block; vertical-align:top; border-left-color:#111; margin:4px 7px 0 12px; } .breadcrumbs li:first-child:before { display:none; } .location-tags { padding:40px 0; } .location-tags h3 { } .location-tags .tags_ { border-top:1px solid #ddd; margin-top:5px; padding:10px 0; } .location-tags .tags_.tags-sub { border:0px none; padding-top: 0; } .location-tags .tags_ a { display:inline-block; vertical-align:top; position:relative; margin:5px 5px 10px; color:#fff; font-size:13px; text-transform:uppercase; background:#B94700; padding:3px 15px; border: 2px solid transparent; border-radius:20px; text-decoration:none; } .location-tags .tags_ a:hover, .location-tags .tags_ a.active { background: #FE6901; } .location-tags .tags_ a:hover:before, .location-tags .tags_ a.active:before { opacity:1; } .location-tags .tags_.tags-city a { background:#071A3D; color:#fff; text-shadow:1px 1px 0px #333; } .location-tags .tags_.tags-city a:hover, .location-tags .tags_.tags-city a.active { background:#071A3D99; border-color:transparent; } @media (max-width: 1199px) { .as-th .list-p .item { width:50%; } } @media (max-width: 480px) { .as-list .list-p .item .thm { float:none; margin:0px auto; } .as-list .list-p .item .nfo { margin: 10px 0 0 0; } .as-th .list-p .item { padding: 3px; } .as-th .list-p .item .thm { height: 160px; } .as-th .list-p .item > div { padding: 10px 6px 15px; } .section h2 span { display:block; padding:5px 20px 5px 20px; } } /* item float card */ #item_card_modal .modal-dialog { } #item_card_modal .modal-content { border-radius:1px; } #item_card_modal .modal-header { border: 0px none; padding:20px 20px 0px 20px; position:relative; } #item_card_modal .modal-title { font-size: 28px; } #item_card_modal .close { position:absolute; z-index:10; top:4px; right:4px; width:32px; height:32px; background:rgba(255,255,255,.9); line-height:31px; text-align:center; font-weight: 100; font-size: 30px; color: #777; opacity: 1;} #item_card_modal .close:hover { color: #111; } #item_card_modal .modal-body { padding-top:0px; } .item-card { } .item-card .card-sub { font-size:16px; font-weight:300; color:#555; padding:7px 0 40px 7px; } .item-card .card-sub > div { display:inline-block; vertical-align:top; margin:4px 20px 0 0; } .item-card .card-sub > div > span { display:inline-block; vertical-align:top; margin:0 10px 0 0; } .item-card .card-sub > div > strong { color:#000; } .item-card .card-sub > div > strong a { color:inherit; text-decoration:none; } .item-card .card-sub > div > strong a:hover { text-decoration:underline; } .item-card .card-title { display:none; } .item-card .card-left { float:left; width:100%; position:relative; } .item-card .card-right { display:none; } .item-card .card-nfo { padding:20px 0; } .item-card .card-prcs { font-size:20px; text-align:right; } .item-card .card-prcs strong { display: inline-block; vertical-align: top; background:#f7f7f7; padding:7px 20px; } .item-card .card-prcs strong.sold { background:transparent; display: inline-block; width: 119px; } .item-card .card-dt { margin:15px 0 0; border-top:3px dashed #333; padding: 20px 10px 0px; color:#252B33; font-size: 16px; line-height: 1.4; } .item-card .card-back { min-width:140px; } .item-card .sell-item { width:100%; margin:10px auto; } @media (max-width: 768px) { .item-card .sell-item { } } .item-card .card-links { font-size:20px; text-align:right; margin:15px 0 0; } .item-card .card-links .btn { min-width:140px; } .item-card .attrs { margin:10px 0; } .item-card .attrs .info-attrx-groups { padding: 30px 0 30px 2%; margin: 5px 0 15px; } .item-card .attrs .info-attrx-groups::before { content: ""; display: block; width: 90%; height: 1px; background: #ddd; margin: 0px auto; visibility: visible; position: relative; top: -15px; } .item-card .attrs .info-attrx-group { display: inline-block; vertical-align:top; width:100%; margin:0; padding:0 0 8px 2%; -webkit-box-sizing: border-box; box-sizing: border-box; } .item-card .attrs .info-attrx-group li { color:inherit; margin-left:45px; } .item-card .attrs .info-attrx-group span { display:block; font-weight:300; margin:0 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 5px;} .item-card .attrs .info-attrx-group span em { display: inline-block; font-weight: 300; color: #252B33; font-size:90%; padding:0; } .item-card .attrs .info-attrx-group li.info-attrx-group-header { list-style:none; margin-left:0px; } .item-card .attrs .info-attrx-group li.info-attrx-group-header span { font-size: 17px; color: #777; font-weight: 400; padding: 0; margin-bottom: 10px; } .swiper-lg { height:460px; margin:0 8px 0 138px; } .swiper-lg a { display: block; width:100%; height: 100%; text-align:center; 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; } .swiper-lg a img { display:block; margin:auto; max-height: 100%; } .item-swipe-gallery { position:absolute;left:0px; width:130px; height:460px; background: rgba(255,255,255,.8); } .item-swipe-gallery .swiper-container { width: 130px; height: 400px; position:relative; top:30px; } .item-swipe-gallery .swiper-slide { background: #fff; border:2px solid #fff; text-align: center; overflow:hidden; /* 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; } .item-swipe-gallery .swiper-slide a { display:block; vertical-align: middle; text-align: center; margin: 5px auto; } .item-swipe-gallery .swiper-slide a img { margin: 0 auto; display: block; max-height: 100%; } .item-swipe-gallery .swiper-slide.active { border:2px solid #000;} .item-swipe-vertical .swiper-button-next, .item-swipe-vertical .swiper-button-prev { width:26px; height: 130px; margin: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .item-swipe-vertical .swiper-button-prev { top: -52px; left: 52px; right: initial; } .item-swipe-vertical .swiper-button-next { top: auto; bottom:-52px; left:52px; right:initial; } .item-card-mobile .swiper-lg { display:none; } .item-card-mobile .item-swipe-gallery { position:relative; width:auto; height:168px; margin: 0px -14px; } .item-card-mobile .item-swipe-gallery .swiper-container { width:100%; height:168px; top:0; } .call-action { border: 3px solid #203764; padding: 20px; color: #000; transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; } .call-action .btn { width:150px; margin:20px 0 0; } .call-action.not-yet { background:#99ffcc; } .call-action a[href] { text-decoration: underline; } .call-action a[href]:hover { text-decoration:none; } .call-action .p { } .call-action .request-form { padding:20px; } @media (max-width: 640px) { #item_card_modal .modal-title { font-size: 22px; } .swiper-button-next, .swiper-button-prev { display:none !important; } .call-action .acm { width:100%; min-width:200px; } .call-action { padding:10px; } .call-action .request-form { padding:20px 10px 0; } .psconfirm { width:90%; } .psconfirm .pad { padding:20px; } .breadcrumbs li { display:block; } .breadcrumbs .bci-2 { padding:10px 0 0 5px; } .breadcrumbs .bci-3 { padding:10px 0 0 10px; } .breadcrumbs .bci-4 { padding:10px 0 0 15px; } .breadcrumbs .bci-5 { padding:10px 0 0 20px; } } .main-nav{display:none} .main-nav>ul>li.rewrap { display:none; width:100%; } @media screen and (min-width:800px) { .main-nav .menu-item-mega-parent .menu-item-has-children { width:33%; margin-left:0px; padding-left:15px; } .main-nav .menu-item-mega-parent .menu-item-has-children>ul { margin-bottom:15px; } .main-nav .menu-item-mega-parent .menu-item-has-children li { display:block; } .main-nav>ul>li:not(.menu-item-mega-parent),.main-nav>ul>li>a{position:relative} .main-nav{display:block;font-size:14px;} .main-nav ul{list-style:none;padding:0;margin:0;line-height:1} .main-nav>ul:after,.main-nav>ul:before{display:table;content:" "} .main-nav>ul:after{clear:both} .main-nav>ul{margin:0px 0 0;text-align:right;} .main-nav ul li{margin-bottom:0} .main-nav ul li a{display:block;} .main-nav>ul>li{display:inline-block;vertical-align:top;margin-top:0;margin-left:0px;padding-bottom:7px} .main-nav>ul>li:first-child{margin-left:0} .main-nav>ul>li>a{padding:9px 10px;text-decoration:none;font-size:14px;line-height:14px;color:#071A3D;z-index:1;font-weight:600;-webkit-transition:padding .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:padding .2s ease-in-out,transform .2s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:"Open Sans", sans-serif} .main-nav>ul>li.menu-item-has-children>a:after{content:'';opacity:1;position:absolute;height:1px;width:7px;bottom:3px;left:17px;background-color:rgba(255,255,255,.4);-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out} .main-nav>ul>li>a:before{content: '';opacity:0;position: absolute;height:4px;width:0%;bottom:0px;left:0px;background-color: #FE6901;transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s;-webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: -1;} .main-nav>ul>li.active>a,.main-nav>ul>li:hover>a,.main-nav>ul>li>a:hover{text-decoration:none;color:#071A3D} .main-nav>ul>li.active>a:before,.main-nav>ul>li:hover>a:before,.main-nav>ul>li>a:hover:before{height:4px;width:100%;opacity: 1;} .main-nav>ul>li.active.menu-item-has-children>a:after,.main-nav>ul>li.menu-item-has-children:hover>a:after,.main-nav>ul>li.menu-item-has-children>a:hover:after{opacity:0} .main-nav .hg_mega_container:before,.main-nav>ul>li>ul.sub-menu:before{position:absolute;width:100%;height:10px;content:'';display:block;top:-10px;} .main-nav ul ul.sub-menu li a:hover,.main-nav ul ul.sub-menu li.active>a{color:#fff;background:#B94700; } .main-nav .hg_mega_container,.main-nav ul ul.sub-menu{position:absolute;left:0;top:43px;border-radius:2px;text-align:left;border:1px solid rgba(0,0,0,0.1);box-shadow:4px 4px 12px 0px rgba(0, 0, 0, 0.09);padding:6px 0;background:#fff;border-radius:9px; } .main-nav .hg_mega_container{border:1px solid rgba(255,255,255,.8);box-shadow:0 0 4px rgba(0,0,0,.4);background:rgba(255,255,255,.95);position:absolute;padding:20px 15px 20px 0;} .main-nav .hg_mega_container:before{top:-10px;left:0} .main-nav .hg_mega_container li { display:inline-block; margin:0px; vertical-align: top; overflow:hidden;} .main-nav .hg_mega_container li a, .main-nav ul ul.sub-menu li a{padding:7px 0 7px 15px;font-size:14px;color:#111;position:relative;/*text-transform:uppercase;*/font-weight:400;text-decoration:none;} .main-nav .hg_mega_container li a .sale_tag { float: right; width:57px; height: 29px; margin:-5px 0px 0 0; overflow: hidden; } .main-nav .hg_mega_container li a:not(.zn_mega_title):hover,.main-nav .hg_mega_container li.active>a:not(.zn_mega_title){color:#323232} .main-nav .hg_mega_container li a:not(.zn_mega_title):before{content:'';display:block;position:absolute;width:0;height:2px;background-color:#000;bottom:0;-webkit-transition:width .15s cubic-bezier(.68,0,.265,1);transition:width .15s cubic-bezier(.68,0,.265,1)} .main-nav .hg_mega_container li a:not(.zn_mega_title):hover:before,.main-nav .hg_mega_container li.active>a:not(.zn_mega_title):before{width:100%} .main-nav .hg_mega_container .zn_mega_title_hide{display:none} .main-nav .hg_mega_container li a.zn_mega_title{font-size:14px;border-bottom-width:1px;border-bottom-style:solid;padding:10px 0 10px 15px; margin-bottom:15px;font-weight:600;text-transform:uppercase;border-bottom-color:rgba(0,0,0,1);color:#111;background:#FE6901;} .main-nav .hg_mega_container li a.zn_mega_title:hover { } .main-nav .hg_mega_container .zn_mega_row_start{margin-top:20px} .main-nav .hg_mega_container,.main-nav ul ul.sub-menu{left:-9999px;opacity:0;visibility:hidden;-webkit-transition:opacity .4s ease,top .45s ease,margin-top .4s ease;transition:opacity .4s ease,top .45s ease,margin-top .4s ease} .main-nav .hg_mega_container{margin-left:5px;margin-right:15px;margin-top:15px;width:100%;max-width:960px;right:0px;left:auto;} .main-nav ul ul.sub-menu{ margin-top:15px;top:33px;} .main-nav ul ul.sub-menu li{position:relative;} .main-nav ul ul.sub-menu ul{top:100%;margin-top:0} .main-nav ul ul.sub-menu li a:not(:only-child):after{position:absolute;top:50%;margin-top:-1px;right:10px;content:'';opacity:.6;background-color:rgba(0,0,0,.3);width:10px;height:2px} .main-nav ul ul.sub-menu li a{min-width:230px;border-bottom:0px none;padding:10px 20px;font-size:14px;font-weight:600;color:#071A3Dee;position:relative;} .main-nav ul ul.sub-menu li a[title=separator]{text-indent:-2999px;padding:0;background-color:rgba(0,0,0,.05)!important;background-clip:padding-box;height:5px} .main-nav ul li:hover>.hg_mega_container,.main-nav ul li:hover>ul{right:0px;opacity:1;visibility:visible;z-index:100} .main-nav ul li:hover>ul{top:43px} .main-nav ul li:hover>ul.sub-menu{top:30px;left: auto; right: 0px; min-width: 250px; } .main-nav ul li:hover>.hg_mega_container,.main-nav ul li:hover>.sub-menu{margin-top:8px} .main-nav ul ul li a{-webkit-transition:padding-left .35s ease,border-right .35s ease;transition:padding-left .35s ease,border-right .35s ease} .main-nav ul .hg-mega-new-item{position:absolute;line-height:1;padding:5px;text-transform:initial;font-size:10px;top:50%;right:3px;background-color:#cd2122;color:#fff;border-radius:2px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} .main-nav ul ul .hg-mega-new-item{left:auto;right:10px} .main-nav ul ul.sub-menu li a:not(:only-child) .hg-mega-new-item{right:23px} .main-nav .hg_mega_container ul .hg-mega-new-item{right:3px} } @media (max-width:1200px){ .main-nav>ul>li.rewrap { display:block; } } #zn-res-menu ul { position: fixed !important;top:50px;} #zn-res-menu,#zn-res-menu li,#zn-res-menu ul{padding:0;margin:0;list-style:none} #zn-res-menu *{-webkit-backface-visibility:hidden} .zn_res_menu_visible #zn-res-menu,.zn_res_menu_visible #zn-res-menu li ul{display:block} #zn-res-menu{right:0;top:0;position:fixed;width:80%;min-width:320px;height:100%;background:#ffffff;box-shadow: 0 0 40px rgba(0,0,0,.1); border-left: 1px solid rgba(0,0,0,.1);overflow:hidden;overflow-y:auto;z-index:11112;-webkit-backface-visibility:hidden;-webkit-overflow-scrolling:touch;-ms-transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .5s ease;-moz-transition:-moz-transform .5s ease;-ms-transition:-ms-transform .5s ease;-o-transition:-o-transform .5s ease;transition:transform .5s ease;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;padding:0;display:none} .zn_shadow_menu {visibility: hidden;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(255,255,255,.1);opacity: 0;-webkit-transition: all 0.3s;transition: all 0.3s;z-index: 102;} .zn_shadow_menu.visible {visibility:visible;opacity:1;} #zn-res-menu li ul{right:0px;top:0px;position:fixed;width:100%;height:100%;background:#ffffff;overflow:hidden;z-index:11112;-webkit-backface-visibility:hidden;-webkit-overflow-scrolling:touch;-ms-transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .5s ease;-moz-transition:-moz-transform .5s ease;-ms-transition:-ms-transform .5s ease;-o-transition:-o-transform .5s ease;transition:transform .5s ease;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;padding:0;display:none} #zn-res-menu ul.zn-menu-visible,#zn-res-menu.zn-menu-visible{-ms-transform:translate(0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} #zn-res-menu li{position:relative;width:100%;border-color:#cccccc;} #zn-res-menu .zn_mega_container{width:100%} #zn-res-menu .zn_mega_container li{width:100%;float:none} #zn-res-menu li>a, #zn-res-menu li>strong{padding:18px 28px 16px;font-weight:400;border-bottom:1px solid;border-bottom-color:inherit;display:block;z-index:1;color:#111;font-size:14px;text-transform:uppercase;} #zn-res-menu li>.zn_res_submenu_trigger, #zn-res-menu li>.zn_res_back_icon{ color: #fff; } #zn-res-menu li>strong { color:#fff; } #zn-res-menu li.active>a,#zn-res-menu li:hover>a{color:#fff;text-decoration:none;background:#FE6901;} #zn-res-menu a{cursor:pointer} #zn-res-menu .zn_res_has_submenu>span,#zn-res-menu .zn_res_menu_go_back>span{position:absolute;right:0;top:0px;bottom:1px;width:54px;background:#FE6901;border-left:1px solid;border-left-color:inherit;line-height:53px;vertical-align:middle;text-align:center;cursor:pointer;z-index:2} #zn-res-menu .zn_res_has_submenu>span i,#zn-res-menu .zn_res_menu_go_back>span i { position:relative; top:1px; margin: 0;} #zn-res-menu .zn_res_menu_go_back>a{text-align:center;padding-right:0;padding-left:49px} #zn-res-menu .zn_res_menu_go_back>span{left:0;right:auto;border-left:none;border-right:1px solid;border-right-color:inherit} #zn-res-menuwrapper{display:none;position: absolute;z-index:2;top: 0px; right: 0px; width: 60px; height:60px;} .zn-res-trigger{background:#fffc;position: absolute;z-index:2;top: 0px;left: 0px; right: 0px; bottom: 0px;} .zn-res-trigger::after{content:'';position:absolute;width:30px;height:3px;background:#071A3D;border-radius:2px;left:15px;top:21px;box-shadow:0 8px 0 #000,0 16px 0 #000} #zn-res-menu li>a[title=separator],.zn_res_has_submenu .new-item{display:none} @media (max-width:799px){ #zn-res-menuwrapper{display:block} #main-menu{display:none} #zn-res-menu li.active, #zn-res-menu li.active>li{background-color:#071A3D} } .ce-slider-cont { border-bottom:1px solid #ddd; } .ce-slider-cont .ce-slider { position:relative; padding:10px 0 15px 0px; white-space:nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -webkit-box-sizing: border-box; box-sizing: border-box; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; } .ce-slider-cont .ce-slides { display:inline; } .ce-slider-cont .ce-s-arrow { position:absolute; z-index:20; left:-25px; top:50%; margin-top:-25px; width:50px; height:50px; border-radius:50%; background:#63aaff99; text-align:center; color:#000; line-height:46px; box-shadow:0 2px 4px rgba(0,0,0,.12); transition: all 0.2s ease-in 0s; } .ce-slider-cont .ce-s-arrow:hover { background:#63aaffee; } .ce-slider-cont .ce-s-arrow.ce-s-right { left:auto;right:-25px; } .ce-slider-cont .ce-s-end { position:absolute; z-index:10; bottom:0px;left:0px;right:0px; height:26px; background:rgba(255,255,255,1); } .tss-hdrp { display:none; } .tss-hdrp.tss-on { display:block; } .tss-hdrp h2 { font-size: 24px; border-bottom: 1px dashed #ddd; padding: 5px 8px 10px; } .tss-hdrp .tss-ls { position:relative; margin:0px auto; } .tss-hdrp .ce-slider-cont .ce-s-arrow { top:120px; left:-50px; box-shadow: none; font-size: 24px; } .tss-hdrp .ce-slider-cont .ce-s-arrow.ce-s-right { left:auto; right:-50px; } .tss-hdrp .tss-ls .ts { white-space:initial; display:inline-block; vertical-align:top; position:relative; width:38%; padding:10px; transition: all 0.1s ease-in 0s; cursor: default; } .tss-hdrp .tss-ls .ts>div { padding: 15px 10px; position:relative; } .tss-hdrp .tss-ls .ts>div::before { content:'';position:absolute; z-index:1;top:20px; left:-6px; height:60px; width:4px; display:block;background:#fd700c; } .tss-hdrp .ts strong { display:block; padding:0 0 8px; font-size:90%; color:#555; font-weight:400; } .tss-hdrp .ts .ts-text { line-height:1.3; font-style:italic; } @media (max-width: 1199px) { .tss-hdrp .tss-ls .ts { width:55%; } } @media (max-width: 1024px) { .tss-hdrp .ce-slider-cont .ce-s-arrow { left:5px; } .tss-hdrp .ce-slider-cont .ce-s-arrow.ce-s-right { left:auto;right:5px; } } @media (max-width: 599px) { .tss-hdrp .tss-ls .ts { width:88%; } }