@charset "UTF-8";

/*--------------------------------------------------------------

>>> Animation

--------------------------------------------------------------*/

@-webkit-keyframes slide-up {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 2rem, 0);

            transform: translate3d(0, 2rem, 0);

  }

  100% {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

}

@keyframes slide-up {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 2rem, 0);

            transform: translate3d(0, 2rem, 0);

  }

  100% {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

}



@-webkit-keyframes bounce-arrow {

  0% {

    -webkit-transform: translateX(0) rotate(-90deg);

            transform: translateX(0) rotate(-90deg);

  }

  50% {

    -webkit-transform: translateX(0.25rem) rotate(-90deg);

            transform: translateX(0.25rem) rotate(-90deg);

  }

  100% {

    -webkit-transform: translateX(0) rotate(-90deg);

            transform: translateX(0) rotate(-90deg);

  }

}



@keyframes bounce-arrow {

  0% {

    -webkit-transform: translateX(0) rotate(-90deg);

            transform: translateX(0) rotate(-90deg);

  }

  50% {

    -webkit-transform: translateX(0.25rem) rotate(-90deg);

            transform: translateX(0.25rem) rotate(-90deg);

  }

  100% {

    -webkit-transform: translateX(0) rotate(-90deg);

            transform: translateX(0) rotate(-90deg);

  }

}



/*--------------------------------------------------------------

>>> Cômpany Info

--------------------------------------------------------------*/

.page-template-contact .header-background ~ * a:not(.btn)

{

  color:#000;

}

.page-template-contact a:not(.btn):hover {

  color: #858484;

}



.page-header-wrapper {

  margin: 2.125rem 0 0;

}



.sub-title {

  font-size: 1.125rem;

  font-weight: 500;

}



.contact-page-title {

  font-weight: 400;

  font-size: 2.25rem;

  margin: .5rem 0 0;

}



.company-introduce {

  margin: 4rem 0;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  position: relative;

  padding-bottom: 2.125rem;

  align-items: stretch;

  border:thin solid #D9D9D9;

  box-shadow: 0px 0px 16px 0px #60AA5566;

  border-radius:1.5rem;

  padding-bottom: 0;

}



.company-image {

    flex:none;

    width:36%;

    border-top-left-radius:1.5rem;

    border-bottom-left-radius:1.5rem;

    overflow:hidden;

    display:grid;

}

.company-image img

{

    height:100%;

    object-fit:cover;

}

.company-introduce .company-content {

  flex-grow:1;

    padding:0 0 1rem;

  padding-left: 2.5rem;

  padding-right: 2.5rem;

  box-sizing: border-box;

    max-width:unset;

 

}

.company-content .form__close  

{

  display:none;

}

.company-info h2

{

    font-size:1.875rem;

    font-weight:500;

}

.company__title {

  font-size: 1.125rem;

  font-weight: 700;

  margin-top: 0;

}

.company-content .form-header:not(.tk-form-header)

{

    display:flex;

    flex-direction:column-reverse;

    margin-bottom: 1rem;

    padding: 1rem 0;

}

.tk-form-header

{

  padding:1rem 0;

}



.company-content .form-wrap .form__title

{

    font-size:1.875rem;

    font-weight:500;

    margin-bottom: .5rem;

}

.company-content .form-wrap .form__subtitle

{

    font-size:1.125rem;

    font-weight:400;

    color:#999;

}

.company-info .btn {

  margin-top: 1rem;

}

.company-content .form-content__info label,

.company-content .form-content__message label

{

    display:block;

    margin-bottom: .5rem;

    color: #404A3D;

}

.company-content .form-content__message

{

    margin-left:1.25rem;

}

.company-content .contact-form .form-content__info,

.company-content .contact-form .form-content__message 

{

    flex:none;

    max-width:unset;

    width:calc((100% - 1.25rem)/2);

    padding-bottom: 0;

}

body .checkbox-control + label:before

{

    border-radius:.325rem;

}

body .checkbox-control:checked + label:before

{

    background:transparent;

    border-color:#60AA55;

}

body .checkbox-control:checked + label:after

{

    filter: brightness(0%) invert(54%) sepia(35%) saturate(626%) hue-rotate(66deg) brightness(103%) contrast(85%);

}

body .form-buttons

{

    text-align:left;

    margin-top: 1.5rem;

    margin-bottom: 1.5rem;

}

body .form-buttons .btn

{

    text-transform:none;

}

.form-content__row

{

    align-items:stretch;

}

.company-content .input-group input,
.company-content .textarea-group textarea

{

    background:#fafcf8;

    border-radius:0;

    border-color:#d9d9d9;

    box-sizing: border-box;

    height: auto;

}

.company-content .textarea-group textarea

{

    height:100%;

}

.company-content .textarea-group

{

    display:flex;

    flex-direction:column;

}

body .form-content__action

{

    margin-top:.5rem;

}

.company-info p {

  margin: .5rem 0;

  font-size: 1.0625rem;

}



.circle-dots.abs-icon {

  width: 38rem;

  height: auto;

  left: -12.5rem;

  bottom: -14.5rem;

  margin: auto;

  -webkit-transform: scale(1.056);

  transform: scale(1.056);

  z-index: -1;

}

.company-introduce:after 

{

    content:none;

}

.circle-dots.abs-icon img {

  -webkit-animation: slide-up 1.5s ease-in-out;

  animation: slide-up 1.5s ease-in-out;

}



/*--------------------------------------------------------------

>>> Offices

--------------------------------------------------------------*/

.contact-offices

{

    border-top:thin solid #D9D9D9;

}

.offices-image

{

    flex:none;

    width:19%;

    margin-right:3rem;

    display:grid;

    border-radius:1rem;

    overflow:hidden;

}

.offices-image img

{

    height:100%;

    object-fit:cover;

}

.offices-wrap

{

    align-items:stretch;

    padding:2.5rem 0 0;

}

.contact-offices {

  position: relative;

  padding: 2.25rem 0 3rem;

  z-index: 2;

  background: #fff;

}



.contact-offices:after {

  content: '';

  position: absolute;

  width: 100vw;

  height: 100%;

  left: 50%;

  bottom: 0;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

  background: #fff;

  z-index: -1;

}



.area-title {

  margin-top: 0;

  font-size: 1.125rem;

  text-transform: none;

  font-weight: 400;

  color:#60AA55;

}



.offices-list {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  margin-bottom: 1.5rem;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}

.offices-list:last-child,

.office-item:last-child

{

    margin-bottom:0;

}

.office-item {

  flex:none;

  width:calc((100% - 3rem)/2);

  margin-bottom: 1.25rem;

  line-height: 1.4;

}



.office-item__title {

  font-size: 1.0625rem;

  font-weight: 500;

  margin-top: .25rem;

  color: #000;

  margin-bottom: .75rem;

}



.office-item img {

  max-width: .9375rem;

  margin-right: .5rem;

  display: none;

}



.office-item p:nth-child(2) {

  margin-top: -.25rem;

  margin-bottom:.25rem;

}



.office-item__address,

.office-item__phone {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  font-size: 1.0625rem;

}

.area-title ~ .area-title

{

    border-top:thin solid #D9D9D9;

    padding-top:1.5rem;

}

.office-item__title .office-item__link,

.contact-article-link {

  position: relative;

    color:#000;

}



.office-item__link[href^="http"]:before,

.contact-article-link[href^="http"]:before {

  content: '';

  position: absolute;

  width: 4rem;

  height: 1rem;

  top: 0;

  right: -3rem;

  bottom: 0;

  margin: auto;

}



.office-item__link[href^="http"]:after,

.contact-article-link[href^="http"]:after {

  content: '';

  position: absolute;

  width: 1rem;

  height: 1rem;

  top: 0;

  right: -3rem;

  bottom: 0;

  background-image: url(https://www.greenfeed.com.vn/wp-content/themes/greenfeed/assets/images/arrow.svg);

  -webkit-transform: rotate(-90deg);

          transform: rotate(-90deg);

  background-size: 100%;

  background-position: center;

  margin: auto;

}



.office-item__link[href^="http"]:hover:after,

.contact-article-link[href^="http"]:hover:after {

  -webkit-animation: bounce-arrow .42s ease-in-out 2;

          animation: bounce-arrow .42s ease-in-out 2;

}



@media screen and (max-width: 1023px) {

  .contact-page-title {

    font-size: 1.7rem;

  }

  .company-introduce > div {

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%;

    max-width: 100%;

    padding: 0;

  }

  .company__title {

    margin-top: 1.428rem;

    font-size: 1.285rem;

  }

  .circle-dots.abs-icon {

    display: none;

  }

  .company-info .btn {

    display: block;

    margin: 2rem auto 0;

    min-width: -webkit-max-content;

    min-width: -moz-max-content;

    min-width: max-content;

    width: 8.57rem;

  }

  .contact-article-link {

    position: static;

  }

  .company__title {

    position: relative;

  }

  .contact-article-link[href^="http"]:after,

  .contact-article-link[href^="http"]:before {

    right: 0;

    top: .5rem;

    bottom: unset;

    background-repeat: no-repeat;

    width: 1.285rem;

    height: 1.285rem;

  }

  .company-introduce {

    padding-bottom: 1rem;

  }

  .area-title,

  .office-item__title {

    font-size: 1.285rem;

  }

  .office-item:not(:nth-child(3n+1)) {

    margin-left: 0;

  }

  .office-item {

    -ms-flex-preferred-size: 100%;

        flex-basis: 100%;

    max-width: 100%;

    padding-right: 3.5714rem;

  }

  .offices-list {

    margin-bottom: 2.14rem;

  }

  .office-item__title {

    margin-top: 0;

  }

  .office-item img {

    max-width: 1rem;

  }

  .office-item__address, .office-item__phone {

    font-size: .928rem;

  }

  .office-item__link[href^="http"]:after,

  .office-item__link[href^="http"]:before {

    top: .25rem;

  }



  .company-introduce .company-content

  {

    padding:1.5rem;

  }

  .company-image

  {

    border-radius:1rem;

    border-bottom-left-radius:0;

    border-bottom-right-radius:0;

  }

  .company-content .contact-form .form-content__info, .company-content .contact-form .form-content__message

  {

    width:100%;

    margin: 0;

  }

  .company-content .contact-form .form-content__message

  {

    margin-top:1.428rem;

  }

  .company-content .textarea-group textarea

  {

    height:9.7rem;

  }

  .offices-image

  {

    width:100%;

    margin: 0 0 1rem;

  }

  .tk-form-header

  {

    padding-bottom:0;

  }

  .tk-form-header .thankyou-content

  {

    margin-bottom:0;

  }

    .company-content .form-wrap .form__title

    {

        font-size:1.65rem;

    }

}

/*# sourceMappingURL=contact.css.map */