/*-- how css setting --*/



h6 a{color:#000;}
/*-- loading animation--*/
.articleinfo img{max-width:100%;}
.form-go{position:absolute; top:0; left:0; opacity:0;display:none;}
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #000;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
/*-- end loading animation--*/






main.main:not(.about-main){ overflow-x: hidden;}

.main_nav-footer{ position: absolute; bottom: 0; padding: 0 1.5em;}
.main_nav-footer ul{ list-style: none;}
.main_nav-footer ul li{ margin-bottom: 8px; font-size: 13px;}

.main_nav-footer .a_link,
.main-footer .a_link{ color: #fff; text-decoration: none;}

.main_nav-footer .a_link:hover,
.main-footer .a_link{ color: #1c1c1c;}

.fancynav-item.current .fancynav-link:before{ width: 100%; opacity: 0.2;}
.fancynav-item.current:hover .fancynav-link:before{ opacity: 1;}


/*-- index --*/

.owl-nav button:focus{ outline: none;}

.owl-carousel .index_clients img { width: 100%; max-width: 140px; height:  auto; margin: 10px auto;}

/* .owl-item:hover .card,
.hoverbox:hover .card{ border: 1px solid #f64800;} */

.card .card-title:hover,
.hoverbox .card-title:hover{ color: #666;}

.owl-item .card-title,
.hoverbox .card-title{ line-height: 1.4em;}

.owl-item .card-header,
.owl-item .card-body,
.owl-item .card-footer,
.hoverbox .card-header,
.hoverbox .card-body,
.hoverbox .card-footer{ padding: 1em 1.5em;}

.card a:hover img { transform: scale(1.12, 1.12);}
.card a:link{ transition: all 0.4s ease 0s;}
.card a:link:hover{ text-decoration: none;  color: #666; transition: all 0.4s ease 0s;}


.com-name-tw.ls-2{ text-indent: 0.25em;}


.owl-loaded .owl-dots .owl-dot span:after{ background: #f64800;}
/*-- end index --*/

/* index v2 */
.carousel_item{
  background-size: cover;
  height: 650px;
}
/* .carousel_caption{
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  padding: 0 60px 48px;
} */
.carousel-caption{
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  padding: 0 60px 40px;
  bottom: unset;
  left: unset;
  max-width: 33.33%;
  text-align: left;
}
/* .carousel-slogan{
  position: absolute;
  left: 60px;
  bottom: 40px;
} */
.line-clamp-2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.line-clamp-3{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.carousel-control-prev, .carousel-control-next{
  background-color: transparent;
  outline: none;
  border: none;
  width: 8%;
}
.carousel-control-prev-icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-chevron-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.ratio_outer{
  position: relative;
  width: 100%;
  height: 0;
  display: block;
  overflow: hidden;
}
.ratio_inner{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.filter-grayscale{
  filter: grayscale(1);
}
.carousel-item .ratio_outer{
  padding-bottom: 33.33%;
}
.ratio_inner_mask{
  filter: brightness(0.8);
  -webkit-filter: brightness(0.8);
  transition: all 1s cubic-bezier(0.14, 0, 0, 1);
  transition: all 1s cubic-bezier(0.14, 0, 0, 1);
  -webkit-transition: all 1s cubic-bezier(0.14, 0, 0, 1);
  -webkit-transition: all 1s cubic-bezier(0.14, 0, 0, 1);
}
.ratio_inner_mask:hover{
  filter: none;
  -webkit-filter: none;
  transition: all 1s cubic-bezier(0.14, 0, 0, 1);
  transition: all 1s cubic-bezier(0.14, 0, 0, 1);
  -webkit-transition: all 1s cubic-bezier(0.14, 0, 0, 1);
  -webkit-transition: all 1s cubic-bezier(0.14, 0, 0, 1);
}
/* .ratio_outer_mask{
  position: relative;
}
.ratio_outer_mask::after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.ratio_outer_mask .ratio_inner{
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.14, 0, 0, 1);
  transition: -webkit-transform 1s cubic-bezier(0.14, 0, 0, 1);
  transition: transform 1s cubic-bezier(0.14, 0, 0, 1);
  transition: transform 1s cubic-bezier(0.14, 0, 0, 1), -webkit-transform 1s cubic-bezier(0.14, 0, 0, 1);
  -webkit-transition: transform 1s cubic-bezier(0.14, 0, 0, 1);
}
a:hover .ratio_outer_mask .ratio_inner{
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.14, 0, 0, 1);
  transition: -webkit-transform 1s cubic-bezier(0.14, 0, 0, 1);
  transition: transform 1s cubic-bezier(0.14, 0, 0, 1);
  transition: transform 1s cubic-bezier(0.14, 0, 0, 1), -webkit-transform 1s cubic-bezier(0.14, 0, 0, 1);
  -webkit-transition: transform 1s cubic-bezier(0.14, 0, 0, 1);
} */
/* end index v2 */


/*-- elements --*/

.text-masou{ color: #f64800;}

/*--end elements --*/


/*-- main-footer --*/

.main-footer ul{ list-style: none; margin: 10px 0;  padding: 0;}
.main-footer ul li{ font-size: 16px; letter-spacing: 0.04em;}
.main-footer .a_link:hover{ color: #666;}
.main-footer .a_link.current{ color: #000;}

.main-footer ul.contact-info li{ font-size: 13px; margin-bottom: 8px; }
.main-footer ul.contact-info li a.a_link{ color: #1c1c1c;}
.main-footer ul.contact-info li a.a_link:hover{ color: #666;}

.footer-border{
  border-top: 2px solid #000;
  border-bottom: 1px solid #e1e1e1;
}

/*-- end main-footer --*/




/*-- index --*/
.infinite-section{ overflow: hidden;}
.infinite-section .center-wrapper video{ width: 100%; max-width: 200px; margin: 0 auto;}


.infinite-section video{display: block;}
.infinite-section img.video-img{ display: none; width: 100%; height: auto; max-width: 200px; margin: 0 auto;}

strong.lg-text-number{ font-weight: bold; font-size: 3em; padding: 0 6px; position: relative;}
strong.years-text:after{ content: '\f067'; font-family: 'FontAwesome'; font-size: 12px; position: absolute; right: 0; top: 0; }

.card-body .btn:hover{ color: #333;}


.index-showall-wrapper{ position: relative; overflow: hidden;}
.index-showall-wrapper:before{ content: ''; display: block; width: calc(100% - 30px); height: 1px; border-top: 1px dashed #ddd; position: absolute; top: 50%; margin-top: -1px;}
.index-showall-wrapper .btn{ position: relative; z-index: 9; background: #fff;}
.index-showall-wrapper .btn:hover{ background: #000;}

.companies-section img.index-drawn{ display: block; width: 70%; height: auto; margin-left: 0; max-width: 900px;}

.brand-img{
  position: absolute;
  top: 136px;
  left: 136px;
  z-index: 1;
  opacity: 0.8;
  width: 170px;
}
/* index video */
.full-video{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  object-fit: cover;
}
.vh-101{
  height: 101vh;
}
.full-video-content{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  /* min-height: 101vh; */
  min-height: 100vh;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}
.vimeo-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  object-fit: cover;
}
.vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 0;
  /* right: 0; */
  left: 0;
}

/*-- end index --*/



/*-- work intro --*/

#work-intro-top h1{ line-height: 1.2em;}

/*-- end work intro--*/


/*-- page-work_list --*/

#page-work_list .menu a{ color: #666;padding: 0.25rem 0.5rem;display: block;}
#page-work_list .menu a:hover{ text-decoration: none; color: #000;}
#page-work_list .menu .item:not(:last-child){ margin-right: 16px;}
#page-work_list .menu .item.active a{ color: #000;font-weight: 400;}

/*-- end page-work_list --*/

/* work_index */
.work-intro-img{
  background-image: url('../img/masou_organic.png');
}
.work-intro-space{
  padding-bottom: 80%;
}
.work-intro-top{
  background-color: #FAFCF8;
}
.work-intro-img-frame::before{
  content: "";
  position: absolute;
  top: 10%;
  right: -10%;
  width: 190px;
  height: 190px;
  background: url('../img/masou_tage.png') no-repeat center center;
  background-size: contain;
  z-index: 2;
  width: 30%;
  height: 30%;
}
.work-intro-title::after{
  content: "";
  position: absolute;
  bottom: -200px;
  width: 200px;
  height: 150px;
  background: url('../img/spin.gif') no-repeat center center;
  background-size: cover;
}
.rounded-custom {
  border-radius: 40px;
}
/* end work_index */

/*-- works-detail --*/

/*-- end works-detail --*/


/*-- article_list --*/

.article-category ul{ list-style: none; }
.article-category ul li{ margin: 4px auto;}
.article-category ul li a{ color: #666; display: inline-block; padding: 2px;font-weight: 300;}
.article-category ul li a:hover{ text-decoration: none; color: #333;}
/* .article-category ul li a.current{ color: #f64800;} */
.article-category ul li a.current{ color: #000;font-weight: 400;}


#article_list .article-title:hover,
#article_detail .article-title:hover{ text-decoration: none;}
#article_list .article-title:hover h3,
#article_detail .article-title:hover h3{ opacity: 0.8;}


.breadcrumb a{ color: #333;}
.breadcrumb a:hover{ text-decoration: none; color: #f64800; }

/*-- end article_list--*/

/*-- contact --*/

#page-contact .contact-left{ font-family: sans-serif;}
#page-contact .contact-left form label{ font-size: 14px;font-weight: 300;color: #1c1c1c;}
#page-contact .contact-left form select,
#page-contact .contact-left form textarea,
#page-contact .contact-left form input{ background: #f6f6f6; }

#page-contact .contact-left form .btn{ font-size: 16px;}
#page-contact .contact-left form .btn:not([disabled]):hover{ background: transparent; color: #000; }
/* #page-contact .contact-left form .btn svg{ position: relative; color: #fff; left: 0;} */
/* #page-contact .contact-left form .btn:hover svg{ transform: scale(1.5); left: 6px; color: #000;} */
#page-contact .info-wrapper{ position: relative;}
#page-contact .info-wrapper h4{ font-size: 16px; letter-spacing: 0.02em; color: #000; }
#page-contact .info-wrapper .contact-info li{ font-size: 16px; letter-spacing: 0.02em; text-indent: -22px; padding-left: 24px;}

/* #page-contact .company-wrapper{ position: relative; border-bottom: 1px solid #ddd; padding-bottom: 4em;} */
/* #page-contact .company-wrapper .company-name{ position: relative; z-index: 9; color: #000;} */
/* .company-wrapper .and-symbol{ position: absolute; left: 50%; top: 40%; background: url(../img/and-symbol.svg) no-repeat center; display: block;  width: 140px; height: 140px; margin-left: -90px; margin-top: -70px; background-size: auto 100%; opacity: 0.03;} */


/* #page-contact .contact-right{ color: #000; font-family: sans-serif;} */
#page-contact .contact-right h2{ color: #000;}
#page-contact .contact-right p{ color: #000;}
#page-contact .contact-right ul{ list-style: none; padding: 0;}
#page-contact .contact-right .contact-info .infos{position: relative; z-index: 9;}
#page-contact .contact-right .contact-info li{ margin-bottom: 8px;}
#page-contact .contact-right .contact-info li strong{ font-size: 16px; font-weight: bold; padding-right: 6px;}
#page-contact .contact-right .contact-info li a{ color: #000; text-decoration: none;}
#page-contact .contact-right .contact-info li a:link:hover{ color: #f64800;}

/* #page-contact .contact-service{ position: absolute; right: 0;}
#page-contact .contact-service li{ font-weight: bold; font-size: 1.8em; line-height: 1.2em; text-align: right; color: #000; margin: 0; letter-spacing: 0.06em; opacity: 0.05;} */

#page-contact .map-content img{ width: 100%; height: auto; opacity: 1;}
#page-contact .map-content h5{ text-align: center; color: #ccc; font-size: 16px; letter-spacing: 0.03em;}
#page-contact .map-content .btn{ color: #000;}
#page-contact .map-content .btn:hover{ color: #fff;}

/* .contact_img{background-size: cover;height: 600px; background-repeat: no-repeat; background-position: center;} */
.contact_img img{width: 100%;}

/*-- end contact --*/


/*-- client-page--*/

.page-banner .main-title{ position: relative; z-index: 9; color: #fff; font-weight: bold;}
.page-banner .main-title .title-text{ font-weight: bold; color: #fff; font-size: 3em;}
.page-banner .main-title .text{ width: 90%;  max-width: 600px; margin: auto; color: #fff; line-height: 1.4em; font-size: 1em; letter-spacing: 0.04em;}

.client-page .accordion .folder-wrapper{ margin: 1em auto;}

.client-page .accordion .title{ border-bottom: 1px dashed #c9c9c9;}
.client-page .accordion .title h5{ margin: 10px auto;}
.client-page .accordion .title h5{ color: #333;}
.client-page .accordion .title:hover h5{ color: #f64800;}

/*--end client-page--*/


/*-- about page--*/

.about-banner p{ margin: 0 auto; line-height: 1.8em; max-width: 800px;}

.particle-bg{ height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
.page-banner svg{ position: absolute; z-index: 99; top: 0; left: 0;}

.logo-text  img { width: 100%; max-width: 395px; height: auto;}
.about-icons-wrapper img{ display: block; width: 100px;}

.about-icons-wrapper .media-body h4{ line-height: 1.5em;}
.about-icons-wrapper .media-body p{ margin-top: 1em;}

.trans-title:before{ content: ''; background: url(../img/transform.svg) no-repeat center; background-size: 100% auto; width: 100%; max-width: 400px; display: block; height: 32px; margin-bottom: 20px;}


.fp-title{ height: 80px; vertical-align: middle;line-height: 0;}
.fp-title:before{ content: ''; background: url(../img/finger-print-01.svg) no-repeat center; background-size: 100% auto; display: inline-block; height: 80px; width: 80px; margin-right: 0.6em; vertical-align: middle;}
.target-title{ height: 80px; vertical-align: middle;}
.target-title:before{ content: ''; background: url(../img/target-01.svg) no-repeat center; background-size: 100% auto; display: inline-block; height: 80px; width: 80px; margin-right: 0.6em; vertical-align: middle;}

.about-id-section .parallax img{ display: block; margin: 0 auto;}


.about-processing-section h3 b{margin-left: 20px;}

.about-service-section ul li{ margin: 16px auto; letter-spacing: 0.03em; list-style: none; color: #fff; font-size: 14px;}
.about-service-section ul li:before{ content: "\f192"; font-family: "FontAwesome"; padding-right: 10px; color: #949494;}

.about-btm-join{ border-top: 1px solid #777; }
.about-join-btn{ color: #fff; position: relative; display: inline-block; padding-right: 40px;}
.about-join-btn:hover{ color: #bebebe;}
.about-join-btn:hover div:after{ right: 0px;}
.about-join-btn div:after{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(255, 255, 255, 1)' class='bi bi-arrow-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E"); position: absolute; right: 10px;}


/*--end about page--*/

/* utilities start */
.lh-1{
  line-height: 1;
}
.lh-sm{
  line-height: 1.25;
}
.lh-base{
  line-height: 1.5;
}
.lh-lg{
  line-height: 1.75;
}
.top-0{
  top: 0;
}
.right-0{
  right: 0;
}
.bottom-0{
  bottom: 0;
}
.left-0{
  left: 0;
}

.hover-transform-scale {
  transition: all 1s cubic-bezier(0.14, 0, 0, 1);
  -webkit-transition: all 1s cubic-bezier(0.14, 0, 0, 1);
}
.hover-transform-scale:hover {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
  transition: all 1s cubic-bezier(0.14, 0, 0, 1);
  -webkit-transition: all 1s cubic-bezier(0.14, 0, 0, 1);
}
.full-link{
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.carousel-item:hover .hover-transform-scale{
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.14, 0, 0, 1);
  transition: -webkit-transform 1s cubic-bezier(0.14, 0, 0, 1);
  transition: transform 1s cubic-bezier(0.14, 0, 0, 1);
  transition: transform 1s cubic-bezier(0.14, 0, 0, 1), -webkit-transform 1s cubic-bezier(0.14, 0, 0, 1);
  -webkit-transition: transform 1s cubic-bezier(0.14, 0, 0, 1);
}
.overflow-visible{
  overflow: visible !important;
}
/* utilities end */

.page_top{
  position: fixed;
  right: 4%;
  bottom: 100px;
  mix-blend-mode: difference;
  z-index: 999;
  display: block;
}

.svg-inline--fa.fa-w-14{width: 20px;height: 20px;}

/*======================== RWD Setting ================================*/
/*======================== RWD Setting ================================*/

@media only screen and (max-width: 1399px) {
  .work-intro-img-frame::before{
    top: 15%;
  }
}

@media only screen and (max-width: 991px) {
    .fancynavbar-nav{ position: relative; top: -5em;}
    .main_nav-footer{ bottom: 40px;}
    .main_nav-footer ul{ padding-left: 10px;}
    
    
    /* #page-contact{ margin-top: 3em;} */
    /* #page-contact .contact-inner-wrapper{ max-width: 600px; padding: 4em 40px;} */
    
    
    #page-contact .company-wrapper{ margin-bottom: 0!important; padding-bottom: 2.5em;}
    #page-contact .info-wrapper{ margin-top: 1em;}
    
    /* #page-contact .contact-service{ padding-left: 6px; display: block; position: static; margin-top: 1.5em;}
    #page-contact .contact-service li{ color: #000; text-align: left; margin: 0 10px; display: inline-block; opacity: 0.1;} */
    /* .contact_img{height: 400px;} */
    .contact_img img{width: 800px;}

    /*--index--*/
    .companies-section img.index-drawn{ margin: auto; }

    .work-intro-img-frame::before{
      top: 90px;
    }
    .work-intro-space{
      padding-bottom: 100%;
    }
    .work-intro-title{
      z-index: 1;
    }
    .work-intro-title::after{
      right: 0;
      bottom: 0;
      z-index: -1;
    }

}/*-- end 991px;--*/


@media only screen and (max-width: 767px) {
    
    .container{ padding-left: 30px; padding-right: 30px;}
    .footer .footer-copyright{ text-align: center;}
    
    .infinite-section .typing-wrapper{ min-height: 140px;}
    .infinite-section .typing-wrapper h2{ line-height: 1.8em;}
    .infinite-section video{display: none;}
    .infinite-section img.video-img{ display: block;}
    
    .index-about-btn,
    .index-client-btn,
    .index-contact-btn{ display: block;}
    
    .card-title{ font-size: 15px;}
    .owl-item .card-header,
    .owl-item .card-body,
    .owl-item .card-footer,
    .hoverbox .card-header,
    .hoverbox .card-body,
    .hoverbox .card-footer{ padding: 1em 1em;}
    
    .owl-loaded.owl-dots-inner .owl-dots{ bottom: -2em !important;}
    .owl-loaded .owl-dots .owl-dot span,
    .owl-loaded .owl-dots .owl-dot.active span{ background: #ccc !important;}
    
    .related-section{ padding-left: 30px; padding-right: 30px;}
    
    /*--about--*/
    .about-banner h2 b{ display: block;}
    
    .fp-title:before,
    .target-title:before{ display: block; margin: 20px auto;}
    .target-title,
    .fp-title{ font-size: 24px; text-align: center; height: auto;line-height: 1.2;}
    
    /* .about-processing-section h3 {font-size: 24px;} */
    /* .about-processing-section h3 b{ display: block; margin: 6px 0;} */
    /* .about-footer-title h3{ font-size: 28px;} */
    /* .about-footer-title span{ font-size: 28px;} */
    
    /* --index-- */
    .carousel-item .ratio_outer{
      padding-bottom: 75%;
    }
    .carousel-caption{
      width: 80%;
      max-width: 80%;
      padding: 20px;
    }
    .fb_dialog_content iframe{
      bottom: 80px !important;
    }
    .page_top{
      bottom: 140px;
    }
    
}/*--end 767ox --*/

@media only screen and (max-width: 575px){
  .brand-img{
    display: none;
  }
  .work-intro-title::after{
    width: 180px;
    height: 100px;
  }
  .rounded-custom {
    border-radius: 28px;
  }
  .work-intro-space{
    padding-bottom: 130%;
  }
  .work-intro-img-frame::before {
    top: 130px;
    width: 130px;
    height: 130px;
  }
  .related-section .owl-theme .owl-nav .owl-next{
    right: -52px;
    top: 60px;
    transform: none;
  }
  .related-section .owl-theme .owl-nav .owl-prev{
    left: -52px;
    top: 60px;
    transform: none;
  }
}
/*======================== RWD Setting ================================*/
/*======================== RWD Setting ================================*/



/*-- animation --*/



.card-body .card-title,
.article-category ul li a,
#article_list .article-title h3,
#article_detail .article-title h3,
.breadcrumb a,
.contact-info li a,
.contact-left form .btn,
.contact-left form .btn svg,
.accordion .title h5{
  -webkit-transition: all 0.2s ease !important; 
  -moz-transition: all 0.2s ease !important; 
  -ms-transition: all 0.2s ease !important;
  -o-transition: all 0.2s ease !important;}

.a_link,
.card img,
.owl-item .card,
.owl-item h5,
.hoverbox .card,
#page-work_list .menu a,
.page-item .page-link,
.about-join-btn,
.about-join-btn div:after{
  -webkit-transition: all 0.4s ease !important;  
  -moz-transition: all 0.4s ease !important; 
  -ms-transition: all 0.4s ease !important;
  -o-transition: all 0.4s ease !important;}


/* .fb_dialog_content iframe{
  right: 80px !important;
}
@media (max-width: 991px){
  .fb_dialog_content iframe{
    right: 12px !important;
  }
}  */