/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.footer-1 .is-divider {
    background-color: rgb(255 127 1);
}

.fa-university:before {content: "\f19c"}
.fa-map-marker:before {content: "\f041";}
.fa-phone:before {content: "\f098";}
.fa-clock-o:before {content: "\f017";}
.fa-globe:before {content: "\f0ac";}
.fa-envelope:before {content: "\f0e0";}

.fa-map-marker:before, .fa-phone:before, .fa-clock-o:before, .fa-globe:before, .fa-envelope:before, .fa-university:before {
    font-family: FontAwesome;
    text-decoration: inherit;
    position: relative;
    margin-right: .3em;
    text-align: center;
    display: inline-block;
}

.footer-1 a {color: white;}

.footer-1 a:hover {color:#007fff;margin-left: 5px;transition: .3s;}

.footer-1 a:before {
    font-family: FontAwesome;
    text-decoration: inherit;
    position: relative;
    margin-right: .6em;
    width: 13px;
    text-align: center;
    display: inline-block;
}
.footer-1 a:before {
    content: "\f135";
}

.home-du-an .col-inner{
    border: 1px solid #c4c4c4;
    padding: 5px;
}

.home-du-an .col-inner:hover{
    box-shadow: 0 2px 20px rgb(0 0 0 / 10%);
    transition: .3s;
}

.fooer-1-p{margin-bottom: 5px;}

/*================*/
/* 4. PULSE GROW
/*================*/

@-webkit-keyframes pulse-grow-on-hover {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes pulse-grow-on-hover {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.pulse-grow-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-animation-name: pulse-grow-on-hover;
  animation-name: pulse-grow-on-hover;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/*================*/
/* 26. BUZZ
/*================*/

@-webkit-keyframes buzz-on-hover {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes buzz-on-hover {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.buzz-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-animation-name: buzz-on-hover;
  animation-name: buzz-on-hover;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.buzz-on-hover:hover,
.buzz-on-hover:focus,
.buzz-on-hover:active {
  
}