/* CSS - Core */
body{min-height:calc(100vh - 0px);font-family:'Trebuchet MS',sans-serif;background:rgb(13,56,99);background:linear-gradient(0deg,rgba(13,56,99,1)0%,rgba(90,118,145,1)100%);min-width:300px;padding-bottom:130px}
body a,a:hover{text-decoration:none;color:#212529;cursor:pointer}
.sclName a{color:#fff!important}
.bg-thm-light{background-color:#e7e7e7}
.sclName{font-size:3rem;font-weight:bold;word-spacing:5px}
.carousel-inner{height:120px;background-color:#e7e7e7;-webkit-user-select:none}
.carousel-item{height:inherit}
.carousel-caption{color:#646464;position:initial;height:100%;width:90%;padding-top:0;padding-bottom:0}
.carousel-caption .row{color:#646464;position:initial;height:100%}
.carousel-caption .row>div{border-right:2px ridge}
.carousel-caption .row>div:last-of-type{border-right:none}
.carousel-caption .row>div>div{margin-top:5px}
.carousel-caption .row .feature-icon{width:20vw;max-width:50px}
.carousel-caption .row .feature-caption{overflow-wrap:break-word;line-height:17px}
.carousel-control-prev,.carousel-control-next{width:5%;background-color:#b9b9b9;border:none;cursor:pointer}
.alert{font-size:18px;border-radius:0}
.branchBox .card{margin:15px;opacity:0;border-radius:10px;background-color:#e7e7e7}
.branchBox .card:hover{transform:scale(1.2);border-color:#1c365c;border-width:2px;z-index:999}
.branchBox .card img{border-top-left-radius:10px;border-top-right-radius:10px}
.branchBox .card .userImg{border-top-left-radius:10px;border-top-right-radius:10px;padding:20px;background-color:#fff}
.branchBox .card .userImg img{max-width:150px}
.branchBox .card .card-body{border-top:1px dotted #bbb;padding:10px!important;color:#444}
.branchBox .card .card-body>.brSep{display:none;font-size:3.5vw}
.branchBox .card .card-body>div{display:block}
.branchBox img{width:100%;max-width:100%}
.usrTyp{font-size:18px;font-weight:bold}
.brName{font-size:20px;font-weight:bold}
.brLoc{font-size:18px;font-weight:bold}
.b-example-divider{width:100%;height:2rem;background-color:rgba(0,0,0,.1);border:solid rgba(0,0,0,.15);border-width:1px 0;box-shadow:inset 0 .5em 1.5em rgba(0,0,0,.1),inset 0 .125em .5em rgba(0,0,0,.15)}
.gridAuto{transition:all 0s linear}
.footSep{height:50px}
.footer{font-size:16px;width:100%;position:absolute;opacity:0;top:calc(100% - 130px)}
.animate-top{top:-500px;position:relative}
.animate-zoom{animation:animatezoom 1s;transition:width 0.5s}
@keyframes animatezoom{from{transform:scale(0)}
to{transform:scale(1)}
}
.animate-zoom:nth-child(1){animation-delay:0.0s}
.animate-zoom:nth-child(2){animation-delay:0.2s}
.animate-zoom:nth-child(3){animation-delay:0.4s}
.animate-zoom:nth-child(4){animation-delay:0.6s}
.animate-zoom:nth-child(5){animation-delay:0.8s}
.colSep{content:"";position:absolute;z-index:-1;top:5px;bottom:5px;left:50%;border-left:1px solid #e7e7e7;transform:translate(-50%)}
.modal{}
.modal-dialog{margin:auto auto}
.modal-header{padding:10px 15px;align-items:center}
.modal-header .modal-title{font-weight:bold}
.modal-body{padding:20px}
.modal-backdrop.show{opacity:0.6}
.rArr::after{content:'';display:inline-block;position:relative;top:1px;left:3px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #000;clear:both;padding-right:3px}
@media(max-width:375px){.branchBox .card .userImg{padding:10px}
.modal-header .modal-title{font-size:4vw!important}
}
@media(max-width:450px){.footer{font-size:3vw!important}
.alert{font-size:3.5vw!important}
}
@media(max-width:575px){.usrTyp{font-size:2.5vw!important}
.branchBox .card:hover{transform:scale(1.1)}
.colSep{display:none}
.modal-header .modal-title{font-weight:normal}
}
@media(max-width:600px){.sclName{font-size:6vw!important}
.carousel-caption .row .feature-caption{font-size:3vw}
.alert{font-size:3vw}
.modal-header .modal-title{font-size:14px}
}
@media(max-width:767px){.branchBox .card .card-body>.brSep{display:inline-block}
.brName,.brLoc{font-size:2.5vw!important}
.branchBox .card .card-body>div{display:inline-block}
}
@media(max-width:800px){.brName,.brLoc,.usrTyp{font-size:2.3vw}
}
@media(max-width:1000px){.sclName{font-size:5vw!important}
.branchBox{font-size:2vw!important}
}
@media(min-width:576px){.modal-dialog{margin:10vh auto}
}
@media(min-width:601px){.modal-header .modal-title{font-size:14px}
}
@media(min-width:880px){.modal-header .modal-title{font-size:16px}
}