/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;500;900&display=swap'); */

body{
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    max-width: 100vw;
    overflow-x: hidden;
    overflow-y: scroll; 
    animation: 1.5s pagefadein forwards;
}
@keyframes pagefadein {
	0% {opacity: 0}
	100% {opacity: 1}
}
*{
    font-family:'Noto Sans JP','Nunito',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji",メイリオ,Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Sans"
}
.main-wrapper{
    overflow-x: hidden;
    overflow-y: hidden;
    max-width: 100vw;
}
a:hover {
    text-decoration: none;
}
:root{
    -ms-touch-action: pan-x pan-y;
        touch-action: pan-x pan-y;
    height: 100% ;
    --iclc-blue: #1a7ec5;
    --iclc-grey-blue:#7791a1;
    --iclc-orange:#ef5714;
    --iclc-pink:#f3aa92;
    --iclc-light-pink:#ffdebe;
    --iclc-light-pink2:#fff6f2;
    --iclc-dark-grey: #5c616e;
    --iclc-dark:#3e3e3e;
    --iclc-white: #fefefe;
    --dark-header:##304d5e;
    --iclc-light-grey:#afafaf1f;
    --iclc-yellow:#E8A21E;
    --iclc-red: #ef5555;
    --iclc-grey:rgb(201, 201, 201);
    --iclc-gmap:#4D6A79;
}
.mf-red{color: var(--iclc-red);}
.mf-dark-header{color: var(--dark-header);}
.mf-blue{color: var(--iclc-blue)}
.mf-grey-blue{color: var(--iclc-grey-blue)}
.mf-orange{color: var(--iclc-orange)}
.mf-pink{color: var(--iclc-pink)}
.mf-dark-grey{color: var(--iclc-dark-grey)}
.mf-white{color: var(--iclc-white)}
.mf-red2{color: red;}
.mf-yellow{color: var(--iclc-yellow);}
.mf-dark{color: var(--iclc-dark);}
.text-shadow{text-shadow: 4px 2px 4px rgb(0 0 0 / 49%);}
.mf-bg-blue{background-color: var(--iclc-blue)}
.mf-bg-yellow{background-color: var(--iclc-yellow);}
.mf-bg-grey-blue{background-color: var(--iclc-grey-blue)}
.mf-bg-orange{background-color: var(--iclc-orange)}
.mf-bg-pink{background-color: var(--iclc-pink)}
.mf-bg-light-pink{background-color: var(--iclc-light-pink)}
.mf-bg-light-pink2{background-color: var(--iclc-light-pink2)}
.mf-bg-dark-grey{background-color: var(--iclc-dark-grey)}
.mf-bg-grey{background-color: var(--iclc-grey);}
.mf-bg-red{background-color: var(--iclc-red);}
.mf-bg-white{background-color: var(--iclc-white)}
.mf-bg-dark{background-color: var(--iclc-dark)}
.mf-bg-darkcyan{background-color: darkcyan;}
.mf-bg-steelblue{background-color: steelblue;}
.mf-bg-pattern-01{
    background-image: -o-linear-gradient(#ebf7ff 2px, transparent 2px), -o-linear-gradient(left, #ebf7ff 2px, #ffffff 2px);
    background-image: linear-gradient(#ebf7ff 2px, transparent 2px), linear-gradient(to right, #ebf7ff 2px, #ffffff 2px);
    background-size: 20px 20px;
}
.mf-bg-gmap{background-color: var(--iclc-gmap);}
.cursor-pointer:hover{
    cursor: pointer;
}
.mf-anim{
    position: relative;
}
.mf-fade-up.fade-up{
    opacity: 0;
    top: 1em;
    -webkit-animation-name: FadeUp;
            animation-name: FadeUp;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}
@-webkit-keyframes FadeUp {
    from {opacity: 0; top: 1em;}
    to {opacity: 1;top: 0;}
}
@keyframes FadeUp {
    from {opacity: 0; top: 1em;}
    to {opacity: 1;top: 0;}
}
.mf-slideLTR.slideLTR{
    opacity: 0;
    right: 1em;
    -webkit-animation-name: slideLTR;
            animation-name: slideLTR;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}
@-webkit-keyframes slideLTR {
    from {opacity: 0; right: 1em;}
    to {opacity: 1;right: 0;}
}
@keyframes slideLTR {
    from {opacity: 0; right: 1em;}
    to {opacity: 1;right: 0;}
}
.mf-slideRTL.slideRTL{
    opacity: 0;
    left: 1em;
    -webkit-animation-name: slideRTL;
            animation-name: slideRTL;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}
@-webkit-keyframes slideRTL {
    from {opacity: 0; left: 1em;}
    to {opacity: 1;left: 0;}
}
@keyframes slideRTL {
    from {opacity: 0; left: 1em;}
    to {opacity: 1;left: 0;}
}

a.mf-hoverunderline:hover{
    text-decoration: underline !important;
}
.mf-bg-light-grey{background-color: var(--iclc-light-grey);}
.mf-shadow{
    -webkit-box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
            box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
}
.mf-table-border{
    -webkit-box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
            box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
.mf-border-bottom{
    background: var(--iclc-orange);
    height: 2px;
    width: 50%;
    display: block;
}
.mf-bold{font-weight: bold}
.mf-highlight{
    background-color: transparent;
    color: inherit;
    text-decoration: none;
    /* transition: background .15s cubic-bezier(.33,.66,.66,1); */
    -webkit-transition: .5s box-shadow ease;
    -o-transition: .5s box-shadow ease;
    transition: .5s box-shadow ease;
    /* border-bottom: 3px solid #fff68e; */
    -webkit-box-shadow: inset 0 -8px 0 #fff68e;
            box-shadow: inset 0 -8px 0 #fff68e;
    overflow-wrap: break-word;
    word-break: break-word;
    word-wrap: break-word;
}
.mf-highlight:hover{
    -webkit-box-shadow: inset 0 -40px 0 #fff68e !important;
            box-shadow: inset 0 -40px 0 #fff68e !important;
}
.mf-btn{
    padding: .5rem 1.5rem;
    -webkit-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;
    border-radius: 5px;
}
.mf-btn-outline-dark-nohover:hover{
    color: white;
}
.mf-btn-outline-dark-nohover{
    /* padding: .5rem 1.5rem; */
    /* border-radius: 5px; */
    /* background-color: var(--iclc-white); */
    /* color: var(--iclc-dark); */
    /* border: 1px solid var(--iclc-dark); */
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.mf-btn-orange{
    background-color: var(--iclc-orange);
    color: var(--iclc-white);
    border: 1px solid var(--iclc-white);
}
.mf-btn.mf-btn-orange:hover{
    background: var(--iclc-white);
    border: 1px solid var(--iclc-orange);
    color: var(--iclc-orange);
}
.mf-btn-outline-orange{
    background-color: var(--iclc-white);
    color: var(--iclc-orange);
    border: 1px solid var(--iclc-orange);
}
.mf-btn.mf-btn-outline-orange:hover{
    background: var(--iclc-orange);
    border: 1px solid var(--iclc-white);
    color: var(--iclc-white);
}
.mf-btn-blue{
    background-color: var(--iclc-blue);
    color: var(--iclc-white);
    border: 1px solid var(--iclc-white);
}
.mf-btn.mf-btn-blue:hover{
    background: var(--iclc-white);
    border: 1px solid var(--iclc-blue);
    color: var(--iclc-blue);
}
.yen::before{
    content: '\00A5';
    margin-right: 5px;
}
.mf-larger{
    font-size: large;
}
.bg-cover-norepeat{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
label.error{
    color: red;
    font-size: 9pt;
    line-height: 0;
}
.h50{height: 50px}
.h100{height: 100px}
.h150{height: 150px}
.h200{height: 200px}
.h250{height: 250px}
.h300{height: 300px}
.h350{height: 350px}
.h400{height: 400px}
.h500{height: 500px}
.w100{width:100px}
.w150{width:150px}
.w200{width:200px}
.w300{width:300px}
.fz-32{font-size: 32pt;}
.fz-48{font-size: 48pt;}
.fz-52{font-size: 52pt;}
.fz-60{font-size: 60pt;}
.fz-72{font-size: 72pt;}
.fz-36{font-size: 36pt;}
.fz-30{font-size: 30pt;}
.fz-24{font-size: 24pt;}
.fz-20{font-size: 20pt;}
.fz-18{font-size: 18pt;}
.fz-16{font-size: 16pt;}
/* LANGUAGES */
.language-holder{
    position: absolute;
    top: 0;
    right: 0;
    /* font-size: 10pt; */
    padding-right: 1em;
}
.res-language-holder .dropdown-menu a{
    color: var(--iclc-dark);
}
/* HEADER */
header{
    max-width: 100vw;
    height: 0;
}
.logo{
    font-size: 36pt;
    font-weight: bold;
    line-height: 1;
    z-index: 0;
    font-family: system-ui;
    color: white;
}
.header-content-holder{
    display: flex;
    justify-content: space-between;
    transition: .5s background-color, .5s opacity;
}

.logo-holder{
    padding: 1em 0 1em 3em;
}
.menu-holder{
    padding: 1em 0;
}
.contact-btn-holder{
    justify-content: center;
    align-items: center;
    transition: .5s background-color;
}
.sub-logo-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.sub-logo-wrapper span{
    white-space: nowrap;
    font-size: 10pt;
}
.sub-logo{
    color: white;
    line-height: 1;
}
#changeLanguage img.flags{
    width: 20px;
}
a.nav-item:not([href]){
    cursor: default;
}
/* NAVIBAR */
nav.menu-wrapper .nav-menu-item.actived::after{
    width: 100%;
    opacity: 1;
}
.default-nav #changeLanguage a.dropdown-toggle{
    color: white;
}
.menu-holder{
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-holder a.nav-menu-item{
    color: var(--iclc-white);
    padding: 0 .75rem;
}
.nav-menu-item::after{
    content: '';
    background: white;
    display: block;
    width: 0;
    height: 3px;
    margin: auto;
    opacity: 0;
    transition: .25s width, .25s opacity;
    position: relative;
    top: 5px;
}
.tel-icon{
    color: white;
    font-size: 18pt;
    margin-right: 10px;
}
.tel-number{
    font-size: 18pt;
    font-weight: bold;
    color: white;
}
.tel-sub{
    color: white;
    font-size: 9pt;
    margin: 0;
}
.nav-menu-item:hover::after{
    width: 100% ;
    opacity: 1 ;
}


nav{max-width: 100vw;}
nav a.nav-item{
    color: var(--iclc-white);
    display: block;
}

.navbar-item-holder{
    text-align: center;
    width: 100%;
    
}
.navbar-item-holder::after{
    content: '';
    display: block;
    background-color: var(--iclc-light-pink);
    visibility: hidden;
    width: 0%;
    height: 2px;
    margin: auto;
    -webkit-transition: .5s width, .5s visibility;
    -o-transition: .5s width, .5s visibility;
    transition: .5s width, .5s visibility;
}
.navbar-item-holder:not(.navbar-actived , .home-btn):hover::after{
    width: 80% !important;
    visibility: visible !important;
}
.navbar-item-holder:hover .dropdown-list{
    width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.dropdown-list a {color: #fefefea6}
.dropdown-items a:hover{color: var(--iclc-white);}
.dropdown-list .d-flex{
    -webkit-box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
            box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
    border-left: 1px solid #676767;
    border-right: 1px solid #676767;
    border-bottom: 1px solid #676767;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.dropdown-list{
    position: absolute;
    /* background: var(--iclc-dark); */
    opacity: 0;
    visibility: hidden;
    top: 100%;
    left: 0;
    width: 40%;
    -webkit-transition: .5s width, .5s opacity, .5s visibility;
    -o-transition: .5s width, .5s opacity, .5s visibility;
    transition: .5s width, .5s opacity, .5s visibility;
}

.dropdown-title{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: var(--iclc-dark);
    padding: 1em 2em;
    width: 15em;
    border-bottom-left-radius: 5px;
    color: var(--iclc-white);
}
.dropdown-items{
    border-left: 1px solid #ffffff33;
    /* padding: 1em 2em; */
    text-align: left;
    width: 100%;
    background-color: #3e3e3edb;
    border-bottom-right-radius: 5px;
}
.dropdown-items .item{
    display: block;
    line-height: 3;
    position: relative;
    left: 0%;
    -webkit-transition: .5s left;
    -o-transition: .5s left;
    transition: .5s left;
    padding-left: 1em;
}
.dropdown-items .item::before{
    font-family: "Font Awesome 5 Free";
    content: "\f061";
    display: inline-block;
    padding-right: 3px;
    /* vertical-align: middle; */
    font-weight: 900;
    position: absolute;
    left: -3%;
    visibility: hidden;
    -webkit-transition: .25s left, .15s visibility;
    -o-transition: .25s left, .15s visibility;
    transition: .25s left, .15s visibility;
}
.dropdown-items .item:hover{
    left: 3%;
}
.dropdown-items .item:hover::before{
    left: -1% !important;
    visibility: visible !important;
}
.resnav-wrapper{
    position: fixed;
    background: var(--iclc-dark);
    width: 100%;
    z-index: 1000;
    overflow-y: scroll;
    max-height: calc(100vh - 69px);
}
.sub-menu{
    background: #353535;
}
.resnav-list .sub-item a{
    
}
.resnav-item{
    position: relative;
}
.resnav-item a.expand-icon.plus::after {
    content: '+';
    position: absolute;
    /* right: 5%; */
    left: 1%;
    color: white;
    font-size: 16pt;
    line-height: 1;
}
.resnav-item a.expand-icon.minus::after {
    content: '-';
    position: absolute;
    /* right: 5%; */
    left: 1%;
    color: white;
    font-size: 16pt;
    line-height: 1;
}

.inner-shadow{
    -webkit-box-shadow: inset 0px 1px 10px 0px #0000007a;
    box-shadow: inset 0px 1px 10px 0px #0000007a;
}
.resnav-item a:not(.dropdown-menu a):not(.sub-item a){
    color: var(--iclc-white);
    display: block;
    padding: .5em 0 .5em 2em;
    
}
.resnav-item .sub-item a{
    color: var(--iclc-white);
    display: block;
    padding: .5em 0 .5em 3em;
}
.resnav-item:not(:last-child) a{
    border-bottom: 1px solid #fefefe47;
}
.navbar-actived{
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0px 1px 5px -1px #000000;
    background: rgb(1,107,183);
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(0 87 150)), color-stop(50%, rgb(1 107 183)), to(rgb(0 99 171)));
    background: -o-linear-gradient(bottom, rgb(0 87 150) 0%, rgb(1 107 183) 50%, rgb(0 99 171) 100%);
    background: linear-gradient(0deg, rgb(0 87 150) 0%, rgb(1 107 183) 50%, rgb(0 99 171) 100%);
}
/* FOOTER */
footer{max-width: 100vw;}
.overlay{
    position: relative;
    z-index: 0;
}
.overlay-orange::after{
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: .6;
    background: rgb(57,57,57);
    background: -o-linear-gradient(45deg, rgba(57,57,57,1) 0%, rgba(142,61,9,1) 42%, rgba(255,102,0,1) 100%);
    background: linear-gradient(45deg, rgba(57,57,57,1) 0%, rgba(142,61,9,1) 42%, rgba(255,102,0,1) 100%);
}
.social-button{
    width: 3rem;
    height: 3rem;
    background-color: #3D5B99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: .5s background-color;
    -o-transition: .5s background-color;
    transition: .5s background-color;
}
.social-button i{
    color: white;
    -webkit-transition: .5s transform ease-in-out, .75s color;
    -o-transition: .5s transform ease-in-out, .75s color;
    transition: .5s transform ease-in-out, .75s color;
}
.social-button:hover i{
    color: #3D5B99;
    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg);
}
.social-button:hover{
    background-color: white;
}
.footer{
    padding: 4em 0;
}
.footer-menu-wrapper a{
    -webkit-transition: .5s color;
    -o-transition: .5s color;
    transition: .5s color;
}
.footer-menu-wrapper a:hover{color: var(--iclc-orange);}
.footer-menu-head a{
    color: var(--iclc-white)
}
.footer-menu-item a::before{
        font-family: 'Material Icons';
        content: "arrow_right";
        -webkit-font-feature-settings: 'liga';
}
.footer-menu-item a{
    color: #b1b1b1;
    font-size: 10pt;
}
.info-address * {
    color: var(--iclc-white);
}
.footer-logo * {
    color: white !important;
}
.copyright{
    text-align: center;
    background: var(--iclc-dark);
    color: var(--iclc-white);
    padding: 1em 0;
}

.banner-holder{
    position: relative;
}
.banner-bg{
    height: 500px;
    width: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.banner-bg-sm{
    height: 250px;
    width: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.banner-txt{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.txt{
    width: 100%;
    text-align: center;
}
.banner-txt h1::after, .banner-txt h1::before{
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    top: -5px;
    width: 50px;
    -webkit-box-shadow: 4px 2px 4px rgb(0 0 0 / 49%);
            box-shadow: 4px 2px 4px rgb(0 0 0 / 49%);
}
.head-text-2 p::after, .head-text-2 p::before {
    background-color: var(--iclc-yellow);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    top: -2px;
    width: 30px;
    /* box-shadow: 4px 2px 4px rgb(0 0 0 / 49%); */
}
.head-text-2.strike-dark p::after, .head-text-2.strike-dark p::before{
    background-color: var(--iclc-dark);
}
.head-text-2 p{
    margin: 0;
}
.head-text-1{
    background: antiquewhite;
    font-weight: bold;
    font-size: 18pt;
    border-left: 4px solid var(--iclc-orange);
    padding: .5em 0 .5em .5em;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.head-text{
    color: var(--iclc-blue);
    text-align: center;
    padding: 0.5em;
    border-top: solid 2px #6cb4e4;
    border-bottom: solid 2px #6cb4e4;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: -o-repeating-linear-gradient(135deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    font-size: 18pt;
    font-weight: bold;
    margin: .5em 0;
}
.head-text-3{
    position: relative;
    padding: 0.5em;
    background: #a6d3c8;
    color: white;
}
.head-text-3::before{
    position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}
.head-text-4 p {
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
  }
  .head-text-4 p:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 60px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    background-color: black;
    border-radius: 2px;
  }
.head-text-5 p{
    position: relative;
    padding: 1.5rem 2rem;
    color: #fff;
    border-radius: 10px;
    background: #094;
}
.head-text-5 p::after{
    position: absolute;
    bottom: -9px;
    left: 1em;
    width: 0;
    height: 0;
    content: '';
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #094 transparent transparent transparent;
    
}
.table-shadow{
    -webkit-box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
            box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
}
.text-centered{
    vertical-align: center;
    text-align: center;
}
.mf-table-radius{
    border-radius: 10px;
    overflow: hidden;
}
.mf-table-outline{
    -webkit-box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px, rgb(152 152 152) 0px 0px 0px 1px;
            box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px, rgb(152 152 152) 0px 0px 0px 1px;
}
.mf-table td[scope=row]{
    background: var(--iclc-gmap);
    color: white;
}
.mf-table td[scope=row2]{
    background: cadetblue;
    color: white;
}
.mf-table td[scope=row3]{
    background: var(--iclc-blue);
    color: white;
}
ul.mf-bullet{
    padding-left: 20px !important;
}
ul.mf-bullet li {
    list-style: none;
    position: relative;
    padding: 0 0 0 20px;
}
ul.mf-bullet li::before{
    content: "";
	 position: absolute;
	 left: 0;
	 top: 8px;
	 width: 8px;
	 height: 8px;
	 border-radius: 50%;
	 -moz-border-radius: 50%;
	 -webkit-border-radius: 50%;
	 border: 2px solid #4d6a79;
}
.breadcrumb{
    background-color: transparent;
    font-size: 9pt;
}
.breadcrumb .breadcrumb-item a{
    color: #6c757d;
    text-decoration: none;
    background-color: transparent;
}
.breadcrumb .breadcrumb-item a, .breadcrumb .breadcrumb-item.active{
    font-size: 10pt;
}
.breadcrumb .breadcrumb-item{
    text-transform: uppercase;
}
.breadcrumb .breadcrumb-item.active{
    color: var(--iclc-orange);
}


.ribbon1 p {
    display: inline-block;
    position: relative;
    height: 50px;/*リボンの高さ*/
    line-height: 50px;/*リボンの高さ*/
    text-align: center;
    padding: 0 30px;/*横の大きさ*/
    font-size: 18px;/*文字の大きさ*/
    background: var(--iclc-blue);/*塗りつぶし色*/
    color: #FFF;/*文字色*/
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  .ribbon1 p:before, .ribbon1 p:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
  }
  
  .ribbon1 p:before {
    top: 0;
    left: 0;
    /* border-width: 25px 0px 25px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid; */
  }
  
  .ribbon1 p:after {
    top: 0;
    right: 0;
    border-width: 25px 15px 25px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
  }

.ribbon-wrapper {  
    display: block;
    position: relative;
    margin: 15px auto;
    padding: 10px 0;
    /* width: 300px; */
    background: #f1f1f1;
    height: 100%;
    -webkit-box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
            box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    }
  
  .ribbon {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px;
    margin: 0 0 0 -20px;
    width: calc(100% + 20px);
    color: white;
    background: #ffc010;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  
  .ribbon:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-right: solid 20px #e0a90e;
  }
.top-pinned-ribbon p{
    position: relative;
    margin: 1rem -10px 0rem -10px;
    padding: 1rem 2rem;
    background: #fff100;
}
.top-pinned-ribbon p:before,.top-pinned-ribbon p:after {
  position: absolute;
  content: '';
}
.top-pinned-ribbon p:before {
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 10px solid #ccc100;
    border-left: 10px solid transparent;
  }
  
  .top-pinned-ribbon p:after {
    right: 0;
    bottom: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid #ccc100;
    border-right: 10px solid transparent;
  }
.sticky-clip p{
    position: relative;
    display: inline-block;
    margin: 1rem 0 1rem -10px;
    padding: 1rem 3rem;
    color: #fff;
    border-radius: 0 100vh 100vh 0;
    background: -o-linear-gradient(131deg, rgba(180,27,11,1) 0%, rgba(239,87,20,1) 100%);
    background: linear-gradient(319deg, rgba(180,27,11,1) 0%, rgba(239,87,20,1) 100%);
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}
.sticky-clip p::before{
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    content: '';
    border-top: 10px solid #771809;
    border-left: 10px solid transparent;
}
.balloon-left {
    position: relative;
    display: inline-block;
    /* margin: 1.5em 0 1.5em 15px; */
    padding: 0 5px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    /* color: var(--iclc-orange); */
    font-size: 20px;
    font-weight: bold;
    /* background: white; */
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  .balloon-left:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -25px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-right-width: 15px;
    border-right-style: solid;
    z-index: 0;
  }
  .balloon-left.mf-bg-white:before{
    border-right-color: white;
  }
.balloon-right {
    position: relative;
    display: inline-block;
    /* margin: 1.5em 15px 1.5em 0; */
    padding: 0 5px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    /* color: var(--iclc-orange); */
    /* font-size: 20px; */
    font-size: 12px;
    font-weight: bold;
    /* background: white; */
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.balloon-right:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -25px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left-width: 15px;
    border-left-style: solid;
    z-index: 0;
}
.balloon-right.mf-bg-white:before{
    border-left-color: white;
}
.balloon-right.mf-bg-orange:before{
    border-left-color: var(--iclc-orange);
}
.balloon-chat {
    position: relative;
    margin: 2em 0 2em 40px;
    padding: 15px;
    background: #fff0c6;
    border-radius: 30px;
  }
  
  .balloon-chat:before {  
    content: "";
    position: absolute;
    left: -38px;
    width: 13px;
    height: 12px;
    bottom: 0;
    background: #fff0c6;
    border-radius: 50%;
  }
  
  .balloon-chat:after {
    content: "";
    position: absolute;
    left: -24px;
    width: 20px;
    height: 18px;
    bottom: 3px;
    background: #fff0c6;
    border-radius: 50%;
  }
  .balloon-chat p {
    margin: 0; 
    padding: 0;
}
.balloon-chat-left {
    position: relative;
    display: block;
    margin: 1.5em 15px 1.5em 0;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #FFF1C4;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
  }
  
  .balloon-chat-left:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -15px;
    border: 5px solid transparent;
    border-right: 15px solid #fff1c4;
  }
  .balloon-chat-right {
    position: relative;
    display: block;
    margin: 1.5em 15px 1.5em 0;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #b1ea9f;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    border-radius: 10px;
  }
  
  .balloon-chat-right:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -15px;
    border: 5px solid transparent;
    border-left: 15px solid #b1ea9f;
  }

.btn-orange{
    background-color: crimson;
    border-bottom-color: #b51132;
}
.btn-blue{
    background-color: #016bb7;
    border-bottom-color: #015794;
}
.btn-orange2{
    background-color: #d06423;
    border-bottom-color: #ad4d13;
}
.btn-disable{
    background-color: #a2a2a2;
    border-bottom-color: #50505066;
}
.btn-gray{
    background-color: var(--secondary);
    border-bottom-color: #4c4f52;
}
.btn-style-1{
    padding: .375rem 1.5rem;
    color: white;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    margin-top: 0;
    -webkit-transition: .25s border-bottom-width, .25s margin-top;
    -o-transition: .25s border-bottom-width, .25s margin-top;
    transition: .25s border-bottom-width, .25s margin-top;
    position: relative;
    overflow: hidden;
}
.btn-style-1:hover{
    margin-top: 3px;
    border-bottom-width: 2px;
    color:white;
}
.btn-style-1:active{
    margin-top: 5px;
    border-bottom: 0px;
}
.btn-style-1::before{
    content: '';
    background-color: #ffffff4f;
    width: 20px;
    height: 200%;
    display: block;
    position: absolute;
    left: -100%;
    top: -50%;
    -webkit-transform: rotateZ(30deg);
        -ms-transform: rotate(30deg);
            transform: rotateZ(30deg);
    -webkit-transition: .5s left;
    -o-transition: .5s left;
    transition: .5s left;
}
.btn.btn-arrow-next::after{
    font-family: 'Material Icons';
    content: "navigate_next";
    -webkit-font-feature-settings: 'liga';
    position: absolute;
    right: 0;
    display: inline-block;
}
.btn.btn-arrow-previous::after{
    font-family: 'Material Icons';
    content: "navigate_before";
    -webkit-font-feature-settings: 'liga';
    position: absolute;
    left: 0;
    display: inline-block;
}
.btn-style-1:hover::before{
    left: 120%;
}
.number-head{
    position: relative;
    background: #f4f4f4;
    padding: 2px 1em 2px 2.5em;
    font-size: 20px;
    color: #474747;
    border-radius: 5em 15px 15px 5em;
    display: inline-block;
}
.number-head.user-icon::before{
    /* font-family: 'Material Icons';
    content: "navigate_before";
    -webkit-font-feature-settings: 'liga'; */
    font-family: "Font Awesome 5 Free";
  content: "\f007";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
    color: white;
    background: #ff6363;
    font-weight: 900;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
            box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}
.number-head.awesome-icon::before{
    font-family: 'Material Icons';
    content: "auto_awesome";
    -webkit-font-feature-settings: 'liga';
    /* font-family: "Font Awesome 5 Free"; */
  /* content: "\f007"; */
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
    color: white;
    background: #ff6363;
    font-weight: 900;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
            box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}
.mf-box-1 {
    position: relative;
    padding:0.25em 1em;
}
.mf-box-1:before,.mf-box-1:after{ 
    content:'';
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
}
.mf-box-1:before{
    border-left: solid 2px var(--iclc-blue);
    border-top: solid 2px var(--iclc-blue);
    top:0;
    left: 0;
}
.mf-box-1:after{
    border-right: solid 2px var(--iclc-blue);
    border-bottom: solid 2px var(--iclc-blue);
    bottom:0;
    right: 0;
}
.mf-box-2{
    padding: 0.5em 1em;
    margin: 1em 0;
    background: #f4f4f4;
    border-left: solid 6px #5bb7ae;
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
            box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}
.mf-box-3{
    position: relative;
    background: #fff0cd;
    -webkit-box-shadow: 0px 0px 0px 5px #fff0cd;
            box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
}
.mf-box-3:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
            box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.float-btns{
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 0 10px 10px 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .5s visibility, .5s opacity;
    -o-transition: .5s visibility, .5s opacity;
    transition: .5s visibility, .5s opacity;
}
.float-item a{
    border-radius: 2px;
    background: var(--iclc-blue);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 50px;
    height: 50px;
}
.float-item{
    -webkit-box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
            box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
}
.floating{
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 10;
}
/* ======================= */
.a-btn, a.a-btn, button.a-btn {
    font-size: 12pt;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 0rem 3rem .5rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.5rem;
}
.a-btn-wrap {
    margin-top: 10px;
}
a.a-btn-c {
    position: relative;
    color: #fff;
    background: crimson;
    -webkit-box-shadow: 0 5px 0 #b51132;
    box-shadow: 0 5px 0 #b51132;
}
a.a-btn-c span {
    font-size: 10pt;
    position: absolute;
    top: -1.25rem;
    left: calc(50% - 150px);
    display: block;
    width: 300px;
    padding: 0.2rem 0;
    color: #b51132;
    border: 2px solid #b51132;
    border-radius: 100vh;
    background: #fff;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
a.a-btn-c span:before, a.a-btn-c span:after {
    position: absolute;
    left: calc(50% - 10px);
    content: "";
}
a.a-btn-c span:before {
    bottom: -10px;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #b51132 transparent transparent transparent;
}
a.a-btn-c span:after {
    bottom: -7px;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
a.a-btn-c i {
    margin-right: 1rem;
}
a.a-btn-c:hover {
    -webkit-transform: translate(0, 3px);
    -ms-transform: translate(0, 3px);
        transform: translate(0, 3px);
    color: #fff;
    background: crimson;
    -webkit-box-shadow: 0 2px 0 #b51132;
    box-shadow: 0 2px 0 #b51132;
}
.a-btn-wrap span{
    -webkit-animation: scale-anim 3s infinite;
            animation: scale-anim 3s infinite;
    /* transform: scale(0.9); */
}
@-webkit-keyframes scale-anim{
    0%{-webkit-transform: scale(0.9);transform: scale(0.9);}
    /* 25%{transform: scale(1);} */
    50%{-webkit-transform: scale(1.1);transform: scale(1.1);}
    /* 75%{transform: scale(1);} */
    100%{-webkit-transform: scale(0.9);transform: scale(0.9);}
}
@keyframes scale-anim{
    0%{-webkit-transform: scale(0.9);transform: scale(0.9);}
    /* 25%{transform: scale(1);} */
    50%{-webkit-transform: scale(1.1);transform: scale(1.1);}
    /* 75%{transform: scale(1);} */
    100%{-webkit-transform: scale(0.9);transform: scale(0.9);}
}
#floating-contactus{
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0 0 10px 5px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .5s visibility, .5s opacity;
    -o-transition: .5s visibility, .5s opacity;
    transition: .5s visibility, .5s opacity;
}
.close-btn{
    cursor: pointer;
}
.thanks-txt{
    background-color: #ffd066;
    padding: 2em;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
}
.close-dialog:hover{color: white;}
.close-dialog{
    background: var(--iclc-red);
    border-radius: 50%;
    padding: 5px;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -15px;
    margin-top: -15px;
    color: white;
    border: 5px solid white;
}
.floating .close-btn{
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .5s visibility, .5s opacity;
    -o-transition: .5s visibility, .5s opacity;
    transition: .5s visibility, .5s opacity;
}
.floating:hover .close-btn{
    visibility: visible !important;
    opacity: 1 !important;
}
#floating-contactus .close-btn a {
    background: #00000045;
    position: absolute;
    top: -20px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    color: white;
}
.img-bg-wrapper{
    position: relative;
    padding: 2em 0 3em 0;
}
.three-course .mf-bullet{
    padding-left: 10px !important;
}
.three-course-sub{
    padding-top: 4em;
}

.course-title{
    background: var(--iclc-yellow);
    border-radius: 5px 5px 0 0;
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
}
.course-content{
    background: white;
    border-radius: 0 0 5px 5px;
    padding: 10px;
}
.paginate-holder .pagination{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.map-holder{
    overflow: hidden;
    height: 400px;
}
.sidebar-wrapper{
    padding: 0 1em;
}
.sidebar-head{
    background-color: var(--iclc-blue);
    padding: .5em 0;
}
.sidebar-content{
    border: 2px solid var(--iclc-blue);
}
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px var(--iclc-blue);
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: var(--iclc-blue);
}
.box26 p:not(p.sub-eki) {
    margin: 0; 
    padding: 0;
}
.introduce .item img{ 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
}
.player-card-holder{
    position:relative;
    z-index: 0;
    margin: 50px 0 90px 20px;
}
.player-card{
    background: white;
    border-radius: 20px;
    padding: 2em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.player-card::after{
    content: '';
    display: block;
    width: 100%;
    height: 110%;
    position: absolute;
    top: -50px;
    left: -20px;
    z-index: -1;
    border-radius: 20px;
    -webkit-box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
            box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
}
.bg-gradient-1::after{
    background: rgb(255,214,214);
background: -o-linear-gradient(309deg, rgba(255,214,214,1) 0%, rgba(194,91,91,1) 100%);
background: linear-gradient(141deg, rgba(255,214,214,1) 0%, rgba(194,91,91,1) 100%);
}
.bg-gradient-2::after{
    background: rgb(214,231,255);
background: -o-linear-gradient(309deg, rgba(214,231,255,1) 0%, rgba(91,152,194,1) 100%);
background: linear-gradient(141deg, rgba(214,231,255,1) 0%, rgba(91,152,194,1) 100%);
}
.quote-mark::after{
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 15px;
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}
.quote-mark.quote-blue::after{
    color: #cce1faab;
}
.quote-mark.quote-pink::after{
    color: #cb8fc33b;
}
.avatar{
    border-radius: 50%;
}
.avatar-blue{
    -webkit-box-shadow: 5px 3px 0px 0px rgb(130 177 213);
    box-shadow: 5px 3px 0px 0px rgb(130 177 213);
}
.avatar-pink{
    -webkit-box-shadow: 5px 3px 0px 0px rgb(213 129 129);
    box-shadow: 5px 3px 0px 0px rgb(213 129 129);
}
.submenu-item-actived{
    left: 3% !important;
    color: var(--iclc-white) !important;
}
.submenu-item-actived::before{
    left: -1% !important;
    visibility: visible !important;
}
/* .underline{
    border-bottom: 1px solid;
} */
.files-download::after{
    font-family: 'Material Icons';
    content: "file_download";
    -webkit-font-feature-settings: 'liga';
    padding: 0 3px;
    font-size: 13px;
}
a[target=_blank]:not(.btn):not(.social-button){
    border-bottom: 1px solid;
}
a[target=_blank]:not(.social-button):not(.access-accord a)::after{
    font-family: 'Material Icons';
    content: "open_in_new";
    -webkit-font-feature-settings: 'liga';
    padding: 0 3px;
    font-size: 13px;
}
.bg-fixed{
    background-attachment: fixed;
}
.shisetsu-icon img{
    background: #dc143c0f;
    border-radius: 50%;
}
.mw100{
    max-width: 100px;
}
.require::before {
    content: '*';
    color: red;
    margin-right: 5px;
}
.absolute-dots{
    position: absolute;
    bottom: 0;
    left: 45%;
}


.promotion-btn{
    padding: 0.5em 1.5em!important;
    border-radius: 30px !important;
}

.promotion-arrow div.promotion-txt::after{
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f054";
    padding-left: 15px;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.promotion-documents div.promotion-txt::before{
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f15c";
    font-size: 24pt;
    /* position: relative; */
    /* top: 6px; */
    padding-right: 15px;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.promotion-documents{
    position: relative;
    background: var(--iclc-blue);
    -webkit-box-shadow: 0 5px 0 #215e8a;
    box-shadow: 0 5px 0 #215e8a;
}
.promotion-documents:hover{
    -webkit-transform: translate(0, 3px);
    -ms-transform: translate(0, 3px);
        transform: translate(0, 3px);
    color: #fff;
    background: var(--iclc-blue);
    -webkit-box-shadow: 0 2px 0 #215e8a;
    box-shadow: 0 2px 0 #215e8a;
}
.promotion-sub{
    background: white;
    color: var(--iclc-blue);
    padding: 2px 5px;
    border-radius: 4px;
    font-size: x-small;
}
table.v-align-all td{
    vertical-align: middle;    
}
.promotion-otoiawase{
    position: relative;
    background: var(--iclc-red);
    -webkit-box-shadow: 0 5px 0 #B51132;
    box-shadow: 0 5px 0 #B51132;
}
.promotion-otoiawase div.promotion-txt::before{
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f0e0";
    font-size: 24pt;
    /* position: relative; */
    /* top: 6px; */
    padding-right: 15px;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.promotion-otoiawase:hover{
    -webkit-transform: translate(0, 3px);
    -ms-transform: translate(0, 3px);
        transform: translate(0, 3px);
    color: #fff;
    background: var(--iclc-red);
    -webkit-box-shadow: 0 2px 0 #B51132;
    box-shadow: 0 2px 0 #B51132;
}
 .rinen-txt{
    position: relative;
    top: -80px;
    padding: 5em 4em;
    text-align: left;
}   
 .rinen-img{
    z-index: 1
}
.bg-fixed-norepeat{
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.contact-block-content{
    text-align: center;
    height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.overlay-holder-one{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.overlay-holder-one span, .overlay-holder-one p, .overlay-holder-one .txt{
    color: white;
    font-weight: bold;
    text-shadow: 4px 2px 3px rgb(75 75 75 / 54%);
}
.overlay-holder-two{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: top;
        -ms-flex-align: top;
            align-items: top;
    padding-right: 5em;
    padding-top: 5em;
}
.overlay-holder-three{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: top;
        -ms-flex-align: top;
            align-items: top;
    padding-top: 5em;
}
.text-shadow{
    text-shadow: 4px 2px 3px rgb(75 75 75 / 54%);
}

.float_languages{
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.float_language{
    display: block;
}



a,p{
    color: var(--black);
}
a:hover{
    text-decoration: none;
    color: #010100;
}
a:not([href]){
    cursor: pointer;
}
:root{
    /* --atit-cyan:#2f5b99; */
    /* --atit-cyan-light:#7e9dc7; */
    /* --atit-cyan-dark:#2b5f8c; */

    --black: #010100;
    --white: #fff;
    --light-white: #f4f7f6;
    --yellow: #ffbe55;
    --yellow-light:#fff3eb;
    --cyan:#49c5b6;
    --cyan-dark: #42ab9e;
    --vintage-blue: #4d8faf;
    --vintage-red:#eb5c4c;
    --green:#54943f;
    --blue:#1A7EC5;
    --blue-dark: #32355d;
    --blue-darker: #252849;
    --pink:#ef5874;
    --vintage-cyan:#00beb0;
    --vintage-cyan-dark:#00b8a8; 
    /* --tosei-cyan:#4a789f; */
    --tosei-cyan:#3a7db7;
    /* --tosei-cyan:#65bfcf; */
    --tosei-cyan-light:#eef3f3;
    --tosei-cyan-middle:#d2e8eb;
    --tosei-cyan-dark:#3e6484; /*#4fb1c2*/
    --brown:#9c8481;
    --brown-dark:#745656;
    --dark-gray:#2e2e30;
    --red:#ff0000;
    --camdo:#e97369;
    --xanh:#96c0aa;
    --xanhsky:#69bce9;
    --light-grey:#f3f3f3;
    --lightdark:#6a6a6a;
    --kkc-blue:#1274F6;
    --kkc-blue-dark:#115ec3;
    --kkc-blue-text:#3f78c3;
    --kkc-dark-grey:#808080;
    --kkc-orange:#eb4c4c;
    --kkc-success:#82ce34;
    --atit-blue:#0e72bb;
    --atit-blue-dark:#095c98;
    --atit-black:#545454;
    --atit-orange:#fd9208;
    --atit-green:#41be50;
    --atit-purple:#b56fc7;
    --atit-cyan:#4eb8cb;
    --atit-red:#b0101a;
    --atit-yellow:#fad400;
}
.mf-atit-blue{color: var(--atit-blue);}
.mf-atit-blue-dark{color: var(--atit-blue-dark);}
.mf-atit-black{color: var(--atit-black);}
.mf-atit-orange{color: var(--atit-orange);}
.mf-atit-green{color: var(--atit-green);}
.mf-atit-purple{color: var(--atit-purple);}
.mf-atit-cyan{color: var(--atit-cyan);}
.mf-atit-red{color: var(--atit-red);}
.mf-atit-yellow{color: var(--atit-yellow);}

.mf-bg-atit-blue{background-color: var(--atit-blue);}
.mf-bg-atit-blue-dark{background-color: var(--atit-blue-dark);}
.mf-bg-atit-black{background-color: var(--atit-black);}
.mf-bg-atit-orange{background-color: var(--atit-orange);}
.mf-bg-atit-green{background-color: var(--atit-green);}
.mf-bg-atit-purple{background-color: var(--atit-purple);}
.mf-bg-atit-cyan{background-color: var(--atit-cyan);}
.mf-bg-atit-red{background-color: var(--atit-red);}
.mf-bg-atit-yellow{background-color: var(--atit-yellow);}
.mf-bg-blue-gradient{background: rgb(61,143,201);
    background: radial-gradient(circle, rgba(61,143,201,1) 0%, rgba(39,112,164,1) 100%);}
.mf-font-8{font-size: 8pt}
.mf-font-9{font-size: 9pt}
.mf-font-10{font-size: 10pt}
.mf-font-11{font-size: 11pt}
.mf-font-12{font-size: 12pt}
.mf-font-16{font-size: 16pt}
.mf-font-18{font-size: 18pt}
.mf-font-24{font-size: 24pt !important}
.mf-fz15{font-size: 1.5rem;}

.mf-bold{font-weight: bold}
.mf-lineheight-zero{line-height: 0;}

.mf-lightdark{color: var(--lightdark);}
.mf-black, .mf-hover-black:hover{color: var(--black) !important}
.mf-white, .mf-hover-white:hover{color: var(--white) !important}
.mf-light-white{color: var(--light-white) !important}
.mf-yellow{color: var(--yellow) !important}
.mf-cyan{color: var(--cyan) !important}
.mf-cyan-dark{color: var(--cyan-dark) !important}
.mf-vintage-blue{color: var(--vintage-blue) !important}
.mf-vintage-red{color: var(--vintage-red) !important}
.mf-green{color: var(--green) !important}
.mf-blue{color: var(--blue) !important}
.mf-blue-dark{color: var(--blue-dark) !important}
.mf-blue-darker{color: var(--blue-darker) !important}
.mf-yellow-light{color: var(--yellow-light) !important}
.mf-vintage-cyan{color: var(--vintage-cyan) !important}
.mf-vintage-cyan-dark{color: var(--vintage-cyan-dark) !important}
.mf-brown{color:var(--brown) !important}
.mf-brown-dark{color:var(--brown-dark) !important}
.mf-pink, .mf-hover-pink:hover{color:var(--pink) !important}
.mf-tosei-cyan{color:var(--tosei-cyan)}
.mf-red{color: var(--iclc-red);}
/* .mf-atit-cyan{color: var(--atit-cyan);} */
.mf-atit-cyan-dark{color: var(--atit-cyan-dark);}
/*====================*/
.mf-kkc-blue{color: var(--kkc-blue);}
.mf-kkc-blue-dark{color: var(--kkc-blue-dark);}
.mf-kkc-blue-text{color: var(--kkc-blue-text);}
.mf-kkc-dark-grey{color: var(--kkc-dark-grey);}
.mf-kkc-orange{color: var(--kkc-orange);}

.mf-bg-kkc-blue{background: var(--kkc-blue);}
.mf-bg-kkc-blue-dark{background: var(--kkc-blue-dark);}
.mf-bg-kkc-blue-text-bg{background: var(--kkc-blue-text);}
.mf-bg-kkc-dark-grey{background: var(--kkc-dark-grey);}
.mf-bg-kkc-orange{background: var(--kkc-orange);}
/*====================*/
.mf-bg-atit-cyan-dark{background: var(--atit-cyan-dark);}
.mf-bg-black{background: var(--black)}
.mf-bg-white{background: var(--white)}
.mf-bg-light-white{background: var(--light-white)}
.mf-bg-yellow{background: var(--yellow)}
.mf-bg-cyan{background: var(--cyan)}
.mf-bg-cyan-dark{background: var(--cyan-dark)}
.mf-bg-vintage-blue{background: var(--vintage-blue)}
.mf-bg-vintage-red{background: var(--vintage-red)}
.mf-bg-green{background: var(--green)}
.mf-bg-blue{background: var(--blue)}
.mf-bg-blue-dark{background: var(--blue-dark)}
.mf-bg-blue-darker{background: var(--blue-darker)}
.mf-bg-yellow-light{background: var(--yellow-light)}
.mf-bg-vintage-cyan{background:var(--vintage-cyan)}
.bf-bg-vintage-cyan-dark{background: var(--vintage-cyan-dark)}
.mf-bg-pink{background: var(--pink)}
.mf-bg-tosei-cyan{background:var(--tosei-cyan)}
.mf-bg-tosei-cyan-light{background:var(--tosei-cyan-light)}
.mf-bg-tosei-cyan-middle{background:var(--tosei-cyan-middle)}
.mf-bg-tosei-cyan-dark{background: var(--tosei-cyan-dark);}
.mf-bg-dark-gray{background-color: var(--dark-gray);}
.mf-bg-camdo{background-color: var(--camdo);}
.mf-bg-xanh{background-color: var(--xanh);}
.mf-bg-xanhsky{background-color: var(--xanhsky);}
.mf-bg-atit-cyan{background-color: var(--atit-cyan);}
.mf-bg-atit-cyan-light{background-color: var(--atit-cyan-light);}
.mf-bg-light-grey{background-color: var(--light-grey);}
.mf-swipeUp{
    position: relative;
    top: 15vh;
    opacity: 0;
    transition: 1.5s opacity, 1.5s top;
}
.mf-swipeDown{
    position: relative;
    top: -15vh;
    opacity: 0;
    transition: 1.5s opacity, 1.5s top;
}

/* .mf-slideRTL{
    position: relative;
    left: 4em;
    opacity: 0;
    transition: 1.5s opacity, 1.5s left ;
} */
.mf-dotted-border{
    border-style: dotted;
    border-color: #a0bee8;
    /* border-image-source: url("https://cl.ly/3c2J3c0l3r0P/dots.svg"); */
    /* border-image-slice: 33% 33%; */
    border-image-repeat: round;
    border-width: 6px;
}
.heading{
    padding-left: .5rem;
    font-size: 14pt;
    background: var(--atit-blue);
    padding: 10px 20px;
    color: white;
    font-weight: bold;
    border-radius: 5px;
}
.sub-heading{
    font-weight: bold;
    color: var(--atit-blue);
    font-size: 16pt;
    display: inline-block;
    width: 100px;
}
.heading1{
    display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.5rem;
    font-weight: bold;
	text-align: center;
}
.heading1.txt-dark{
    /* color: var(--atit-black); */
    color: steelblue;
}
.heading1.txt-white{
    color: white;
}
.heading1::before, .heading1::after {
	content: '';
	width: 70px;
	height: 1px;
	
}
.heading1.line-red::before, .heading1.line-red::after{background-color: steelblue}
.heading1.line-white::before, .heading1.line-white::after{background-color: white}
.heading1::before {margin-right: 20px}
.heading1::after {margin-left: 20px}

.uppercase{
    text-transform: uppercase;
}
.lang-item{
    padding-top: 4px;
}

.mf-shadow-v2{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.mf-border{
    border: 1px solid #e4e4e4;
}
.mf-rounded-2x{
    border-radius: 1em !important;
}
p.mf-verticle{
    text-align: center;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mf-no-decor{
    text-decoration: none;
}
.mf-btn-outline-info{
    border: 1px solid var(--atit-blue);
    color: var(--atit-blue);
    font-weight: bold;
    transition: .25s all ease;
}
.mf-btn-outline-info:hover{
    background-color: var(--atit-blue);
    color: white;
    cursor: pointer;
}
.mf-btn-outline-info:focus{
    outline: 5px auto var(--atit-blue);
}
.mf-btn-outline-secondary{
    border: 1px solid #545454;
    color: #545454;
    font-weight: bold;
    transition: .25s all ease;
}
.mf-btn-outline-secondary:hover{
    background-color: #545454;
    color: white;
    cursor: pointer;
}
.mf-button-dark{
    background: #393939;
    border-radius: 3px;
    position: relative;
}
.mf-btn-hover::after{
    background: #d5d5d569;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transition: .5s opacity ease;
    opacity: 0;
}
.mf-btn-hover:hover::after{
    opacity: 1;
}
.mf-button-white{
    border: 1px solid var(--tosei-cyan);
    border-radius: 5em;
    padding: 10px 20px;
    background: white;
    color: var(--tosei-cyan) !important;
    transition: .5s all;
}
.mf-button-white:hover{
    color: white !important;
    background: var(--tosei-cyan);
    border-color: white;
}
.mf-button-blue{
    border: 1px solid white;
    border-radius: 5em;
    padding: 10px 20px;
    background-color: var(--tosei-cyan);
    color: white;
    transition: .5s all;
}
.mf-button-blue:hover{
    color: var(--tosei-cyan) !important;
    background-color: white;
    border-color: var(--tosei-cyan);
    
}
.mf-tablehead-blue thead th{
    background-color: var(--tosei-cyan);
    color: var(--light-white);
}
.w-70{
    width: 70% !important;
}
.w-30{
    width: 30% !important;
}
div.text-left p{
    text-align: end !important;
}
.border-bot{
    border-bottom: 1px solid var(--tosei-cyan);
}

/* ========================================== */
/* NAVBAR */



.mf-header{
    height:100px;
    line-height: 100px;
    background-color: var(--white);
    /* position: sticky; */
    /* top: 0; */
    box-shadow: 0 8px 6px -6px #aeaeae;
    z-index: 999;
}


/* Responsive navbar */
.mobile_nav{
    height: 100vh;
    visibility: hidden;
    opacity: 0;
    transition: .5s opacity, .5s visibility;
}
.mobile_nav_outter{
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    height: 100%;
    background-color: steelblue;
}
.mobile_nav_outter::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}
.mobile-menu-item{
    display: block;
    font-size: 16pt;
    padding: 1em 0;
    color: white;
}
.show_mobile_nav{
    visibility: visible !important;
    opacity: 1 !important;
}
.fa-angle-down.rotate-icon {transform: rotate(-90deg);transition: transform .25s;}
.expanded {transform: rotate(0) !important}


/* login request */
.login-holder{
    position: absolute;
    right: 0;
    padding-right: 20px;
}



.btn-switchlanguages {
    color: #fff;
    /* background-color: var(--vintage-blue); */
    /* border-color: var(--vintage-blue); */
    position: relative;
    top: -10px;
}
#flags img, .flags {
    width: 30px;
    height: 30px;
}
.dropdown-item{
    width: auto;
}

/* Float button */
#floatbuttons{
    position: fixed;
    bottom: 10px;
    right: -20%;
    z-index: 10;
    display: grid;
    transition: .2s all ease-in-out;
}
.show-floatbtn{
    right: 10px !important;
}
.float-item > div{
    writing-mode: vertical-lr;
    color: white;
    padding: 10px;
}
.float-item{
    margin-top: 5px;
}



/* LOGO */
#logo{
    line-height: 2;
    padding-top: 15px;
}
.sup-text{
    font-size: 8pt;
    transition: letter-spacing .5s ease;
    letter-spacing: 0px;
}
.logo-hover{
    font-size: 14pt;
    font-weight: bold;
}
#logo:hover p.sup-text{
    letter-spacing: 3px;
    
}
.scrollbox{
    overflow-y: scroll;
    height: 300px;
    width: 100%;
    border: 1px solid gainsboro;
    padding: 10px;
}
.scrollbox p, .scrollbox li{
    font-size: 9pt;
}
.scrollbox h6{
    font-weight: bold;
}
.sub-text span{
    font-size: 24pt;
}

/* SLIDER */
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    /* height: 90vh; */
}

.news-items a:hover{
    background: var(--tosei-cyan-light);
}
.news-date p{
    color: var(--tosei-cyan-dark);
}
.news-category{
    width: 6em;
}

.expanded {transform: rotate(0) !important}
/* BLOCK 2 */

.active-menu{
    background: var(--atit-blue-dark);
    color: white;
}


.marker{
    background: #4a789f;
    padding: 0 15px;
    border-radius: 5px;
    color: white;
}

.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}






footer ul li {
    list-style: none;
}
footer ul li span{
    padding-right: .5rem !important;
}
footer .footer-menu a{
    color: white;
    padding: 0 .5em;
}
footer .footer-menu a:not(:first-child){
    border-left: 1px solid white;
}


footer .footer-block a , footer .footer-logo a{
    color: var(--white);
    transition: .5s ease;
}
footer .footer-block a:hover, footer .footer-logo a:hover {
    color: #38adf5;
}
footer .footer-links{
    padding-bottom: .5em;
}

footer .sub-footer-links a{
    color: #c7c7c7;
    font-size: smaller;
}
.atit-logo img{
    width: 30em;
    margin-left: 1em;
    transition: .5s all;
}
.top-item{
    padding: 1em 0;
}

.head-txt{
    margin: 0;
}
.opacity09{
    opacity: 0.95;
}
#sidemenu{
    position: fixed;
    z-index: 10;
    background: white;
    height: 100vh;
    width: 500px;
    overflow-y: scroll;
    right: -100%;
    -webkit-box-shadow: 1px 2px 7px 1px rgba(0,0,0,0.35);
-moz-box-shadow: 1px 2px 7px 1px rgba(0,0,0,0.35);
box-shadow: 1px 2px 7px 1px rgba(0,0,0,0.35);
    transition: .5s all ease;
    padding-bottom: 5em;
}
#sidemenu a.item.active-menu:hover{
    color: white;
}
.sidemenu-items-wrapper{
    padding: 2em 3em 2em 3em;
}
.menu-item{
    border-bottom: 1px solid #c5c5c5;
    list-style: none;
    /* cursor: pointer; */
}
.expand-btn i{
    /* position: relative;
    top: 15px; */
    font-size: 16pt;
}
.menu-item:hover{
    background-color: #ebf5ff
}
.expand-menu{
    right: -20px !important;
}
.showfade{
    right: 0 !important;
    opacity: 1 !important;
}
.expand-icon{
    transform: rotate(0) !important;
}
.fa-angle-down.rotate-icon{
    transform: rotate(-90deg);
    transition: transform .25s;
}
.map-block-wrapper{
    padding-top: 2em;
    padding-bottom: 2em;
}
#map-holder{
    width: 100%;
    max-height: 600px;
    border: 2px solid red;
}

div#map-container-google-11 {
    border-radius: 1rem;
    border: 1px solid #a2a2a296;
}
.map-container-6 {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}
.map-container-6 iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}



.img-bg{
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom;
}
.centering{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.customer-logos .slide{
    padding: 0 5px;
}
#fade{
    background-color: #00000069;
    width: 100%;
    height: 100%;
    top: 0;
    right: -100%;
    position: fixed;
    z-index: 1;
    opacity: 0;
    transition: .5s opacity ease-in-out;
}

ol.breadcrumb{
    background: none;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    content: "/";
}
#banner{
    position: relative;
}
.breadcrumbs-holder{
    position: absolute;
}
.breadcrumbs-holder .breadcrumb-item:not(.active) a{
    color: white;
    font-weight: bold;
}
.breadcrumbs-holder .breadcrumb-item.active {
    color: white;
}
.breadcrumbs-holder .breadcrumb-item+.breadcrumb-item::before{
    color: white;
}
.breadcrumb-item{
    font-size: 11pt;
}
#banner .banner-bg{
    height: 350px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    
}
#block3, #block4, #gallery{
    /* padding-top: 2em; */
    padding-bottom: 2em;
}

#block4 .item{
    height: 300px;
    border: 2px solid white;
    padding: 0;
    position: relative;
    overflow: hidden;
}
#block4 .item .bg{
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    top:0;
    left: 0;
    z-index: -1;
    transition: 2s transform;
}
#block4 .item .bg::before{
    content: '';
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s;
}
#block4 .item:nth-child(1) .bg::before{
    background: rgb(139 167 204 / 40%);
}
#block4 .item:nth-child(2) .bg::before{
    background: rgb(235 92 76 / 40%)
}
#block4 .item:nth-child(3) .bg::before{
    background: rgb(235 215 76 / 40%)
}
#block4 .item:nth-child(4) .bg::before{
    background: rgb(76 81 235 / 40%)
}
#block4 .item:nth-child(5) .bg::before{
    background: rgb(218 76 235 / 40%)
}
#block4 .item:nth-child(6) .bg::before{
    background: rgb(76 235 162 / 40%)
}
#block4 .item:hover .bg {
    transform: scale(1.2);
}
#block4 .inner{
    z-index: 1;
}
.mf-text-shadow{
    text-shadow: 0 2px 2px rgb(0 0 0 / 70%);
}
.btn-outline-white{
    color: white;
    border: 1px solid white;
    transition: .5s all;
}
.btn-outline-white:hover{
    background: white;
    color: black;
}
#block3 .news div:nth-child(1){
    padding-right: 2em;
}
#block3 .news div:nth-child(2){
    width: 80px;
}
#block3 .news div:nth-child(3){
    flex:3
}
#block3 .news{
    padding: 10px;
}
#block3 .news:hover{
    background: #0089ff0d;
}
.news-holder>div:not(:first-child) {
    border-top: 1px solid #00000024
}


.pattern{
    background-image: url(/images/src/pattern4.png);
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .5s;
}
.slick-arrow::before{
    color: #436ba3 !important;
}

#mailSent .modal-header{
    position: relative;
    border-bottom: none;
}
#mailSent .modal-footer{
    border-top: none;
}
#mailSent .icon-box{
    background: #82ce34;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    position: relative;
    top: -1em;
}
.btn-mf-success{
    background-color: var(--kkc-success);
}

.main-wrapper{
    overflow-x: hidden;
}
.atit-title-wrapper{
    padding: 2em;
}
.atit-title{
    font-weight: bold;
    font-size: 28pt;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.atit-title > div{
    width: 35%;
    transition: 1s all;
}
.atit-title > div::after{
    content: '';
    background: var(--atit-blue);
    height: 3px;
    width: 100%;
    display: block;
    
}
.atit-title-hover:hover .atit-title > div{
    width: 30%;
}
.links-item{
    background-color: white;
    /* border-radius: 3px; */
}
#treeview-holder a{
    padding: 5px 0 5px 10px;
    display: block;
    position: relative;
    transition: .5s ease;
}
#treeview-holder a:hover{
    color: var(--vintage-red);
}
#section1ContentId, #section2ContentId, #section3ContentId{
    background-color: white;
    padding-left: 1em;
}
#treeview-holder tbody td{
    border: 1px dashed #969696;
}
#treeview-holder a i{
    position: absolute;
    right: 10px;
    top: 35%;
}
.border-bottom-dashed{
    border-bottom: 1px dashed #969696;
}
.sub-heading-2{
    border-left: 7px solid var(--vintage-red);
    padding-left: 10px;
    font-weight: bold;
    background-color: #eb5c4c0d;
    padding: .5em;
}

#mostviewed tbody td{
    border: 1px solid gray;
}
.most-viewed-item{
    font-size: 11pt;
    padding: .5em;
    border-bottom: 1px dashed #ababab;
    border-left: 1px dashed #ababab;
    border-right: 1px dashed #ababab;
}
.most-viewed-items > div:first-child{
    border-top: 1px dashed #ababab;
}
.news-tag{
    align-items: center;
    justify-content: center;
    font-size: small;
}
#showMenu .top-item.text-center.px-3 i{
    transition: .25s all;
}
.mf-breadcrumbs ol.breadcrumb .breadcrumb-item:not(.active) a{

}
#about-us-outter{
	margin: 3em 0;
}
.gradient-holder{
    /* background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); */
    background: linear-gradient(-45deg, #4a789f, rgb(54 150 220), #154d84, #bdd3df);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.highlight {
    background: -webkit-gradient(linear,left top, left bottom,color-stop(60%, rgba(255,255,255,0)),color-stop(50%, #f9f57d));
    background: -o-linear-gradient(top,rgba(255,255,255,0) 60%,#f9f57d 50%);
    background: linear-gradient(180deg,rgba(255,255,255,0) 70%,#fffb8c 50%);
    width: fit-content;
}
.mf-btn-wrapper a:focus, .mf-btn-wrapper button:focus{outline: none;}
.mf-btn-wrapper a, .mf-btn-wrapper button {cursor: pointer;}
.mf-btn-wrapper a span, .mf-btn-wrapper button span {position: relative;z-index: 3}
.mf-btn-wrapper .round {-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;width: 38px;height: 38px;position: absolute;right: 3px;top: 3px;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;z-index: 2}
.mf-btn-wrapper a:hover .round, .mf-btn-wrapper button:hover .round {width: calc(100% - 6px);-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px}
.mf-btn-wrapper a:hover .round i, .mf-btn-wrapper button:hover .round i {left: 12%}  
.mf-btn-wrapper a:hover, .mf-btn-wrapper button:hover {padding-left: 48px;padding-right: 28px}
.mf-btn-wrapper .txt {font-size: 14px;line-height: 1.45;transition: .5s all}
.mf-btn-wrapper a .round i, .mf-btn-wrapper button .round i {position: absolute;top: 50%;margin-top: -6px;left: 50%;margin-left: -4px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s}
.mf-btn-wrapper a, .mf-btn-wrapper button {text-decoration: none;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;padding: 10px 53px 10px 23px;color: #fff;text-transform: uppercase;font-family: sans-serif;font-weight: bold;position: relative;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;display: inline-block}
/* mf-btn blue */
.btn-blue{background-color: white;border: 2px solid var(--atit-blue)}
.btn-blue .round {background-color: white}
.mf-btn-wrapper .btn-blue .round{color: var(--atit-blue)}
.mf-btn-wrapper .btn-blue .txt{color: var(--atit-blue)}
.mf-btn-wrapper .btn-blue:hover .txt{color: white}
.mf-btn-wrapper .btn-blue:hover .round {background-color: var(--atit-blue)}
.mf-btn-wrapper .btn-blue:hover .round i{color: white}
/* mf-btn bw */
.btn-bw{background-color: none;border: 2px solid white}
.btn-bw .round {background-color: none}
.mf-btn-wrapper .btn-bw .round{color: white}
.mf-btn-wrapper .btn-bw .txt{color: white}
.mf-btn-wrapper .btn-bw:hover .txt{color: var(--atit-black)}
.mf-btn-wrapper .btn-bw:hover .round {background-color: white}
.mf-btn-wrapper .btn-bw:hover .round i{color: var(--atit-black)}

.slide.slick-slide::after{
    content: '';
    text-align: center;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    width: inherit;
    align-items: center;
    height: inherit;
    color: white;
    /* background: radial-gradient(#00000000, #3333335c); */
    opacity: 0;
    transition: .5s opacity;
}
.slick-slide{
    cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
}
.slick-slide:hover::after{
    opacity: 1;
}

.close {
    font-size: 2rem;
    line-height: 1;
    margin: 0px 15px 0 0;
}
.content-outter{
    background: white;
    position: relative;
    top: -5em;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 23%) 0px 6px 6px;
    padding-bottom: 5em;
}
.bg-food{
    background-color: #f9f6f0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23b7da97' fill-opacity='0.28'%3E%3Cpath d='M24.37 16c.2.65.39 1.32.54 2H21.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06A5 5 0 0 1-17.45 28v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H-20a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1L.9 19.22a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0L2.26 23h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM-13.82 27l16.37 4.91L18.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H-13.1z'/%3E%3Cpath id='path6_fill-copy' d='M284.37 16c.2.65.39 1.32.54 2H281.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06a5 5 0 0 1-2.24-8.94v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H240a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM246.18 27l16.37 4.91L278.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H246.9z'/%3E%3Cpath d='M159.5 21.02A9 9 0 0 0 151 15h-42a9 9 0 0 0-8.5 6.02 6 6 0 0 0 .02 11.96A8.99 8.99 0 0 0 109 45h42a9 9 0 0 0 8.48-12.02 6 6 0 0 0 .02-11.96zM151 17h-42a7 7 0 0 0-6.33 4h54.66a7 7 0 0 0-6.33-4zm-9.34 26a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-7a7 7 0 1 1 0-14h42a7 7 0 1 1 0 14h-9.34zM109 27a9 9 0 0 0-7.48 4H101a4 4 0 1 1 0-8h58a4 4 0 0 1 0 8h-.52a9 9 0 0 0-7.48-4h-42z'/%3E%3Cpath d='M39 115a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm6-8a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-3-29v-2h8v-6H40a4 4 0 0 0-4 4v10H22l-1.33 4-.67 2h2.19L26 130h26l3.81-40H58l-.67-2L56 84H42v-6zm-4-4v10h2V74h8v-2h-8a2 2 0 0 0-2 2zm2 12h14.56l.67 2H22.77l.67-2H40zm13.8 4H24.2l3.62 38h22.36l3.62-38z'/%3E%3Cpath d='M129 92h-6v4h-6v4h-6v14h-3l.24 2 3.76 32h36l3.76-32 .24-2h-3v-14h-6v-4h-6v-4h-8zm18 22v-12h-4v4h3v8h1zm-3 0v-6h-4v6h4zm-6 6v-16h-4v19.17c1.6-.7 2.97-1.8 4-3.17zm-6 3.8V100h-4v23.8a10.04 10.04 0 0 0 4 0zm-6-.63V104h-4v16a10.04 10.04 0 0 0 4 3.17zm-6-9.17v-6h-4v6h4zm-6 0v-8h3v-4h-4v12h1zm27-12v-4h-4v4h3v4h1v-4zm-6 0v-8h-4v4h3v4h1zm-6-4v-4h-4v8h1v-4h3zm-6 4v-4h-4v8h1v-4h3zm7 24a12 12 0 0 0 11.83-10h7.92l-3.53 30h-32.44l-3.53-30h7.92A12 12 0 0 0 130 126z'/%3E%3Cpath d='M212 86v2h-4v-2h4zm4 0h-2v2h2v-2zm-20 0v.1a5 5 0 0 0-.56 9.65l.06.25 1.12 4.48a2 2 0 0 0 1.94 1.52h.01l7.02 24.55a2 2 0 0 0 1.92 1.45h4.98a2 2 0 0 0 1.92-1.45l7.02-24.55a2 2 0 0 0 1.95-1.52L224.5 96l.06-.25a5 5 0 0 0-.56-9.65V86a14 14 0 0 0-28 0zm4 0h6v2h-9a3 3 0 1 0 0 6H223a3 3 0 1 0 0-6H220v-2h2a12 12 0 1 0-24 0h2zm-1.44 14l-1-4h24.88l-1 4h-22.88zm8.95 26l-6.86-24h18.7l-6.86 24h-4.98zM150 242a22 22 0 1 0 0-44 22 22 0 0 0 0 44zm24-22a24 24 0 1 1-48 0 24 24 0 0 1 48 0zm-28.38 17.73l2.04-.87a6 6 0 0 1 4.68 0l2.04.87a2 2 0 0 0 2.5-.82l1.14-1.9a6 6 0 0 1 3.79-2.75l2.15-.5a2 2 0 0 0 1.54-2.12l-.19-2.2a6 6 0 0 1 1.45-4.46l1.45-1.67a2 2 0 0 0 0-2.62l-1.45-1.67a6 6 0 0 1-1.45-4.46l.2-2.2a2 2 0 0 0-1.55-2.13l-2.15-.5a6 6 0 0 1-3.8-2.75l-1.13-1.9a2 2 0 0 0-2.5-.8l-2.04.86a6 6 0 0 1-4.68 0l-2.04-.87a2 2 0 0 0-2.5.82l-1.14 1.9a6 6 0 0 1-3.79 2.75l-2.15.5a2 2 0 0 0-1.54 2.12l.19 2.2a6 6 0 0 1-1.45 4.46l-1.45 1.67a2 2 0 0 0 0 2.62l1.45 1.67a6 6 0 0 1 1.45 4.46l-.2 2.2a2 2 0 0 0 1.55 2.13l2.15.5a6 6 0 0 1 3.8 2.75l1.13 1.9a2 2 0 0 0 2.5.8zm2.82.97a4 4 0 0 1 3.12 0l2.04.87a4 4 0 0 0 4.99-1.62l1.14-1.9a4 4 0 0 1 2.53-1.84l2.15-.5a4 4 0 0 0 3.09-4.24l-.2-2.2a4 4 0 0 1 .97-2.98l1.45-1.67a4 4 0 0 0 0-5.24l-1.45-1.67a4 4 0 0 1-.97-2.97l.2-2.2a4 4 0 0 0-3.09-4.25l-2.15-.5a4 4 0 0 1-2.53-1.84l-1.14-1.9a4 4 0 0 0-5-1.62l-2.03.87a4 4 0 0 1-3.12 0l-2.04-.87a4 4 0 0 0-4.99 1.62l-1.14 1.9a4 4 0 0 1-2.53 1.84l-2.15.5a4 4 0 0 0-3.09 4.24l.2 2.2a4 4 0 0 1-.97 2.98l-1.45 1.67a4 4 0 0 0 0 5.24l1.45 1.67a4 4 0 0 1 .97 2.97l-.2 2.2a4 4 0 0 0 3.09 4.25l2.15.5a4 4 0 0 1 2.53 1.84l1.14 1.9a4 4 0 0 0 5 1.62l2.03-.87zM152 207a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6 2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-11 1a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-6 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3-5a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-8 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm0 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5-2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-5-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-24 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm16 5a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm7-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0zm86-29a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1 246 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM275 214a29 29 0 0 0-57.97 0h57.96zM72.33 198.12c-.21-.32-.34-.7-.34-1.12v-12h-2v12a4.01 4.01 0 0 0 7.09 2.54c.57-.69.91-1.57.91-2.54v-12h-2v12a1.99 1.99 0 0 1-2 2 2 2 0 0 1-1.66-.88zM75 176c.38 0 .74-.04 1.1-.12a4 4 0 0 0 6.19 2.4A13.94 13.94 0 0 1 84 185v24a6 6 0 0 1-6 6h-3v9a5 5 0 1 1-10 0v-9h-3a6 6 0 0 1-6-6v-24a14 14 0 0 1 14-14 5 5 0 0 0 5 5zm-17 15v12a1.99 1.99 0 0 0 1.22 1.84 2 2 0 0 0 2.44-.72c.21-.32.34-.7.34-1.12v-12h2v12a3.98 3.98 0 0 1-5.35 3.77 3.98 3.98 0 0 1-.65-.3V209a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4v-24c.01-1.53-.23-2.88-.72-4.17-.43.1-.87.16-1.28.17a6 6 0 0 1-5.2-3 7 7 0 0 1-6.47-4.88A12 12 0 0 0 58 185v6zm9 24v9a3 3 0 1 0 6 0v-9h-6z'/%3E%3Cpath d='M-17 191a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2H4zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1-14 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM15 214a29 29 0 0 0-57.97 0h57.96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.bg-gradient{
    background: rgb(240,244,244);
background: radial-gradient(circle, rgba(240,244,244,1) 0%, rgba(242,242,242,1) 100%);
}
.location-map{
    padding: 5em 0;
}

.mfbtnv2{
    padding: .5rem 3rem;
    min-width: 120px;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    border-radius: 5px;
}

.mfbtnv2 i.right{
    position: absolute;
    right: 0;
    /* padding-right: .5rem; */
    margin-right: .5rem;
}
.mfbtnv2 i.left{
    position: absolute;
    left: 0;
    margin-left: .5rem;
    /* padding-left: .5rem; */
}
.mfbtnv2-red{
    background-color: #ef5555;
    color: white;
    box-shadow: #ca4444 0px -3px 0px 0px inset;
    border: 1px solid #ca4444;
    transition: .25s all;
    background: linear-gradient(0deg, #e05757, #ea6a6a);
}
.mfbtnv2-red:hover{
    color: white;
    box-shadow: #ca4444 0px 0px 0px 0px inset;
    transform: translateY(1px);
}
.mfbtnv2-blue{
    background-color: #3f97d6;
    color: white;
    box-shadow: #3c84b7 0px -3px 0px 0px inset;
    border: 1px solid #3c84b7;
    transition: .25s all;
    background: linear-gradient(0deg, #4890c3, #60a5d6);
}
.mfbtnv2-blue:hover{
    color: white;
    box-shadow: #3c84b7 0px 0px 0px 0px inset;
    transform: translateY(1px);
}
.mfbtnv2-secondary{
    background-color: #6c757d;
    color: white;
    box-shadow: #545c63 0px -3px 0px 0px inset;
    border: 1px solid #545c63;
    transition: .25s all;
    background: linear-gradient(0deg, #6c757d, #8f979e);
}
.mfbtnv2-secondary:hover{
    color: white;
    box-shadow: #545c63 0px 0px 0px 0px inset;
    transform: translateY(1px);
}
/* .mfbtn{
    padding: 5px 20px;
    display: inline-block;
    border-radius: 5px;
    transition: .5s all;
}
.mfbtn-green{
    background-color: #70B663;
    color: white !important;
}
.mfbtn-green:hover{
    color: white;
    background-color: #5da051;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.mfbtn-steelblue{
    background-color: steelblue;
    color: white !important;
}
.mfbtn-steelblue:hover{
    color: white;
    background-color: steelblue;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.mfbtn-gmap{
    background-color: var(--iclc-gmap);
    color: white !important;
}
.mfbtn-gmap:hover{
    color: white;
    background-color: #76909c;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.mfbtn-red{
    background-color: var(--iclc-red);
    color: white !important;
}
.mfbtn-red:hover{
    color: white;
    background-color:#e24a4a;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.mfbtn-blue{
    background-color: var(--iclc-blue);
    color: white !important;
}
.mfbtn-blue:hover{
    color: white;
    background-color:#5595ca;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.mfbtn-block{
    display: block !important;
    text-align: center;
}
.mfbtn.arrow_right_alt::after{
    display: inline-block;
    content: "\f35a";
    font-family: FontAwesome;
    font-size: 14px;
    padding-left: 5px;
}
.mfbtn.send_right::after{
    display: inline-block;
    content: "\f1d8";
    font-family: FontAwesome;
    padding-left: 5px;
}
.mfbtn.arrow_left_alt::before{
    display: inline-block;
    content: "\f359";
    font-family: FontAwesome;
    font-size: 14px;
    padding-right: 5px;
}
.mfbtn-transparent{
    color: white !important;
    border: 2px solid white;
}
.mfbtn-transparent:hover{
    color: var(--iclc-dark) !important;
    border: 2px solid white;
    background-color: white;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.mfbtn-outline-blue{
    background-color: #ffffff;
    color: steelblue;
    border: 2px solid steelblue;
}
.mfbtn-outline-blue:hover{
    background-color: steelblue;
    color: white !important;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.mfbtn-outline-gmap{
    background-color: #ffffff;
    color: steelblue;
    border: 2px solid var(--iclc-gmap);
}
.mfbtn-outline-gmap:hover{
    background-color: var(--iclc-gmap);
    color: white !important;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.mfbtn-outline-red{
    background-color: #ffffff;
    color: var(--iclc-red) !important;
    border: 2px solid var(--iclc-red);
}
.mfbtn-outline-red:hover{
    background-color: var(--iclc-red);
    color: white !important;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
} */
figure figcaption{
    text-align: center;
}
.break-hr{
    border-top: 2px solid steelblue;
}
.container-wrap{
    padding: 0 5em;
}
.anchor-link{
    display: block;
    padding-top: 7em;
    margin-top: -7em;
    
}

.w-100px{
    width: 100px;
}
.h-2px{height: 2px;}
.main-banner > .div_bg{
    background-image: url('/images/src/banner1.jpg');
}
.div_bg{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.grecaptcha-badge{
    display: none !important;
}
.animtxt{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    padding-top: 10%;
}
.txt-shadow{
    text-shadow: 4px 2px 3px rgb(75 75 75 / 54%);
}
.custom-modal-body{
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.sending{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0000009e;
    z-index: 2000;
}
.sending-outer{
    background-color: white;
    padding: 4em 5em 2em 5em;
    border-radius: 20px;
    width: 400px;
    text-align: center;
}
.cp-spinner{
    width:48px;
    height:48px;
    display:inline-block;
    box-sizing:border-box;
    position:relative
}.cp-balls{
    animation:cp-balls-animate 1s linear infinite
}.cp-balls:before{
    border-radius:50%;
    content:" ";
    width:24px;
    height:24px;
    display:inline-block;
    box-sizing:border-box;
    background-color:#0fd6ff;
    position:absolute;top:0;
    left:0;
    animation:cp-balls-animate-before 1s ease-in-out infinite
}
.cp-balls:after{
    border-radius:50%;
    content:" ";
    width:24px;
    height:24px;
    display:inline-block;
    box-sizing:border-box;
    background-color:#eb68a1;
    position:absolute;
    bottom:0;
    right:0;
    animation:cp-balls-animate-after 1s ease-in-out infinite
}
@keyframes cp-balls-animate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes cp-balls-animate-before{0%{transform:translate(-5px,-5px)}50%{transform:translate(0,0)}100%{transform:translate(-5px,-5px)}}@keyframes cp-balls-animate-after{0%{transform:translate(5px,5px)}50%{transform:translate(0,0)}100%{transform:translate(5px,5px)}}

.sticky-top {
    z-index: 1021 !important;
}
.category_tag{
    cursor: pointer;
    text-decoration: none;
    color: white;
    background-color: grey;
    font-size: 9pt;
    padding: 1px 5px;
    border-radius: 2px;
    margin: 0 1px;
}
.category_tag:hover{
    color: white;
}
.lmt-2lines{
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}
.lmt-1line{
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
           line-clamp: 1; 
   -webkit-box-orient: vertical;
}
.lmt-3lines{
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;
}

.changeLanguageV2 .sec-center {
    position: relative;
    z-index: 200;
    display: inline-block;
}
.changeLanguageV2 [type="checkbox"]:checked,
.changeLanguageV2 [type="checkbox"]:not(:checked){
    position: absolute;
    left: -9999px;
    opacity: 0;
    pointer-events: none;
  }
  .dropdown_lang:checked + label,
  .dropdown_lang:not(:checked) + label{
    position: relative;
    height: 40px;
    transition: all 200ms linear;
    border-radius: 50px;
    min-width: 200px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    background-color: #dfdfdf;
    cursor: pointer;
    padding-right: 25px;
  }

  .dropdown_lang:checked + label:before,
  .dropdown_lang:not(:checked) + label:before{
    position: fixed;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
    cursor: auto;
    pointer-events: none;
  }
  .dropdown_lang:checked + label:before{
    pointer-events: auto;
  }
  .dropdown_lang:checked + label::after, .dropdown_lang:not(:checked) + label::after{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f0d7";
    transition: .25s transform;
    position: absolute;
    right: 10px;
  }
  .dropdown_lang:checked + label::after{
    transform: rotateZ(-90deg);
  }
  .section-dropdown {
    position: absolute;
    padding: 5px;
    background-color: #dfdfdf;
    top: 60px;
    left: 0;
    width: 100%;
    border-radius: 4px;
    display: block;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
    transition: all 200ms linear;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  }

  .dropdown_lang:checked ~ .section-dropdown{
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
  .section-dropdown:before {
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    content: '';
    display: block;
    z-index: 1;
  }
  .section-dropdown:after {
    position: absolute;
    top: -7px;
    right: 20px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #dfdfdf;
    content: '';
    z-index: 2;
    transition: all 200ms linear;
  }

  
  .changeLanguageV2 a {
    display: flex;
    color: inherit;
    padding: 5px 0;
  }

  .changeLanguageV2 a:hover {
    color: #102770;
    background-color: #ffeba7;
  }
.changeLanguageV2 a img{
    width: 30px;
    margin-right: 10px;
}
.changeLanguageV2 .currLang{
    width: 40px;  
    margin-right: 10px; 
}
ol.breadcrumb{
    margin: 0;
}
.title-hover{
    transition: .25s all;
}
.title-hover:hover{
    color: var(--iclc-red);
}
.dark-overlay{
    position: relative;
}
.dark-overlay::after{
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #484747;
    position: absolute;
    opacity: .8;
}
a.disabled{
    opacity: .5;
    pointer-events: none;
}
#indexTopic{
    background-color: #686868;
    padding: 0 1rem;
    border-radius: 1em;
}
#indexTopic a.topic{
    position: relative;
}
#indexTopic a.topic .topicimg{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#indexTopic a.topic[name=topic_one] .topicimg{
    height: 250px;
}
#indexTopic a.topic .topictitle{
    position: absolute;
    bottom: 0;
    color: white;
}
#indexTopic a.topic[name=topic_two] .topicimg,
#indexTopic a.topic[name=topic_three] .topicimg,
#indexTopic a.topic[name=topic_four] .topicimg{
    height: 200px;
}
.hoverable{position: relative;overflow: hidden;}
.hoverable::after{
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background-color: #ffffff1c;
    transition: .35s all;
    opacity: 0;
    visibility: hidden;
}
.hoverable:hover::after{
    opacity: 1;
    visibility: visible;
}
.page-item.active .page-link {
    background-color: #ef5555;
    border-color: #ef5555;
}
.page-link{
    color: #4682b4;;
}