/*
Theme Name: m24h
Description: Mobile Theme
*/
.d-none{ display: none !important }
.w100, .w-100{ width: 100%; }
.h-100{ height: 100%; }
.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}
.text-center{ text-align: center; }
.align-midle{display:flex;align-items:center;}
.position-relative{ position: relative; }
.d-flex{ display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important; }
.flex-row{ -webkit-box-orient:horizontal!important; -webkit-box-direction:normal!important; -ms-flex-direction:row!important; flex-direction:row!important; }
.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-webkit-flex-direction:row-reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important;}
.flex-column{flex-direction:column!important;}
.flex-row-center{display:flex;flex-direction:row;align-items:center;justify-content:center;}
.flex-justify{justify-content: space-between}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}
@font-face {
	font-family:'UTMBebas';
	src:url('fonts/UTMBebas.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
.UTMBebas{ font-family: 'UTMBebas'; }
.container{ padding-left:10px ; padding-right:10px ;}
.cl_f04d6d{ color: #0055a6; }
.bg_f04d6d{ background: #0055a6; }

#menu{ background: #0055a6;  }
.ic_menu {
    display: inline-block;
    width: 1.9rem;
    height: 2rem;
    background: url(imgs/i-menu.png);   
}
#menu div.UTMBebas a {
    font-size: 1.5rem;
    color: #fff;
    line-height: 1.1;
}
#menu div img{ margin-right: 5px; }
#menu a{ color: #fff; font: 1.2rem; }
#dkkhamonline .d_contact{ 
	border: 1px solid #0055a6;
	background: #f9f8f8;
	padding: 20px;

}

.d_contact >div input{ border:1px solid #919191; background: #fff; padding-left: 10px; border-radius: 8px;     width: 100%;    line-height: 26px;    margin-bottom: 10px;}
.d_contact a{ background: #0055a6; border-radius: 30px; width: 210px; text-align: center; color: #fff; display: inline-block;    padding: 8px 0;    font-size: 1.5rem; }
footer{ padding: 20px 0; color: #fff; margin-top: 50px; font-size: 16px;}
footer a img{ max-width: 30px;} 
footer center{ margin-bottom: 30px;}
footer a strong, footer .tit_foot{ font-size: 1.5rem; font-weight: bolder; }
footer .wr-bottom{ border:2px solid #fff; padding: 15px 0;}
footer .tit_foot{ margin-top: 20px; margin-bottom: 15px; text-transform: uppercase; }
.wiget_footer p, .wiget_footer li{ border-bottom: 1px solid #fff; padding: 8px 0; }
.h1-title{ font-size: 24px; font-weight: bold; margin:30px 0; text-align: center; color: #0055a6;; }
.h1-title:before{ content: '';width: 80px; height: 3px; position: absolute ; bottom: -10px; left: 50%; transform: translateX(-40px); background: #0055a6;}
.title {
    font-size: 1.9rem;
    font-family: UTM;
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom: 1.3rem;
    padding-left: 10px;
    border-left: 10px solid #0055a6;
}
.itm8 img{ border-radius: 8px; }
#list-a .item1 .itm8,#list-a .item2 .itm8{  }
.text-footer{ border:1px dashed #fff; border-radius: 6px; position: relative; padding-left: 110px; margin-top: 40px;}
.text-footer div{  }
.text-footer img{ position: absolute; bottom: 0; left: 10px; width: 84px; z-index: 2;}