@charset "utf-8";
@font-face{font-family:Calsans;src:url(https://ptitravo.com/static/fonts/calsans.woff2) format("woff2");font-weight:600;font-style:normal;font-display:optional;}

*,::before,::after{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;font-feature-settings:normal;font-variation-settings:normal}
body{margin:0;min-height:100vh;position:relative;font-family:sans-serif;letter-spacing:.04rem;word-spacing:.11rem;overflow-x:hidden;overflow-y:auto;direction:ltr;unicode-bidi:isolate;}
img{max-width:100%;height:auto}
figure,p{margin:0}
main{min-height:500px}
button,.cp,a,.pr1{cursor:pointer; word-spacing:.11rem; font-family: inherit;}
a,.pr1{text-decoration:none}
*:focus{outline:none}
::placeholder{font-size:13px}
:root {--font-size: 14px;}
details{margin-bottom: 20px;}
summary{padding: 5px 0 10px 0;cursor: pointer;font-weight: bold;}
.row{display:inline-flex;flex-wrap:wrap ; }
ul,ol{list-style:none;margin:0;padding:0;display:block;line-height:1.6em}
li{list-style:none;margin:0;padding:2px 0;display:block}
sup{margin-left: 5px;font-size: 0.78rem;}
input[type="radio"]{ accent-color: #26A9BD;}
b, strong {font-weight: bolder;}
p, dl {display: block;margin-block-start: 0;margin-block-end: 0;}
dl{margin: 0;padding: 0;}
dt,dd{display: block;margin-inline-start: 0;}
dt{float:left ;font-weight:700;margin-top:5px;width:50%}
dd{float: right;margin:4px 0 10px;width:50%;text-align:right}
table{font-size: 0.92rem;}th {display: table-cell;vertical-align: top;font-weight: bold;padding: 1px;text-align: left;height: 50px;}
td {display: table-cell;vertical-align: top;text-align: unset;padding: 1px;text-align: right;height: 50px;}
.svgi2 path, .svgi2 polygon{fill: #26A9BD;stroke: #fff;}
.vdo1{border-radius: 10px;max-width: 280px;object-fit: cover;height: auto;aspect-ratio: 9/16;background: #000;}
.deg1{background-clip: text !important;background-image: linear-gradient(to right, #26A9BD, #ffbd00);color: transparent !important;}
.bkg1,.bkg2,.bkg3{border-radius: 8px;}
.bkg1{margin: 10px 0 20px;display: inline-flex;}
.bkg2{margin: 20px 0 10px;}
.bkg3{border:1px solid #26A9BD; margin: 20px 0 10px;}

h1,h2,h3,.h1,.h2,.h3{font-family:Calsans,sans-serif;display:block;font-weight:700;letter-spacing:1.8px}
header{width:100%;position:sticky;top:0;z-index:999;box-sizing:border-box;padding:5px 0;align-items:center;justify-content:space-between;display:inline-flex;flex-wrap:wrap ;}
footer{width:100%;bottom:0;text-align:center;margin-top:20px;}
.footer{border-radius:8px 8px 0 0;z-index:999;padding:1rem;font-size:13px;color:#878787}
.hea3{border: none;background: none;}
.hea4{grid-template-columns: repeat(8,1fr);display: inline-grid;align-items: center;}
.foot1{text-align: center;font-size: 12px;display: inline-flex;align-items: center;}

.ird4{display:grid;gap:1rem;text-align: center;}
.ird4 label{height: 45px;align-content: center;align-self: center;font-size: 0.84rem;border-radius: 5px;padding: 5px;}

.lcci0,.lcc1,.lcc2,.lcc3,.lcc4,.lcc5{display:grid;gap:1rem}
.lcci0 li{font-weight:bold;margin:1%;border-radius:.35rem;font-size:15px;position:relative}
.lcci0 li span{position:absolute;padding:.8rem;z-index:1;color:#26A9BD}
.lcci0 li img{border-radius:.35rem}

.lcc2 li,.lcc3 li,.lcc4 li,.lcc5 li{font-weight:700;margin:1% 0;border-radius:.35rem; }
.lcc2 a,.lcc3 a,.lcc4 a,.lcc5 a{justify-content: space-between;display: flex;}
.lcc2 a::after,.lcc3 a::after,.lcc4 a::after,.lcc5 a::after{content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 16 16"><path d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>');}

.lcc1{padding:.8rem;font-weight:700;margin:1% 0;border-radius:.35rem; display:block; font-size: 0.92rem;grid-template-columns:repeat(1,1fr)}


.faq1{width: 100%;border-top:1px solid #d8d8d8;}
.lbn3{display:grid;gap:1rem; margin-bottom: 30px;}
.lbn3a{border-radius:5px; padding:.8rem}
.lbn3aa{margin:0;font-size: 0.98rem;}
.lbn3ab{margin-top:.8rem;display:block; text-align: justify}
.lbn3ac{margin:auto}

.brdt{border-top:1px solid #d8d8d8}
.brdb{border-bottom:1px solid #d8d8d8;padding-bottom:20px}
.brdt2{border-top:1px solid #26A9BD}
.brdb2{border-bottom:1px solid #26A9BD;padding-bottom:20px}

.ppr1{margin-top:20px}
.ppr3{font-size:.88rem}
.ppr4{font-weight:bold;font-size:1.58rem;margin:20px 0}
.ppr5{margin-top: 10px;font-weight:bold;font-size:.78rem}
.ppr6{font-size: 0.88rem;}
.ppr6:before{margin-right: 15px; content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 1920 1920"><path fill-rule="evenodd" d="M1827.701 303.065 698.835 1431.801 92.299 825.266 0 917.564 698.835 1616.4 1919.869 395.234z"/></svg>');}

.pprop1{padding:20px 0;margin-top:10px;background:#e5e5e5;color:#8a8a8a;border:1px;border-radius:5px;text-align:center}
.pprgr1{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:10px}

.imgg{margin:auto;position:relative;align-content:center;display:flex}
.img1{width:100%;border-radius:8px;height:250px;object-fit:cover;object-position:center}
.img2{border-radius:8px}
.img23{max-width:23.5%;width:23.5%;border-radius:8px}
.img31{max-width:31.5%;width:31.5%;border-radius:8px}
.img48{max-width:48%;width:48%;border-radius:8px}
.img100{width:100px;border-radius:8px}
.img200{width:200px;border-radius:8px}
.img300{width:300px;border-radius:8px}

.svg{fill-rule:evenodd;clip-rule:evenodd;stroke-miterlimit:10}
.svgr10{margin-right:10px}

.brea1{width: 100%;padding-bottom: 20px;}
.brea2{font-size:.76rem;color:#7f7f7f!important}
a .brea2:hover {text-decoration:underline;}
.brea1 li{margin-right:15px}
.brea1 li:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16"><path d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>');}


.w100{width:100%}
.wi98{max-width:98%}
.cap{text-transform:capitalize}
.bxs1{box-shadow:rgba(0,0,0,.18) 0 1px 6px}
.fd{font-family:Calsans,sans-serif}
.fs10{font-size:10px}
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs16{font-size:16px}

.m0{margin:0}
.m50{margin: 50px;}

.mb0{margin-bottom:0}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}

.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt120{margin-top:120px}

.ml1{margin-left:1rem}
.ml2{margin-left:2rem}
.mr05{margin-right:.5rem}
.mr1{margin-right:1rem}
.mr2{margin-right:2rem}
.mr3{margin-right:3rem}
.mr4{margin-right:4rem}

.m-auto{margin:auto}
.txc,.tac{text-align:center}
.txr,.tar{text-align:right}
.txl,.tal{text-align:left}
.txj{text-align:justify}

.dspn{display:none}
.dspf{display:flex}
.dspb{display:block}

.ftr{font-weight:400}
.ftbb{font-weight:700}

.p0{padding:.25rem}
.p1{padding:.5rem}
.p2{padding:1rem}
.p3{padding:1.5rem}
.p4{padding:2rem}
.p5{padding:2.5rem}
.p6{padding:3rem}
.p30{padding:30px}

.pdrl10{padding-right:10px;padding-left:10px;}
.pdrl20{padding-right:20px;padding-left:20px;}
.pdrl30{padding-right:30px;padding-left:30px;}
.pdrl40{padding-right:40px;padding-left:40px;}
.pdrl50{padding-right:50px;padding-left:50px;}
.pdt20{padding-top:20px;}
.pdb20{padding-bottom:20px;}

.txtc{text-transform:capitalize}
.txtl{text-transform:lowercase}

.light ::placeholder{color:#9e9e9e}
.dark ::placeholder{color:#6c6c6c}

.light,.light header,.light body,.light footer{background:#fff}
.dark,.dark header,.dark body,.dark footer{background:#1d1d1d}

.light h1,.light h2,.light h3{color:#1d1d1d}
.dark h1,.dark h2,.dark h3,.dark input::placeholder{color:#fff}

.light .c1,.light .lbn3aa, .light .hea3{color:#26A9BD}
.dark .c1,.dark .lbn3aa, .dark .hea3{color:#ffbd00}
.c2{color:#26A9BD}
.c3{color:#1d1d1d}
.c4{color:#fff}
.c5{color:#878787}
.c6{color:#000}

.light.bc1{background:#26A9BD}
.dark .bc1{background:#ffbd00}
.bc2{background:#26A9BD}
.bc4{background:#fff}
.bc6{background:#000}

.boxsh1{box-shadow:rgba(0,0,0,.18) 0 1px 6px;border-radius:.35rem}

.brd1{border-radius:5px;padding:10px;display:inline-flex}
.light .brd1{border:1px solid #26A9BD;color:#26A9BD;background:#fff}
.dark .brd1{border:1px solid #ffbd00;color:#ffbd00;background:#000}

.svg1{margin:0 5px}
.light .svg1{fill:#000}
.dark .svg1{fill:#fff}

.light .stro1{stroke:#000}
.dark .stro1{stroke:#fff}
.stro1{font-family:Calsans,sans-serif;font-weight:700}
input,select{max-height:45px}
textarea{resize:none;outline:none;width:100%}
label{display:block}
input[type=file]{display:block}
input[type=file]:focus{outline:2px dashed #fff;outline-offset:2px}
input[type=file]::file-selector-button{margin-right:8px;border:none;padding:8px 12px;cursor:pointer}
input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}

select{width:100%;display:block;min-height:45px;appearance:none;border:none;border-radius:.25rem;padding:.85rem 2rem;margin-bottom:20px}
textarea,input[type=text],input[type=number],input[type=email],input[type=password]{display: block;width: 100%;}
textarea,input[type=text],input[type=number],input[type=search],input[type=email],input[type=password]{ min-height:45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:.25rem;padding:.85rem 2rem;margin-bottom:20px;}.dark input[type=text],.dark input[type=search],.dark textarea,.dark input[type=url],.dark input[type=number],.dark input[type=email],.dark input[type=password],.dark .ird4 label,.dark .lpt10 label{border:.1rem solid #484848;background:#3a3a3a}

.light select,.light option,.light textarea,.light input[type=text],.light input[type=number],.light input[type=search],.light input[type=email],.light input[type=password],.light .ird4 label,.light .lpr10 label{background:#fff;color:#1d1d1d}
.light .bkg1, .light .bkg2{background-color: #f7f7f7;}
.light li,.light p,.light a,.light div,.light input[value],.light,.light textarea{color:#1d1d1d}
.dark select,.dark option, .dark .devf1, .dark .bkg1, .dark .bkg2, .dark .lpr10 label{background:#3a3a3a;color:#fff}
.dark li,.dark p,.dark a,.dark div,.dark input,.dark,.dark textarea{color:#fff}

.btn0{padding:.85rem;border-radius:.35rem;font-weight:400;border:none;display:block;width:100%;color:#26A9BD;background:#fff}
.btn1{padding:.85rem;border-radius:.35rem;width:100%;font-size:14px;margin-bottom:10px;font-weight:500;color:#fff!important;border:none}
.dark .btn1{background:#ffbd00}
.light .btn1{background:#26A9BD}

.btn2{padding:.55rem;border-radius:.35rem;width:100%;font-size:13px;font-weight:500;;border:none; margin-top: 20px;}
.dark .btn2{background:#1d1d1d; color:#fff!important;}
.light .btn2{background: #f1f3f4; color:#1d1d1d;}

.btn-ddk{border-radius:.30rem;cursor:pointer;border:none}
.light .btn-ddk{background:#fff;fill:#26A9BD}
.dark .btn-ddk{border:.1rem solid #484848;background:#2d2c2c;fill:#26A9BD}
.dark .ddk1{fill:#ffbd00}
.light .ddk1{fill:#26A9BD}
.dark .btn0{border:.1rem solid #484848;background:#2d2c2c}

.frm1{margin:20px auto;min-height:calc(100vh - 134px);padding:1rem;text-align:center;border-radius:.35rem}
.men1{border-radius:.35rem}
.men2{padding:1.5rem;border-radius:.35rem}
.men2aa{max-width:90px;min-width:90px;display:inline-block;font-weight:700}

.ban{border-radius:.35rem;padding:.8rem}
.ban2{margin:1%}
.ban2sp1{position:absolute;padding:.8rem;z-index:1}
.ban2img1{border-radius:.35rem}
.ban100{width:100%}

.devf1{text-align:center;width:100%;padding:20px; border-radius: 8px;}
.devf2{font-size:1.4rem;font-weight:700}
.devf3{margin:10px auto}
.wi100{width: 100%;}
.wi100p{width: 100px;}
.wi200p{width: 200px;}
.wi300p{width: 300px;}

.info{color:#04b015}

.ss0a{align-self:center}
.ss2{margin-bottom:0!important;min-height:35px!important;max-height:35px;width:95%;box-shadow:rgba(0,0,0,.18) 0 0 3px!important}
.ss3{margin-left:-70px;background:transparent;border:none;width:60px;height:30px}
.ss4{fill:#464646;padding-top:4px}
.ss5{display:flex;align-items:center}

.pdb20{padding-bottom: 20px;}
.pdt20{padding-top: 20px;}

.lin2{margin:0 auto;max-width:300px}
.lin1 li{padding:10px;border:#26A9BD 2px solid;border-radius:5px;margin:10px 0}
.lin1 li a{color:#26A9BD}

.dark .frm1,.dark .btn0,.dark .ban,.dark .ban2img1,.dark .men1,.dark .men2,.dark header,.dark .footer,
.dark .lcci0 li,.dark .lcc1,.dark .lcc2 li,.dark .lcc3 li,.dark .lcc4 li,.dark .lcc5 li,
.dark .lpr2,.dark .btn-ddk,.dark .lbn3a, .lpc1 li{
  box-shadow:rgba(255,255,255,.18) 0 1px 6px
}
.light .frm1,.light .btn0,.light .ban,.light .ban2img1,.light .men1,.light .men2,.light header,.light .footer,
.light .lcci0 li,.light .lcc1, .light .lcc2 li,.light .lcc3 li,.light .lcc4 li,.light .lcc5 li,
.light .lpr2,.light .btn-ddk,.light .devf1,.light textarea,.light input[type=text],.light input[type=number],
.light input[type=email],.light input[type=password],.light select, .light .lbn3a, .light .ird4 label, .light .lpr10 label,.lpc1 li{box-shadow:rgba(0,0,0,.22) 0 1px 6px}

.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,.4)}
.modal-content{background:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%;border-radius:8px}
.close{color:#aaa;float:right;font-size:28px;font-weight:700}
.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}
.asi1{display: inline-flex;align-items: center;}

address, article, aside, blockquote, body, caption, center, col, colgroup, dd, dir, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, legend, li, listing, main, marquee, menu, nav, noframes, ol, p, plaintext, pre, search, section, summary, table, tbody, td, tfoot, th, thead, tr, ul, xmp {unicode-bidi: isolate;}
.conn1{box-shadow:rgba(0,0,0,.18) 0 1px 6px; padding: 1.5rem;border-radius: 8px;}
.h1ia,.h1ii{position:absolute;color:#1d1d1d!important}




.aa1{display: grid; grid-template-columns: 1fr 6fr 2fr; gap: 16px; align-items: start; padding: 18px 0; }
.aa2{width: 140px; height: 140px; border-radius: 8px; object-fit: cover; background: #e8eaed; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; font-weight: 500; color: white; flex-shrink: 0; }
.aa3{border-radius: 8px; }
.aa41{display: flex; gap: 6px; flex-wrap: wrap; }
.aa411{margin-right: 8px; }
.aa412{background: #f1f3f4; border-radius: 12px; padding: 2px 9px; font-size: .76rem; color: #3c4043; }
.aa42{font-size: 1.1rem; text-decoration: none; margin-top: 10px; background: none; border: none; cursor: pointer;display: block; }
.aa43{font-size: .9rem; color: #4d5156; line-height: 1.3; margin: 8px 0; }
.aa44{font-size: .8rem; color: #70757a; }
.aa5{text-align: right; font-size: 1.3rem; }
.aa51{font-size: .8rem; color: #70757a; }
.modal-overlay{display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.55); backdrop-filter: blur(4px); z-index: 1000; align-items: center; justify-content: center; padding: 16px; }
.modal-overlay.active { display: flex; }
.modal-box { background: #fff; border-radius: 16px; padding: 36px; width: 100%; max-width: 480px; position: relative; box-shadow: 0 24px 80px rgba(0,0,0,0.18); animation: slideUp .25s cubic-bezier(.22,.68,0,1.2); }
@keyframes slideUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.modal-close { position: absolute; top: 14px; right: 14px; background: #f0f0ee; border: none; width: 32px; height: 32px; border-radius: 50%; font-size: 15px; cursor: pointer; color: #666; display: flex; align-items: center; justify-content: center; }
.modal-close:hover { background: #e0e0dc; }
.modal-title { font-size: 20px; font-weight: 700; margin-bottom: 24px; }
.modal-box label { display: block; font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #888; margin-bottom: 6px; }
.modal-box textarea, .modal-box input[type=email] { width: 100%; padding: 11px 13px; border: 1.5px solid #e0e0e0; border-radius: 8px; font: inherit; font-size: 14px; background: #fafaf8; outline: none; margin-bottom: 16px; transition: border-color .2s, box-shadow .2s; box-sizing: border-box; }
.modal-box textarea:focus, .modal-box input[type=email]:focus { border-color: var(--accent, #45c97a); box-shadow: 0 0 0 3px rgba(69,201,122,.12); background: #fff; }
.modal-box textarea { resize: vertical; min-height: 120px; line-height: 1.6; }
.modal-note { margin-top: 12px; font-size: 12px; color: #aaa; text-align: center; }

@media (max-width:912px){
  .aa1{grid-template-columns: 70px 1fr; }
  .aa5{grid-column: 1 / -1; text-align: left; }
  body{font-size:.875rem;line-height:1.25rem}
  header,body,footer{min-width:100%; max-width:100%}
  header{padding:10px 5px 5px;min-height:60px;}
  .hea2{width:80px;height:auto;max-width:200px}
  .hea3{padding: 0;font-size:0.75rem;font-weight:bold}
  .hea4{width: 100%;gap:0.8rem}
  .men1{padding:1.5rem .75rem;margin:1rem .45rem}
  .men3{margin:1rem .45rem}
  h1,.h1{font-size:1.6em;margin-block:0 .27em;line-height:1em}
  .h1ia{font-size:0.8em;font-weight: 700;padding:130px 0 0 5%;margin-block:0 .27em;}
  .h1ii{font-size:1.7em;padding:155px 0 0 5%;margin-block:0 .27em;line-height:1em;width: 90%;}
  h2,h3,.h2,.h3{font-size:1.2em;margin-block:.83em .53em;line-height:1em}
  .ban,.ban2sp1{font-size:.83em}
  .ban2sp1{max-inline-size:150px}
  .ban25{width:23%}
  li{font-size:.9rem;line-height:1.4rem}
  .lpr8:before {width: 170px;height: 300px;margin-top: -250px;}
  .wi31100{width:100%;margin:10px 0}
  .wi50100,.wi75100,.wi25100,.wi38100,.wi62100,.wi18100{width:100%}
  .conn1{width: 100%;}
  .dspmd{display:block}
  .asi2{display:flex;font-size:.675rem}
  .lpr1{grid-template-columns:repeat(2,1fr)}
  .asi1{margin:2% 1%}
  .ppr3{padding:20px 0}
  .lcci0{grid-template-columns:repeat(2,1fr)}
  .lcc2{grid-template-columns:repeat(2,1fr)}
  .lcc3{grid-template-columns:repeat(3,1fr)}
  .lbn3{grid-template-columns:repeat(1,1fr)}
  .lcc4, .ird4, .lpr10{grid-template-columns:repeat(2,1fr)}
  .lcc5{grid-template-columns:repeat(2,1fr)}
  .ss5{justify-content:right;margin-top:5px}
  .btn-ddk{padding:.2rem .6rem}
  .ss0a{width:20%}
  .ss1{width:80%}
  .ss5{width:100%}
  .bkg1,.bkg2,.bkg3{padding:10px;font-size: 0.80rem;line-height: 1.3;}
  .lcc2 a,.lcc3 a,.lcc4 a,.lcc5 a{margin: .4rem;font-size: 0.78rem;line-height: 1.4em;}
  .foot1{width: 100%;padding:10px;}
  .summary{font-size:0.78rem}
}

@media (min-width:912px){
  body{max-width:1200px;line-height:1.5;margin:0 auto;font-size:.98rem}
  header{border-radius:0 0 10px 10px;padding:10px;min-height:60px}
  .hea2{width:120px;height:auto}
  .hea3{font-size:0.9rem;font-weight:700}
  .hea4{width: 40%;gap:1rem}
  .men1{padding:1.5rem 1rem;margin:1rem .75rem}
  .men3{margin:0 .75rem 1rem}
  h1{font-size:1.8em;margin-block:0 .27em}
  .h1ia{font-size:0.8em;font-weight: 700;padding:60px 0 0 5%;margin-block:0 .27em;}
  .h1ii{font-size:3em;padding:75px 0 0 5%;margin-block:0 .27em;max-width:65%;}
  h2,h3{font-size:1.2em;margin-block:1.3em .27em}
  .ppr3{padding:20px 2rem}
  .ban25{width:25%}
  .brea1{display:flex}
  .wipdr10{padding-right:10px;}
  .wipdr20{padding-right:20px ;}
  .wipdl10{padding-left:10px ;}
  .wipdl20{padding-left:20px ;}
  .wi50100{width:50%}
  .wi75100{width:75%}
  .wi62100{width:62%}
  .wi38100{width:38%}
  .wi31100{width:31%;margin:0 1%}
  .wi25100{width:25%}
  .wi18100{width:18%}
  .conn1{width: 42%;margin: 100px ;}
  .dspmd{display:flex}
  .asi2{display:flex}
  .lpr8:before {width: 210px;height: 300px;margin-top: -280px;}
  .lpr1{grid-template-columns:repeat(5,1fr)}
  .asi1{margin:10px 0 20px;font-size:14px}
  .p1tb{padding:.5rem 0}
  .p2tb{padding:1rem 0}
  .p1lr{padding:0 .5rem}
  .p2lr{padding:0 1rem}
  .p1ll{padding:0 0 0 1.5rem}
  .p1rr{padding:0 1.5rem 0 0}
  .lcci0{grid-template-columns:repeat(4,1fr)}
  .lcc2, .lpr10{grid-template-columns:repeat(2,1fr)}
  .lcc3, .lbn3{grid-template-columns:repeat(3,1fr)}
  .lcc4, .ird4{grid-template-columns:repeat(4,1fr)}
  .lcc5{grid-template-columns:repeat(5,1fr)}
  .btn-ddk{padding:.4rem .6rem}
  .lg-dspf{display:flex}
  .lg-dspb{display:block}
  .ss0a{width:12%}
  .ss1{width:40%}
  .ss5{width:45%}
  .mm0100{margin: 100px;}
  .bkg1,.bkg2,.bkg3{padding: 15px 20px;line-height: 1.3;font-size: 0.88rem;}
  .lcc2 a,.lcc3 a,.lcc4 a,.lcc5 a{margin: .6rem;font-size: 0.84rem;line-height: 1.4rem;}
  .foot1{width: 32.9%;margin: 10px 0 20px;}
}

@media (min-width:1200px){
  .ss0a{width:10%}
  .ss1{width:48%;}
  .ss5{width:35%}
}