@font-face {
  font-family: 'Myriad Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/MyriadPro-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Myriad Pro';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url(../font/MyriadPro-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Myriad Pro';
  font-style: Italic ;
  font-weight: normal;
  font-display: swap;
  src: url(../font/MyriadPro-Italic.woff2) format('woff2');
}

/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/7cHpv4kjgoGqM7E_A8s52Hs.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/7cHpv4kjgoGqM7E_Ass52Hs.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../font/7cHqv4kjgoGqM7E3_-gs6FospT4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../font/7cHqv4kjgoGqM7E3_-gs6VospT4.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../font/7cHqv4kjgoGqM7E3_-gs51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../font/7cHqv4kjgoGqM7E30-8s6FospT4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../font/7cHqv4kjgoGqM7E30-8s6VospT4.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../font/7cHqv4kjgoGqM7E30-8s51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../font/7cHqv4kjgoGqM7E3t-4s6FospT4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../font/7cHqv4kjgoGqM7E3t-4s6VospT4.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../font/7cHqv4kjgoGqM7E3t-4s51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@mixin clearfix() {
  &::after {
    display: block;
    content: "";
    clear: both;
  }
}
a{ text-decoration: none;}
*, button{ outline:0;}
button:focus {outline:0;}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color:0;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset;
  outline: 0 none;
}
.form-select,
.form-check-input,
.form-control:focus { 
  outline: none !important;
  box-shadow: none !important;
}  
.lspace_dec{ letter-spacing:-5px; margin:0 8px 0 3px}
.p0{ padding:0; }
.m0{ margin:0;}
.m5{ margin:5px;}
.m10{ margin:10px;} 
.p5{ padding:5px}
.p10{ padding:10px}
.p15{ padding:15px}
.p20{ padding:20px}

 .pb5{ padding-bottom:5px;}
 .pb10{ padding-bottom:10px;}
 .pb20{ padding-bottom:20px;}

 .mb5{ margin-bottom:5px;}
 .mb10{ margin-bottom:10px;}
 .mb20{ margin-bottom:20px;}

 .mt5{ margin-top:5px;}
 .mt10{ margin-top:10px;}
 .mt20{ margin-top:20px;}
 .ma0{ margin:0 auto;}
 
 .pt0{ padding-top:0;}
 .pb0{ padding-bottom:0;}
 
.text-white {    color: #fff ;}
.text-red {    color: #f00;}
.text-btn {
    color: #0089b8;
} 

 .text-blue{ color:#0d31a2}
 .text-dblue{ color:#009dcd}
 .text-dred{ color:#a30d14}
 .text-og{ color:#fb9839}
 .text-grey{ color:#444}
 .text-lgrey{ color:#999}
 .text-dgrey{ color:#222}
 .text-black{ color:#000;}
.text-primary {
    color: #016081;
}
 .text-orange{ color:#ff9b1a;}
 .text-orange.lock:hover{ color: #ff9b1a;}
 .text-green{ color:#0ed5aa;}
 .text-dgreen{ color:#227a45;}
 
 
 .btn-primary{ background-color:#0d31a2 !important;}
  .fs32{
    font-size: 32px;
}

 .fs24{
    font-size: 24px;
}

.fs22{
    font-size: 22px;
}
.fs20{
    font-size: 20px;
}
.fs18{
    font-size: 18px;
}


.fs12{
    font-size: 12px;
}
.fs14{
    font-size: 14px;
}

.fs16 {   font-size: 16px;}
.bold{ font-weight:bold}

  a:hover{ text-decoration:none}
  
.mbtn,
.ani{

 -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
	
.mbtn.hover{ opacity:0.7;}

.cross{ text-decoration: line-through}
.noupp{ text-transform:none}
.hide{ display:none !important} 
.itc{ font-style:italic}

.pos-rel{ position:relative}

table.vd td,
table.vd th{ vertical-align: middle}
.covImg { 
 -moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-repeat: no-repeat;
display:block;
background-position: 50% 50%;
position:relative; 
} 

.cntImg { 
 -moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
background-repeat: no-repeat;
display:block;
background-position: 50% 50%;
position:relative; 
} 
.cntImg.bps_bottom,
.covImg.bps_bottom{background-position: 50% 100%;}
 
 .lodingDiv{     
 	width:100%; height:100%;
  position:absolute; top:0; left:0;
  background:rgba(255,255,255,0.95) url(../images/loading.gif) no-repeat 50% 45%;
  z-index:700;
}
.fulodingDiv{     
 	width:100%; height:100%;
  position:fixed; top:0; left:0;
  background:rgba(255,255,255,0.95) url(../images/loading.gif) no-repeat 50% 45%;
  z-index:8000;
}


.admin_box{ position:fixed; left:5px; top:5px; display:block; z-index:50000000;
background:rgba(0,0,0,.8);
padding:3px 5px 3px 14px; 
border-radius:8px;
color:#fff; line-height:30px;
font-size:12px;
}
.admin_box .btn{border-radius:8px; color:#fff; background:#217500; margin:0 0 0 5px; padding:2px 5px 2px 5px; font-size:12px;}
.admin_box .btn:hover{ color:#fff !important; opacity:0.7}


#fixArea{ position:fixed; z-index:5000; bottom:0; right:0; display:block; height:60px; width:40px;  
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 -moz-opacity:0;
 -khtml-opacity: 0;
 opacity:0; cursor:pointer; border-top:2px dotted var(--red); background:0;
}
#fixArea.on{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: alpha(opacity=100);
 -moz-opacity:1;
 -khtml-opacity: 1;
 opacity:1;
} 

#fixArea a {padding:0; margin:3px 0 0 0;  background:var(--red);display:block; color:#fff; width:40px; height:58px; text-align:center;  }
#fixArea a img{width:30px; height:30px; margin:15px auto 0 auto; position: relative; z-index:40;   }
/*
#fixArea a span{width:60px; height:20px; position: absolute; left:0; bottom:5px; color:#fff; text-align:center; font-size:16px;}
*/
/*
#fixArea a::after{content:"";   width:40px;height:60px;
 position:fixed; z-index:5; bottom:0; right:0;  background:var(--red);
 }*/
#fixArea{ 
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;	
 transition: all .2s ease-in-out;}
 
  
#ck_pop{ position:fixed; width:100%; bottom:0; left:0; height:auto; display:block; z-index:14000; border:1px solid #ccc; background:rgba(0,0,0,0.7);}
#ck_pop p{ padding:10px 30px 10px 10px; font-size:16px; color:#fff;}
#ck_pop #ckbtn{ position:absolute; top:5px; right:10px; color:#fff; cursor:pointer}

.last_item{ visibility:hidden}


.cusModal{}

.cusModal.nohead .modal-header{ border:0; padding:15px 15px 0 0}
.cusModal.nohead .modal-body{  padding:0 15px 25px 25px} 
.cusModal .modal-content{ 
border-radius:0; border:4px solid rgba(255,255,255,.3) }