﻿*{box-sizing:border-box;}
::placeholder{color:#bfbcbc;opacity:1;}
:-moz-placeholder{color:#bfbcbc;opacity:1;}
::-moz-placeholder{color:#bfbcbc;opacity:1;}
:-ms-input-placeholder{color:#bfbcbc;opacity:1;}
::-ms-input-placeholder{color:#bfbcbc;opacity:1;}
::-webkit-input-placeholder{color:#bfbcbc;opacity:1;}
input:focus:-moz-input-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
input:focus::-ms-input-placeholder { color:transparent; }
input:focus::-webkit-input-placeholder { color:transparent; }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v12-latin-regular.eot');
  src: local(''),
       url('../fonts/inter-v12-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/inter-v12-latin-regular.woff2') format('woff2'),
       url('../fonts/inter-v12-latin-regular.woff') format('woff'),
       url('../fonts/inter-v12-latin-regular.ttf') format('truetype'),
       url('../fonts/inter-v12-latin-regular.svg#Inter') format('svg');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v12-latin-600.eot');
  src: local(''),
       url('../fonts/inter-v12-latin-600.eot?#iefix') format('embedded-opentype'),
       url('../fonts/inter-v12-latin-600.woff2') format('woff2'),
       url('../fonts/inter-v12-latin-600.woff') format('woff'),
       url('../fonts/inter-v12-latin-600.ttf') format('truetype'),
       url('../fonts/inter-v12-latin-600.svg#Inter') format('svg');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v12-latin-700.eot');
  src: local(''),
       url('../fonts/inter-v12-latin-700.eot?#iefix') format('embedded-opentype'),
       url('../fonts/inter-v12-latin-700.woff2') format('woff2'),
       url('../fonts/inter-v12-latin-700.woff') format('woff'),
       url('../fonts/inter-v12-latin-700.ttf') format('truetype'),
       url('../fonts/inter-v12-latin-700.svg#Inter') format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v30-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto-v30-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
a{color:#1cbfff;text-decoration: none;}
a:active{color:#1cbfff;text-decoration: none;}
a:hover{color:#1cbfff;text-decoration: none;}
body{background-color:#f1f4fb;border:0px;color:#1f1f1f;font-family:'Roboto','Inter',Arial,Tahoma,Verdana;font-size:0px;height:100%;margin:0px auto;padding:0px;text-decoration:none;}
html{background-color:#f1f4fb;border:0px;color:#1f1f1f;font-family:'Roboto','Inter',Arial,Tahoma,Verdana;font-size:0px;margin:0px auto;padding:0px;text-decoration:none;}
h1,h2{font-size:0px;margin:0px;padding:0px;text-decoration:none;}
h3{border-radius:0px; -webkit-border-radius:0px;font-size:inherit;font-weight:inherit;height:inherit;line-height:inherit;margin:0px;padding:0px;text-align:inherit;text-decoration:inherit;width:inherit;}

img{border:0px;}
input{font-family:'Roboto','Inter',Arial,Tahoma,Verdana;}
p{margin:0px;padding:0px;text-decoration:none;}
table{border-collapse:collapse;}
th,td,ul,li{padding: 0px;}
video{width:100%;height:auto;}
.ClrFix::after {content:"";clear:both;display:table;}
.Animation
{
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: 0.6s;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: AnimateZoom;
    animation-play-state: running;
    animation-timing-function: ease;       
}
@keyframes AnimateZoom {
  from {transform: scale(0);}
  to {transform: scale(1);}
}
.BckClrBlu{background-color:#417ae3;}
.BckClrGrn{background-color:#00d639;}
.BckClrGry{background-color:#bfbcbc;}
.BckClrGrL{background-color:#666666;}
.BckClrPnk{background-color:deeppink;}
.BckClrPur{background-color:#8A2BE2;}
.BckClrRed{background-color:#ff0000;}
.BckClrTrq{background-color:#1cbfff;}
.BckClrWht{background-color:#ffffff;}
.BckClrYlw{background-color:#ffc125;}

.BtmNavImL{background-color:#e6eaf0;bottom:0px;clear:both;color:#000000;display:none;font-size:16px;line-height:1.0;padding:15px 50px 15px 50px;position:fixed;visibility:hidden;width:100%;}
@media all and (min-width: 850px) {.BtmNavImL{display:block;visibility:visible;}}
.BtmNavImL a{color:#000000;text-decoration:none;}
.BtmNavImL a:active{color:#000000;text-decoration:none;}
.BtmNavImL a:hover{color:#1cbfff;text-decoration:none;}

.BtmNavImS{background-color:#e6eaf0;bottom:0px;clear:both;color:#000000;display:none;font-size:12px;height:14px;line-height:1.0;padding:20px 50px 30px 20px;position:fixed;visibility:hidden;width:100%;}
@media all and (max-width: 849px) {.BtmNavImS{display:block;visibility: visible;}}
.BtmNavImS a{color:#000000;text-decoration:none;}
.BtmNavImS a:active{color:#000000;text-decoration:none;}
.BtmNavImS a:hover{color:#1cbfff;text-decoration:none;}

.Btn{
    background-color: #1cbfff;
    border: 1px solid #1cbfff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    padding: 10px 0px;
    text-align: center;
    text-decoration: none; 
    outline: none;
    width: 320px;
}
@media all and (max-width: 359px) { .Btn { border: 0px; border-radius: 0px; -webkit-border-radius: 0px;} }
.Btn:hover{
    background-color: #000000;
    border: 1px solid #000000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #1cbfff;
    padding: 10px 0px;
}
@media all and (max-width: 359px) { .Btn:hover { border: 0px; border-radius: 0px; -webkit-border-radius: 0px;} }
.Btn:focus{
    background-color: #000000;
    border: 1px solid #000000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #1cbfff;
    padding: 10px 0px;
}
@media all and (max-width: 359px) { .Btn:focus { border: 0px; border-radius: 0px; -webkit-border-radius: 0px;} }
.BtnRed{
    background-color: #ff0000;
    border: 1px solid #ff0000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    padding: 10px 0px;
    text-align: center;
    text-decoration: none; 
    outline: none;
    width: 320px;
}
@media all and (max-width: 359px) { .BtnRed { border: 0px; border-radius: 0px; -webkit-border-radius: 0px;} }
.BtnRed:hover{
    background-color: #000000;
    border: 1px solid #000000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #ffffff;
    padding: 10px 0px;
}
@media all and (max-width: 359px) { .BtnRed:hover { border: 0px; border-radius: 0px; -webkit-border-radius: 0px;} }
.BtnRed:focus{
    background-color: #000000;
    border: 1px solid #000000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #ffffff;
    padding: 10px 0px;
}
@media all and (max-width: 359px) { .BtnRed:focus { border: 0px; border-radius: 0px; -webkit-border-radius: 0px;} }

.BtnScl{
    margin-left: auto;
    margin-right: auto;
    width: 320px;
}
.BtnTrgDel{
    display: none;
}
.Cht{margin:0px auto;text-align:center;height:300px;width:320px;} 
/*@media all and (min-width:400px) {.Cht{height:400px;width:360px;}}
@media all and (min-width:768px) {.Cht{height:400px;width:400px;}}*/
.ChtCht{clear:both;margin:0px auto;text-align:center;width:100%} 

.ClrBlk{color:#1f1f1f;}
.ClrBlu{color:#417ae3;}
.ClrGrn{color:#00d639;}
.ClrGry{color:#bfbcbc;}
.ClrGrL{color:#666666;}
.ClrGrD{color:#4f4f4f;}
.ClrPnk{color: deeppink;}
.ClrPur{color:#8A2BE2;}
.ClrRed{color:#ff0000;}
.ClrTrq{color:#1cbfff;}
.ClrWht{color:#ffffff;}
.ClrYlw{color:#ffc125;}

.Ddl{
    background-color: #1f1f1f;
    border: none;
    color: #ffffff;
    font-size: 16px;
    outline: none;
    padding-left: 5px; 
    width: 310px;
}
@media all and (min-width: 768px) { .Ddl { padding-left: 10px; width: 430px; } }
.DdlLAN{
    background-color: #000000;
    border: none;
    color: #ffffff;
    font-size: 16px;
    outline: none;
    padding-left: 5px; 
    width: 60px;
}
.DdlScl{
    background-color: #1f1f1f;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 14px;
    width: 320px;
}
@media all and (min-width: 768px) { .DdlScl { width: 440px; } }
.DdlSclLAN{
    background-color: #000000;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 14px;
    width: 320px;
}
@media all and (min-width: 768px) { .DdlSclLAN { width: 440px; } }

#Frm{
    display: block;  
    visibility: visible;  
}
.Frm{
    background-color: white;
    clear: both;
    margin: 0px auto 20px auto;
    outline: none;
    width: 340px;
}
@media all and (min-width: 420px) { .Frm { border-radius: 6px; -webkit-border-radius: 6px; } }
@media all and (min-width: 768px) { .Frm { width: 480px; } }
.FrmHdr{
    clear: both;
    color: #1cbfff;
    font-size: 20px;
    line-height: 1.0;
    padding: 10px 0px;
    text-align: center;
    width: 100%; 
}
@media all and (min-width: 768px) { .FrmHdr { font-size: 24px; font-weight: 500; padding: 20px 0px; } }

.FrmLst{background-color:white;margin:0px auto 0px auto;outline:none;padding-top:10px}
@media all and (min-width: 768px) { .FrmLst { margin: 0px 20px 0px 20px; border-radius: 8px; -webkit-border-radius: 8px; } }
@media all and (min-width: 1280px) { .FrmLst { margin: 0px 50px 0px 50px; } }




.FrmMnu{background-color:#f1f4fb;margin:0px auto 0px auto;outline:none;}
@media all and (min-width: 768px) { .FrmMnu { margin: 0px 20px 0px 20px; border-radius: 8px; -webkit-border-radius: 8px; } }
@media all and (min-width: 1280px) { .FrmMnu { margin: 0px 50px 0px 50px; } }

.FrmMnuHme{background-color:#f1f4fb;margin:0px auto 0px auto;outline:none;}
@media all and (min-width: 768px) { .FrmMnuHme { margin: 0px 20px 0px 20px; border-radius: 8px; -webkit-border-radius: 8px; } }
@media all and (min-width: 1280px) { .FrmMnuHme { margin: 0px 50px 0px 50px; } }
.FrmPrb{background-color: #000000;}
@media all and (min-width: 768px) { .FrmPrb { margin: 0px 20px 0px 20px; } }
.FrmPrg{color: #000000;font-size: 16px;margin: 0px auto;text-align: center;}
@media all and (min-width: 768px) { .FrmPrg { margin: 0px 20px 0px 20px; } }

.FrmSrc{background-color:white;margin:0px auto 0px auto;outline:none;padding-top:10px}
@media all and (min-width: 768px) { .FrmSrc { margin: 0px 20px 0px 20px; border-radius: 8px; -webkit-border-radius: 8px; } }
@media all and (min-width: 1280px) { .FrmSrc { margin: 0px 50px 0px 50px; border-radius: 8px; -webkit-border-radius: 8px; } }


.FrmTtl{
    background-color: black; 
    clear: both;
    color: #1cbfff;
    font-size: 30px;
    font-weight: 700;
    height: 70px;
    line-height: 1.0;
    padding: 20px 10px;
    position: fixed;
    top: 0px; 
    width: 100%; 
    z-index:9999;
}
.FrmTtl2{
    clear: both;
    color: #1f1f1f;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    padding: 20px 10px 20px 10px; 
    text-align: center;
    width: 100%; 
}
@media all and (min-width: 768px) { .FrmTtl2 { font-size: 24px; padding: 20px; } }

.Ica{font-size: 32px;}
.Ica:hover{color: #000000;}
.Ica:focus{color: #000000;}
.Icd{font-size: 32px;}
.Icd:hover{color: #000000;}
.Icd:focus{color: #000000;}
.Ich{border-radius:4px;-webkit-border-radius:4px;padding:5px}
.Icl{font-size: 32px;}
.Icl:hover{color: #ffffff;}
.Icl:focus{color: #ffffff;}
.Icn{font-size: 24px;position: relative;top: -1px;}

.ImpTar{display: none;}

.KapHdrHme{font-size: 24px;font-weight: 700;line-height: 1.0;}
@media all and (min-width: 768px) { .KapHdrHme { font-size: 36px; } }
@media all and (min-width: 1024px) { .KapHdrHme { font-size: 36px; } }
.KapTxtHme{border-radius: 15px; -webkit-border-radius: 15px; color: #1f1f1f; font-size: 18px; line-height: 1.6; margin: 10px 14px 0px 14px; padding: 10px 10px; text-align: center;}
@media all and (min-width: 768px) { .KapTxtHme { font-size: 20px; margin: 20px 24px 0px 24px; } }
@media all and (min-width: 1024px) { .KapTxtHme { font-size: 22px; margin: 20px 24px 0px 24px; } }

.LblLstAdm{background-color: #b0e0e6; color: #000000; font-size: 16px; line-height: 3.0;}
.LblLstAdm:hover{background-color: #000000; cursor: pointer; color: #cccccc;}
.LblLstAdmSml{background-color: #b0e0e6; color: #000000; font-size: 14px; line-height: 1.6;}

.LblLstAlt{background-color: #fafafa; color: #000000; font-size: 16px; line-height: 3.0;}
.LblLstAlt:hover{background-color: #000000; cursor: pointer; color: #cccccc;}

.LblLstDtl{background-color: #ffffff; color: #000000; font-size: 16px; line-height: 3.0;}
.LblLstDtl:hover{background-color: #000000; cursor: pointer; color: #cccccc;}

.LblLstHdr{color: #1f1f1f; border-bottom: 1px solid #bfbcbc; font-size: 16px; font-weight:700; line-height: 3.0;}

.Lnk{display: inline-block; text-decoration: underline; outline: none;}
.Lnk:hover{color: #1cbfff; cursor: pointer; text-decoration: underline;}
.Lnk:focus{color: #1cbfff; text-decoration: underline;}

.LnkScl{margin-left: auto; margin-right: auto; text-align: center; width: 320px;}
@media all and (min-width: 768px) { .LnkScl { width: 360px; } }
.LnkSclSml{margin-left: auto; margin-right: auto; width: 320px;}
@media all and (min-width: 768px) { .LnkSclSml { width: 440px; } }

.Loader {border: 16px solid #1cbfff; border-radius: 50%; border-top: 16px solid #000000; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; margin: 0px auto; text-align: center;}
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

.MnuPosAll{margin: 0px; padding: 0px; text-align: center; width: 100%;}
.MnuPosAllHme{margin: 0px; padding: 0px; text-align: center; width: 100%;}
.MnuPosBtn{
    border-radius: 15px;
    -webkit-border-radius: 15px;
    color: #ffffff;
    cursor: pointer;  
    float: left;
    height: 100px;
    margin: 20px 24px 0px 24px;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none; 
    width: 100px;
}
@media all and (min-width: 768px) { .MnuPosBtn { height: 160px; width: 160px; } }
@media all and (min-width: 1024px) { .MnuPosBtn { height: 200px; width: 200px; } }
.MnuPosBtn:hover{background-color: #101213; color: #999999;}

.MnuPosBtnExt{
    border-radius: 15px;
    -webkit-border-radius: 15px;
    color: #ffffff;
    float: left;
    height: 100px;
    margin: 20px 24px 0px 24px;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none; 
    width: 100px;
}
@media all and (min-width: 768px) { .MnuPosBtnExt { height: 160px; width: 160px; } }
@media all and (min-width: 1024px) { .MnuPosBtnExt { height: 200px; width: 200px; } }
.MnuPosBtnExt:hover{color: #ffffff;}

.MnuPosBtnHme{
    border-radius: 15px;
    -webkit-border-radius: 15px;
    float: left;
    height: 320px; width: 150px;
    margin: 10px 14px 0px 14px;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none; 
}
@media all and (min-width: 768px) { .MnuPosBtnHme { height: 300px; width: 225px; margin: 20px 24px 0px 24px; } }
@media all and (min-width: 1024px) { .MnuPosBtnHme { height: 320px; width: 300px; margin: 20px 24px 0px 24px; } }

.MnuPosIcn{font-size: 50px; position: relative; text-align: center; top: -26px;}
@media all and (min-width: 768px) { .MnuPosIcn { font-size: 80px; top: -12px; } }
@media all and (min-width: 1024px) { .MnuPosIcn { font-size: 100px; top: -12px; } }
.MnuPosIcnHme{font-size: 30px; text-align: center;}
@media all and (min-width: 768px) { .MnuPosIcnHme { font-size: 40px; } }
@media all and (min-width: 1024px) { .MnuPosIcnHme { font-size: 60px; } }

.MnuPosItm{display: inline-block; margin-bottom: 50px;}
.MnuPosItmHme{display: inline-block; margin-bottom: 50px;}

.MnuPosTxt{color: #1f1f1f; font-size: 16px; margin-top: 20px; text-align: center;}
@media all and (min-width: 768px) { .MnuPosTxt { font-size: 22px; margin-bottom: 20px; margin-top: 40px; } }
@media all and (min-width: 1024px) { .MnuPosTxt { font-size: 24px; margin-top: 60px; } }
.MnuPosTxtHme{color: #1f1f1f; font-size: 16px; margin-top: 20px; text-align: center;}
@media all and (min-width: 768px) { .MnuPosTxtHme { font-size: 18px; } }
@media all and (min-width: 1024px) { .MnuPosTxtHme { font-size: 20px; } }

.Msg{
    color: #1cbfff;
    font-size: 16px;
    font-style: italic;
    padding: 10px 0px;
    text-align: center;
}
.MsgBld{
    color: #1cbfff;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    padding: 10px 0px;
    text-align: center;
}
.MsgRed{
    color: #ff0000;
    font-size: 16px;
    font-style: italic;
    padding: 10px 0px;
    text-align: center;
}
.MsgScl{
    margin-left: auto;
    margin-right: auto;
    width: 320px;
}
@media all and (min-width: 768px) { .MsgScl { width: 440px; } }

.Nbr{
    background-color: #1cbfff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: white;
    font-size: 11px;
    height: 30px;
    left: 70px;
    line-height: 1.0; 
    padding-top: 10px;
    position: relative;
    top: -24px;
    width: 30px;
}
@media all and (min-width: 768px) { .Nbr { font-size: 14px; height: 42px; left: 120px; padding-top: 14px; top: -30px; width: 42px; } }
@media all and (min-width: 1024px) { .Nbr { font-size: 14px; height: 42px; left: 160px; padding-top: 15px; top: -30px; width: 42px; } }
.NbrIcn{
    background-color: #1cbfff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: white;
    font-size: 14px;
    height: 30px;
    left: 70px;
    line-height: 1.0; 
    padding-top: 8px;
    position: relative;
    top: -24px;
    width: 30px;
}
@media all and (min-width: 768px) { .NbrIcn { font-size: 20px; height: 42px; left: 120px; padding-top: 10px; top: -30px; width: 42px; } }
@media all and (min-width: 1024px) { .NbrIcn { font-size: 20px; height: 42px; left: 160px; padding-top: 10px; top: -30px; width: 42px; } }
.Nte{
    color: #1f1f1f;
    font-size: 16px;
    padding: 0px 10px;
    text-align: center;
}
.NteScl{
    margin-left: auto;
    margin-right: auto;
    width: 320px;
}
@media all and (min-width: 768px) { .NteScl { width: 440px; } }

.Pagination{
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0px;
}
.Pagination li a{
    display: block;
    padding: 8px 9px;
    text-decoration: none;
    border: 1px solid #1cbfff;
    color: black;
    margin: 0 4px;
    border-radius: 5px;
    font-size: 16px;
}
.Pagination li a.active{
    background-color: #1cbfff;
    color: black;
}
.Pagination li a:hover:not(.active){
    background-color: lightgray;
}

#PagScrUpw{background-color:#ffffff;border:1px solid #1cbfff;bottom:5px;cursor:pointer;display:none;height:40px;opacity:1.0;position:fixed;right:5px;visibility:hidden;width:40px;z-index:9999;}

.PcyBtm{background-color:black;bottom:0px;clear:both;color:White;font-size:14px;padding:10px;position:fixed;width:100%;}
@media all and (min-width:768px) {.PcyBtm{font-size:16px;padding:20px;}}

.PcyBtn{background-color:#1cbfff;border:1px solid #1cbfff;border-radius:4px;-webkit-border-radius:4px;color:white;cursor:pointer;font-weight:600;line-height:1.6;margin:0px 10px;outline:none;padding:2px 20px;white-space:nowrap;}
.PcyBtn a{color:white;}
.PcyBtn:hover{color:white;opacity:0.7;}
.PcyLnk{color:White;text-decoration:underline;}
.PcyLnk a{color:white;}
.PcyLnk:hover{color:white;opacity:0.7;}

.Spc020{
    height: 10px;
}
@media all and (min-width: 768px) { .Spc020 { height: 20px; } }

.Tbx{
    background-color: #ffffff;
    border: none;
    color: #1f1f1f;
    font-size: 16px;
    outline: none;
    padding: 5px; 
    width: 300px;
}
@media all and (min-width: 768px) { .Tbx {  padding: 5px 10px; width: 420px; } }
.Tbx:focus{
    color: #1f1f1f;
}

.TbxHdr{
    color: #1cbfff;
    font-size: 12px;
    height: 0px;
    left: 20px;
    position: relative;
    top: -18px;
    visibility: hidden;
}

.TbxHdrSpn{
    background-color: white;
}

.TbxHdrSpnSrc{
    background-color: #f1f4fb;
}

.TbxMax{
    max-width: 280px;
}
@media all and (min-width: 768px) { .TbxMax { max-width: 400px; } }

.TbxScl{
    border: 1px solid #bfbcbc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px;
    width: 320px;
}
@media all and (min-width: 768px) { .TbxScl { width: 440px; } }

.TbxSrc{
    background-color: #f1f4fb;
    border: none;
    color: #1f1f1f;
    font-size: 16px;
    outline: none;
    padding: 5px; 
    width: 300px;
}
@media all and (min-width: 768px) { .TbxSrc { padding: 5px 10px; width: 420px; } }
.TbxSrc:focus{
    color: #1f1f1f;
}

.Tbx02{
    background-color: #ffffff;
    border: 1px solid #1f1f1f;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #1f1f1f;
    font-size: 16px;
    margin-left: 5px;
    outline: none;
    padding: 5px; 
    width: 34px;
}
.Tbx02:focus{
    color: #1f1f1f;
}
.Tbx04{
    background-color: #ffffff;
    border: 1px solid #1f1f1f;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #1f1f1f;
    font-size: 16px;
    margin-left: 5px;
    outline: none;
    padding: 5px; 
    width: 50px;
}
.Tbx04:focus{
    color: #1f1f1f;
}

.TxA200{
    background-color: #ffffff;
    border: none;
    color: #1f1f1f;
    font-family: 'Roboto','Inter',Arial,Tahoma,Verdana;
    font-size: 16px;
    height: 200px;
    outline: none;
    padding: 5px; 
    resize: none;
    width: 300px;
}
@media all and (min-width: 768px) { .TxA200 { padding: 5px 10px; width: 420px; } }
.TxA200:focus{
    color: #1f1f1f;
}

.TxA400{
    background-color: #ffffff;
    border: none;
    color: #1f1f1f;
    font-family: 'Roboto','Inter',Arial,Tahoma,Verdana;
    font-size: 16px;
    height: 400px;
    outline: none;
    padding: 5px; 
    resize: none;
    width: 300px;
}
@media all and (min-width: 768px) { .TxA400 { padding: 5px 10px; width: 420px; } }
.TxA400:focus{
    color: #1f1f1f;
}

.Txt{
    font-size: 16px;
}

.TxtScl{
    color: #1f1f1f;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px; 
    width: 320px;
}
@media all and (min-width: 768px) { .TxtScl { width: 440px; } }

.xBC100{border:0px;border-collapse:collapse;width:100%;}

.xBdr{clear:both;padding:15px;margin-bottom:20px;min-height:300px;}
@media all and (min-width:768px) {.xBdr{margin-bottom:0px;}}

.xBtnTrq{background-color:#1cbfff;color:white;cursor:pointer;display:inline-block;font-size:16px;outline:none;padding:10px;text-align:center;text-decoration:none;white-space:nowrap;width:260px;}
@media all and (min-width:450px) {.xBtnTrq{width:300px;}}
@media all and (min-width:1024px) {.xBtnTrq{font-size:20px;}}
.xBtnTrq a{text-decoration:none;}
.xBtnTrq:focus{text-decoration:none;}
.xBtnTrq:hover{color:white;opacity:0.7;}

.xCB{clear:both;}
.xClrBlk{color:#000000;}
.xClrBlu{color:#000080;}
.xClrBur{color:#802b2e;}
.xClrEur{color:#721815;}
.xClrGrn{color:#00cd00;}
.xClrGry{color:#2a2d2e;}
.xClrPnk{color:#ff0066;}
.xClrPnkTfr{color:#be3290;}
.xClrRed{color:#dc143c;}
.xClrTrq{color:#45ffff;}
.xClrWht{color:#ffffff;}
.xClrWpl{color:#5046ff;}
.xCN{text-align:center;}
.xCP{cursor:pointer;}
.xFL{float:left;}
.xFR{float:right;}

.xHD120E{
}
@media all and (max-width: 767px) { .xHD120E { overflow: hidden; text-overflow: ellipsis; width: 120px; } }

.xHT1{height:1px;}
.xHT5{height:5px;}
.xHT10{height:10px;}
.xHT15{height:15px;}
.xHT20{height:20px;}
.xHT25{height:25px;}
.xHT30{height:30px;}
.xHT40{height:40px;}
.xHT50{height:50px;}
.xHT70{height:70px;}
.xHT100{height:100px;}
.xHT200{height:200px;}
.xHT500{height:500px;}

.xIcnChk{font-size:16px;margin-right:10px}
@media all and (min-width:1024px) {.xIcnChk{font-size:18px;}}

.xLF{text-align:left;}

.xLH1_0{line-height:1.0;}
.xLH1_6{line-height:1.6;}

.xMB2{margin-bottom:2px;}
.xMB20{margin-bottom:20px;}
.xML10{margin-left:10px;}
.xML15{margin-left:15px;}
.xML20{margin-left:20px;}
.xMR10{margin-right:10px;}
.xMR20{margin-right:20px;}
.xMT2{margin-top:2px;}
.xMT10{margin-top:10px;}
.xMT20{margin-top:20px;}
.xMT40{margin-top:40px;}
.xNW{white-space:nowrap;}
.xPB5{padding-bottom:5px;}
.xPB10{padding-bottom:10px;}
.xPB20{padding-bottom:20px;}
.xPD5{padding:5px;}
.xPL5{padding-left:5px;}
.xPL10{padding-left:10px;}
.xPL15{padding-left:15px;}
.xPL20{padding-left:20px;}
.xPL30{padding-left:30px;}
.xPL40{padding-left:40px;}
.xPR5{padding-right:5px;}
.xPR10{padding-right:10px;}
.xPR15{padding-right:15px;}
.xPR20{padding-right:20px;}
.xPT5{padding-top:5px;}
.xPT10{padding-top:10px;}
.xPT20{padding-top:20px;}
.xRT{text-align:right;}

.xSlg{background-position:center;background-repeat:no-repeat;background-size:cover;clear:both;margin:0px auto;overflow:hidden;padding:20px 20px 20px 20px;}
@media all and (min-width:1024px) {.xSlg{padding:20px 40px 20px 40px;}}
.xSlgLft{position:relative;left:0px;margin-bottom:10px;text-align:left;}
.xSlgRgt{position:relative;right:0px;margin-bottom:10px;text-align:right;}
.xSlgTxt{border-radius:5px;-webkit-border-radius:5px;font-size:16px;font-weight:600;line-height:2.0;margin:0px;padding:5px 10px 5px 10px;}
@media all and (min-width:360px) {.xSlgTxt{font-size:18px;}}
@media all and (min-width:400px) {.xSlgTxt{font-size:20px;}}
@media all and (min-width:500px) {.xSlgTxt{font-size:22px;}}
@media all and (min-width:600px) {.xSlgTxt{font-size:24px;}}
@media all and (min-width:768px) {.xSlgTxt{font-size:36px;}}
@media all and (min-width:1280px) {.xSlgTxt{font-size:40px;}}

.xSlgTxtBlkTrq{background-color:rgba(0,0,0,0.5);color:#45ffff;}
.xSlgTxtBlkWht{background-color:rgba(0,0,0,0.5);color:#ffffff;}
.xSlgTxtBluWht{background-color:rgba(0,0,128,0.7);color:#ffffff;}
.xSlgTxtBurWht{background-color:rgba(128,43,46,0.7);color:#ffffff;}
.xSlgTxtEurWht{background-color:rgba(114,24,21,0.7);color:#ffffff;}
.xSlgTxtGryWht{background-color:rgba(128,128,128,0.7);color:#ffffff;}
.xSlgTxtPnkWht{background-color:rgba(190,50,144,0.7);color:#ffffff;}
.xSlgTxtWhtPnk{background-color:rgba(255,255,255,0.7);color:#ff0066;}
.xSlgTxtWhtRed{background-color:rgba(255,255,255,0.7);color:#dc143c;}
.xSlgTxtWplWht{background-color:rgba(80,70,255,0.7);color:#ffffff;}

.xTxt{font-size:16px;line-height:1.4;margin:auto;max-width:1000px;overflow:auto;padding:10px 10px 0px 10px;text-align:left;}
@media all and (min-width:1024px) {.xTxt{padding:20px 20px 0px 20px;}}

.xUL{text-decoration:underline;}
.xUP{text-transform:uppercase;}
.xVB{vertical-align:bottom;}
.xVT{vertical-align:top;}
.xWT1{width:1px;}
.xWT45{width:45px;}
.xWT50{width:50px;}
.xWT10P{width:10%;}
.xWT15P{width:15%;}
.xWT20P{width:20%;}
.xWT25P{width:25%;}
.xWT30P{width:30%;}
.xWT33P{width:33.3333333333%;}
.xWT35P{width:35%;}
.xWT40P{width:40%;}
.xWT49P{width:49.99999999%;}
.xWT50P{width:50%;}
.xWT65P{width:65%;}
.xWT80P{width:80%;}
.xWT99P{width:99%;}
.xWT100P{width:100%;}