* {
  font-family: 'Roboto', sans-serif;
}

img {
    max-width: 100%;
    height:auto;
}

body{
  background-color:#ffffff !important;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1140px !important;
}


/* header */

.fixed-header{
  background-color:#ffffff;
}

.main-header {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 17%);
    padding: 5px 50px;
}

.nav-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}

.nav-bar>ul {
    padding: 0;
    display: flex;
    margin: 0;
}

.nav-bar ul li {
    list-style: none;
}

.nav-bar ul li.item-nav {
    position: relative;
    transition:.5s ease-in-out;
}

.item-nav:hover>a,
.item-nav.active>a{
    color: #EC1D24;
    fill: #EC1D24;
}


.nav-bar>ul>li>a {
    text-decoration: none;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size:15px;
    text-transform: capitalize;
    color:#e48e12;
}

.nav-bar ul li.item-nav:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
}

.sub-menu {
    top: 100%;
    margin-top: 5px;
    position: absolute;
    left: 0;
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 21%);
    z-index: 3;
    width: auto;
    min-width: 10em;
    opacity: 0;
    visibility: hidden;
}

.sub-menu ul li a {
    transition: .4s all;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    line-height: 20px;
    transition: .4s;
    color: #233B5E;
    padding: 13px 20px;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    -o-transition: .4s all;
    text-decoration: none;
}

.sub-menu ul li:first-child a,
.menu-mb ul li:first-child a {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.sub-menu ul li:last-child a,
.menu-mb ul li:last-child a {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.sub-menu ul li a:hover {
    background: #EC1D24;
    color: #fff;
}

.menu-right a {
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #EC1D24;
    border-radius: 10px 10px 10px 10px;
    padding: 12px 12px 12px 12px;
}

.menu-right a:hover {
    color: #fff;
    animation: leaves .3s ease-in-out infinite alternate;
    -webkit-animation: leaves .3s ease-in-out infinite alternate;
}

.content-nav-bar-mb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 22px;
    padding: 0.25em;
    cursor: pointer;
    border: 0 solid;
    border-radius: 3px;
    background-color: #233B5E;
    color: #fff;
}

.content-nav-bar-mb .fa-bars,
.content-nav-bar-mb.active .fa-times {
    display: block;
}

.content-nav-bar-mb .fa-times,
.content-nav-bar-mb.active .fa-bars {
    display: none;
}

.menu-mb {
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    position: absolute;
    top: 100%;
    width: 100%;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 21%);
    -webkit-transform: rotate3d(1, 0, 0, -90deg);
    transform: rotate3d(1, 0, 0, -90deg);
    transition: all .5s ease;
    transform-origin: 0 0 0;
    z-index:999;
}

.menu-mb.active {
    -webkit-transform: rotate3d(1, 0, 0, 0deg);
    transform: rotate3d(1, 0, 0, 0deg);
    -moz-transform: rotate3d(1, 0, 0, 0deg);
    -ms-transform: rotate3d(1, 0, 0, 0deg);
    -o-transform: rotate3d(1, 0, 0, 0deg);
}

.menu-mb ul {
    padding: 0;
    margin: 0;
}

.menu-mb ul li {
    list-style: none;
}

.menu-mb ul li a {
    text-decoration: none;
    padding: 10px 20px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #233B5E;
    font-weight: 600;
    text-transform: capitalize;
}

.menu-mb ul li a:hover,
.menu-mb ul li.active a {
    background-color: #EC1D24;
    color: #fff;
}

.sub-menu-mb {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.sub-menu-mb ul li a {
    font-size: .85em;
}

.intro-lsht-bottom-item-img img{
    aspect-ratio: 1/1;
    object-fit: cover;
}

@media(max-width:767px) {
    .main-header {
        padding: 5px;
    }
    .intro-lsht-bottom {
        flex-wrap: wrap;
    }
    .intro-lsht-bottom-item {
        width: 100%;
    }
    .intro-lsht-bottom-item-img {
        text-align: center;
    }
    .blogPost-left{
      padding: 10px 10px 10px 10px !important;
    }
}

@media(max-width:350px) {
    .menu-right a {
        font-size: 10px;
    }
}

@media(min-width:999px) {
    .intro-csvc-top {
        margin: 0px 0px 0px 0px;
        padding: 0px 250px 0px 250px;
    }
    .item_ns.active{
      width:50%;
    }
}

@keyframes leaves {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
    }
    100% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
}

.stuck {
    top: 0;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 99;
    transition: top 0.5s linear 0s;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    animation-name: stuck;
    animation-duration: 0.5s;
    background-color: #ffffff;
}

@keyframes stuck {
    from {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
    }
    to {
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
    }
}


/* introduce */

.intro-widget {
    background-position: center center;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 350px 200px 50px 200px;
}

.elementor-widget-wrap {
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 30px 25px 25px 25px;
}

.elementor-background-overlay {
    border-radius: 40px 40px 40px 40px;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    position: absolute;
    background-color: #2A3D54;
    opacity: 0.84;
}

.elementor-widget-heading {
    position: relative;
}

.intro-loingo {
    margin-top: 50px;
}

.loingo_countTo_quantity{
    color: #233B5E;
    font-size: 32px;
    font-weight: 700;
}

.loingo_countTo_content span{
     color: #233B5E;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
}


.intro-lsht-top {
    /*background-color: #233B5E;*/
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 40px 20px 20px 20px;
    position: relative;
    /* border-bottom: 1px solid #fff; */
}

.intro-lsht-top .intro-lsht-title h2 {
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
}

.intro-lsht-bottom {
    /*background-color: #283D5B;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 0px 20px 0px;
}

.intro-lsht-bottom-item {
    padding: 10px;
}

.intro-lsht-bottom-item-content {
    border-style: solid;
    border-width: 0px 2px 0px 0px;
    border-color: #fff;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 10px 10px 0px 10px;
}

.intro-ttandsm-left-content {
    padding: 25px 25px 25px 25px;
}

.intro-value-left h3 {
    color: #233B5E;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
}

.item-value-top-title {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.item-value-top {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 20px 30px 30px 30px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.intro-value-left-slider .btn-owl {
    top: calc(50% - (40px / 2));
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    z-index: 1;
    cursor: pointer;
    font-size: 25px;
    color: hsla(0, 0%, 93.3%, .9);
    top: 45%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.intro-value-left-slider .btn-prev {
    left: -10px;
    right: unset;
}

.intro-value-left-slider .btn-next {
    left: unset;
    right: -10px;
}

.intro-value-left-slider .owl-dot,
.listDT .owl-dot{
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
    background: #000 !important;
    opacity: .2;
    margin: 0 6px;
    cursor: pointer;
}

.intro-value-left-slider .owl-dot.active,
.listDT .owl-dot.active{
    opacity: 1;
}

.intro-value-left-slider .owl-dots {
    text-align: center;
}

.item-value-top-title span {
    font-size: 23px;
    font-weight: 600;
    text-transform: uppercase;
    color:#233B5E;
}

.item-value-top-title p {
    color: #233B5E9E;
    font-size: 60px;
    font-weight: 600;
    font-style: italic;
}

.intro-leader {
    background-color: #1E1E1E;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 40px 20px 20px 20px;
}

.intro-leader .intro-leader-top h3 {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
}

.intro-leader .intro-leader-top p {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}

.intro-leader-bottom-item-content h3 {
    color: #fff;
    font-size: 22.5px;
    font-weight: 600;
    text-transform: uppercase;
}

.intro-leader-bottom-item-content p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}


.intro-csvc-top h2 {
    color: #233B5E;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3em;
}

.intro-share {
    background-color: #545E68;
    position: relative;
}

.intro-share svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.intro-shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
}

.intro-shape-top svg {
    top: -1px;
    height: 43px;
    transform: translateX(-50%) rotateY(180deg);
}

.intro-shape-bottom {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: -1px;
}

.intro-shape-bottom svg {
    transform: translateX(-50%) rotateY(180deg);
    -webkit-transform: translateX(-50%) rotateY(180deg);
    -moz-transform: translateX(-50%) rotateY(180deg);
    -ms-transform: translateX(-50%) rotateY(180deg);
    -o-transform: translateX(-50%) rotateY(180deg);
}

.intro-share .elementor-shape-fill {
    fill: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.item-share {
    padding: 100px 0 150px 0;
}

.item-share .item-share-content-title h3{
    color: #fff;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.3em;
}

.item-share-content-1{
    padding: 20px 20px 20px 20px;
    background-color: #fff;
    border-radius: 30px 30px 30px 30px;
}

.carousel-intro-share .owl-prev{
  left:-40px;
}


.carousel-intro-share .owl-next{
  right:-40px;
}

.intro-doitac-title{
    margin-bottom:20px;
    color: #233B5E;
    font-size: 30px;
    font-weight: 700;
}

.intro-rating .fa-star{
  color:#ffff00;
  font-size:25px;
}

/*blog*/

.category-blog-item{
  padding: 50px 0px 0px 0px;
}

.category-blog-name{
    padding: 0px 0px 20px 0px;
    color: #233B5E;
    font-size: 25px;
    text-transform: uppercase;
}


.item-blog a,
.item-blog a:hover{
  text-decoration:none;
}

.item-blog-title h3 a{
  text-transform: uppercase;
    margin-bottom:10px;
    font-size: 19px;
    font-weight: 600;
  color:#233B5E;
}

.item-blog-title p a{
    font-size: 12px;
    font-weight: 700;
    color:#347C95;
}

.main-blogPost{
  padding: 50px 0px 0px 0px;
}

.blogPost-left{
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #B9B9B9;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 6%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 10px 30px 40px 30px;
}

.blogPost-left-title{
  padding: 50px 20px 0px 20px;
}

.blogPost-left-title h2{
   color: #233B5E;
    font-size: 26px;
    text-transform: uppercase;
    line-height: 1.3em;
    font-weight:bold;
}

.blogPost-left-social{
  margin-bottom:20px;
}

.blogPost-left-social a{
    border-radius:50%;
    padding:5px;
    margin:3px;
    display: inline-block;
    text-decoration:none;
    transform: scale(1);
    transition: .5s all;
}

.blogPost-left-social a:hover{
    transform: scale(0.9);
}

.blogPost-left-social i{
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
    color:#fff;
}

.is-driver{
  width:10%;
  border-top: 2.4px solid #C5C5C5;
  display:block;
  margin: auto;
  margin-bottom:20px;
}

.blogPost-right{
    position: sticky;
    top: 130px;
}

.blogPost-right-search input{
    padding-left: calc(55px / 3);
    padding-right: calc(55px / 3);
    background-color: #EFEFEF;
    border-radius: 3px;
    min-height: 55px;
    width:100%;
    border:none;
}

.blogPost-right-search button{
  background:#233B5E;
  border:none;
  min-height:55px;
  min-width:55px;
  color:#fff;
  position:absolute;
  right:0;
}

.blogPost-right-new-tit{
    color: #233B5E;
    font-size: 19px;
    text-transform:uppercase;
    font-weight:bold;
    margin:20px 0;
}

.item-blog-new-title a{
  text-decoration:none;
  color: #000000;
    font-size: 15px;
    font-weight:bold;
}

.blogPost-fanpage iframe,
.blogPost-map iframe{
  width:100%;
  height:400px;
}

.main-blog-nav{
   padding: 15px 0px 15px 5px;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #D4D4D4;
}

.blog-nav a{
    text-decoration:none; 
    display: flex;
    align-items: center;
    max-width: 100%;
    color:#000;
}

.item-blog-nav{
    display: flex;
    flex-direction: column;
}

.item-blog-prev-icon{
  margin-right:10px;
  color:#000;
}

.item-blog-next-icon{
  margin-left:10px;
  color:#000;
}
.txt_blog_prev,
.txt_blog_next{
    font-size: 12px;
    font-weight: 600;
    color:#EC1D24;
    text-transform: uppercase;
}

.blog-next-title,
.blog-prev-title{
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}
#blog-prev-title,
#blog-next-title{
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.box-list-new{
  position:absolute;
  background:#fff;
  border:2px solid #EFEFEF;
  border-top:none;
  max-height:500px;
  width:100%;
  overflow-y: auto;
}

.box-list-new .row{
  margin-bottom:10px;
}

.box-list-new .row:last-child{
  margin-bottom:0;
}


.box-list-new a{
    text-decoration: none;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
}

/* contact */

.content-contact {
    margin-top: 0px;
    margin-bottom: 30px;
    padding: 50px 0px 0px 0px;
}

.contact-left h2,
.contact-right h2 {
    margin-bottom: 20px;
    color: #243C62;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
}

.contact-left input,
.contact-left textarea {
    width: 100%;
    background-color: #ffffff;
    border-color: #72A4B0;
    border-width: 2px 2px 2px 2px;
    min-height: 47px;
    padding: 6px 16px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 22px;
    border-style: solid;
}

.contact-left input:focus,
.contact-left textarea:focus {
    -webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 10%) inset;
    box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%);
    outline: 0;
}

.contact-left .btn-contact {
    background-color: #233C5E !important;
    color: #ffffff;
    font-weight: 700;
    display: inline-block;
    line-height: 1;
    border: none;
    background-color: #818a91;
    font-size: 15px;
    padding: 12px 24px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.contact-left .btn-contact:hover {
    background-color: #EC1D24 !important;
    animation: leaves .3s ease-in-out infinite alternate;
    -webkit-animation: leaves .3s ease-in-out infinite alternate;
}

.contact-right h2 {
    margin-top: 20px;
}

.contact-right h2:first-child {
    margin-top: 0;
}

.contact-right iframe {
    width: 100%;
    height: 200px;
}

.contact-star {
    margin-top: 2rem;
}

.contact-star .kksr-star {
    padding-right: 5px;
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
}

.contact-star .kksr-star span {
    margin: 0 0.75rem;
}

.contact-star .kksr-star .icon-star {
    display: flex;
}

.contact-star .kksr-star .icon-star i {
    width: 22px;
    height: 22px;
}


/*animation orderSuccess*/

.background-succ {
  background-color: #000000;
  color: #fff;
  top: 0;
  left: 0;
  width: 400px;
  z-index: 1000;
  border-radius: 5px;
  height: 215px;
  position: absolute;
  display: none;
  justify-content: ;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.background-succ .content {
  padding-top: 50px;
  position: relative;
  text-align: center;
}

.background-succ .content img {
  width: 60px;
  height: 60px;
}

.background-succ .content p {
  display: block;
  font-size: 18px;
  margin-top: 1rem;
  font-weight: 500;
  color: #fff;
}


.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: green;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: green;
  stroke-miterlimit: 10;
  margin: 0px auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #fff;
  }
}


/* footer */

.main-footer {
    padding: 30px 50px 20px 50px;
    background-color: #ccd3e4;
}

.ft-logo img {
    width: 60%;
}

.ft-logo {
    margin-bottom: 30px;
}

.ft-content-left {
    color:#040404;
}

.ft-social ul {
    margin: 0;
    padding: 0;
    display: flex;
}

.main-footer hr {
    color: #fff;
    opacity: 1;
}

.ft-introduce {
    color: #fff;
}

.ft-introduce p {
    margin-bottom: 0.1em;
}

.ft-social ul li {
    list-style: none;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-color: #2F4F4F;
    margin-right: 10px;
    transition: .3s ease-in-out;
    transform: scale(1);
    border-radius: 10%;
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    -ms-border-radius: 10%;
    -o-border-radius: 10%;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.ft-social ul li:hover {
    opacity: .9;
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
}

.ft-social ul li a {
    text-decoration: none;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height:100%;
}

.ft-phone-number p {
    font-size: 23px;
    font-weight: 800;
    margin-bottom: 0;
    color:#040404;
}

.ft-address p {
    margin-right: 10px;
    margin-bottom: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}

.ft-linkMap {
    margin: 10px 0 0 0;
    padding: 0px 0px 0px 25px;
}

.ft-linkMap a {
    text-decoration: none;
    color: #00ABEE;
    font-size: 16px;
    font-weight: 700;
}

.ft-linkMap a:hover {
    color: #00ABEE;
}

.ft-bottom {
    background: #0E203A;
    padding: 10px 0;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}

.ft-bottom a{
  text-decoration:none;
  color:#fff;
}

.ft-bottom a:hover{
  color:#fff;
}

.scroll.icon {
    position: fixed;
    bottom: 90px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: rgba( 0 , 0 , 0 , 0.7);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .5s;
    z-index: 9999;
}


/*css animation phone*/
div#phonering-alo-phoneIcon {
  z-index: 10000;
}
.phonering-alo-phone.phonering-alo-static {
    opacity:.6
}

.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {
    opacity:1
}

.phonering-alo-ph-circle {
    width:160px;
    height:160px;
    top:20px;
    left:20px;
    position:absolute;
    background-color:transparent;
    border-radius:100% !important;
    border:2px solid rgba(30,30,30,0.4);
    border:2px solid #bfebfc 9;
    opacity:.1;
    -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color:#ffffff;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    border-color:#baf5a7;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color:#ffffff ;
    border-color:#bfebfc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color:#ccc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    opacity:.5
}

.phonering-alo-ph-circle-fill {
    width:100px;
    height:100px;
    top:50px;
    left:50px;
    position:absolute;
    background-color: #000;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#ffffff 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    background-color:#baf5a7 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#a6e3fa 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(204,204,204,0.5);
    background-color:#ccc 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    opacity:.75!important
}

.phonering-alo-ph-img-circle {
    width:60px;
    height:60px;
    top:70px;
    left:70px;
    position:absolute;
    background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color:#ffffff
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color:#75eb50;
    background-color:#75eb50 9
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color:#e48e12;
    background-color:#e48e12;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color:#ccc
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color:#75eb50
}


  .intro-leader-bottom-item-img img{
    height:433px;
    max-height:433px;
    object-fit:cover;
  }
  
  
  .intro-leader-bottom-item-content{
    margin-top:10px;
  }


@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}
/*End animation phone*/