:root {

  --green-color: #19898a;

  --white-color: #fff;

}

h1,h2,h3,h4,h5,h6 {font-weight: 700;}

#fixed_right_buttons{

  position: fixed;

  left: 0;

  top: 30%;

  z-index: 9999;

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

  width: 150px;

}

#fixed_right_buttons ul{

  list-style-type: none;

  padding: 0;

  margin: 0;

}

#fixed_right_buttons li{

  padding: 5px 0;

  position: absolute;

  width: 100%;

  left: -100px;

  transition: 0.5s left ease-in-out;

  background: var(--green-color);

  border-top-right-radius: 15px;

  border-bottom-right-radius: 15px;

}

#fixed_right_buttons li a{

  color: #fff;

  font-weight: 600;

  display: flex;

  flex-direction: row;

  justify-content: flex-end;

  align-items: center;

  text-decoration: none !important;

}

#fixed_right_buttons li a > span{

  width: 50px;

  display: flex;

  justify-content: center;

  align-items: center;

  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;

  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;

}

#fixed_right_buttons li a > span > svg{

  height: 30px;

}

#fixed_right_buttons li a > div > p{

  margin: 0;

  font-size: 13px;

}

#fixed_right_buttons li:hover{

  left: 0;

}

@-webkit-keyframes phonering-alo-circle-anim {

  0% {

    -webkit-transform:rotate(0) scale(.5) skew(1deg);

  }

  30% {

    -webkit-transform:rotate(0) scale(.7) skew(1deg);

  }

  100% {

    -webkit-transform:rotate(0) scale(1) skew(1deg);

  }

}

@-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)

  }

}

.animated{

  opacity: 0;

}

.animated.success{

  opacity: 1;

}

img{

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.logo{

  width: 100px;

  padding: 10px 0;

  transition: 0.5s width linear;

}

a{

  text-decoration: none !important;

}

.navbar-default{

  border: 0;

  background: rgba(6,41,67,1) !important;

  background: -moz-linear-gradient(top, rgba(6,41,67,1) 0%, rgba(255,255,255,0) 100%) !important;

  background: -webkit-linear-gradient(top, rgba(6,41,67,1) 0%, rgba(255,255,255,0) 100%) !important;

  background: -o-linear-gradient(top, rgba(6,41,67,1) 0%, rgba(255,255,255,0) 100%) !important;

  background: -ms-linear-gradient(top, rgba(6,41,67,1) 0%, rgba(255,255,255,0) 100%) !important;

  background: linear-gradient(to bottom, rgba(6,41,67,1) 0%, rgba(255,255,255,0) 100%) !important;

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#062943', endColorstr='#ffffff', GradientType=0 ) !important;

  margin: 0;

}

.navbar-default .navbar-nav > li > a{

  color: #fff !important;

  font-weight: bold;

  text-transform: uppercase;

  font-size: 13px;

  background: transparent !important;

}

/* Flex Home slider */

.home-flexslider{

  position: relative;

  width: 100%;

  padding-top: 48.5%;

  overflow: hidden;

}

.flexslider{

  border: 0;

  background: transparent;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 98;

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  margin: 0;

}

.flex-control-nav{

  bottom: 10px;

  z-index: 9;

}

.flex-control-paging li a{

  width: 12px;

  height: 12px;

}

.flex-control-paging li a.flex-active, .flex-control-paging li a:hover{

  background: var(--green-color);

}

.flexslider > svg{

  display: none;

}

.loading .flexslider svg{

  display: block;

}

.flex-direction{

  position: absolute;

  top: 45%;

  z-index: 99;

  outline: none !important;

}

.flex-prev{

  left: 10px;

}

.flex-next{

  right: 10px;

}

.flexslider .slides, .flexslider .slides li{

  width: 100%;

  height: 100%;

}

.flexslider .slides li a{

  position: relative;

  display: inline-block;

  width: 100%;

  height: 100%;

}

.flexslider .slides li a img{

  height: 100% !important;

}

.loading .flexslider .slides, .loading .flexslider .flex-control-paging, .loading .custom-navigation{

  display: none;

}

footer a{

  color: #fff;

  transition: all 0.5s linear;

}

footer a:hover{

  color: var(--green-color) !important;

}

footer ul.namlong-social-link > li > a:hover{

  background-color: var(--white-color);

}

#frm-contact input {

  width: 100%;

  height: 43px;

  color: #fff;

  font-size: 15px;

  background: transparent !important;

  outline: none !important;

  border: 1px solid #d2d2d2;

  padding: 0 15px;

  border-radius: 10px;

  margin-bottom: 20px;

}



#frm-contact textarea {

  width: 100%;

  color: #fff;

  font-size: 15px;

  background: transparent !important;

  outline: none !important;

  border: 1px solid #d2d2d2;

  margin-bottom: 20px;

  padding: 15px;

  border-radius: 10px;

}

#frm-contact textarea::placeholder, #frm-contact input::placeholder{

  color: #fff;

}

#frm-contact button {

  color: #fff !important;

  background-color: var(--green-color) !important;

  text-transform: uppercase !important;

  font-weight: bold !important;

  padding: 10px 50px !important;

  outline: none !important;

  border-radius: 10px;

}

#frm-contact button:hover {

  background-color: #fff !important;

  border: 1px solid var(--green-color);

  color: var(--green-color) !important;

}

.form_contact_content {

  padding: 40px 20px;

  max-width: 700px;

  margin: 0 auto;

}

button.close {

  color: #fff !important;

  opacity: 1 !important;

  outline: none !important;

}

footer h3, footer h4, form h3{

  font-family: initial;

}

.action a:hover{

  background-color: #fff !important;

  color: #062943 !important;

  transition: 0.3s all linear;

}

.action-reverse a:hover{

  background-color: #062943 !important;

  color: #fff !important;

  transition: 0.3s all linear;

}

.box-fixed {

  position: fixed;

  z-index: 9999;

  right: 10px;

  bottom: 0;

}

.box-fixed a {

  width: 50px;

  height: 50px;

  background-color: #fff;

  margin: 10px 0;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  border: 1px solid #ccc;

}



.box-fixed img {

  width: 100%;

  padding: 8px;

  height: auto !important;

}

@media screen and (min-width: 767px) {

  .navbar-fixed-top > .container{

    display: flex;

    justify-content: space-between;

    align-items: center;

  }

  .navbar-header{

    flex: 1;

  }

  .navbar-default .navbar-collapse{

    flex: 5;

  }

  .is_toogle .logo{

    width: 70px;

  }

}

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

  .logo{

    padding: 10px 15px;

  }

  .navbar-toggle{

    top: 10px;

    background-color: transparent !important;

  }

  .navbar-default .navbar-toggle .icon-bar{

    background-color: #fff;

  }

  .sec_slider, .sec_phankhu{

    padding-bottom: 30px !important;

  }

  .sec_tintuc{

    margin-top: 30px;

    padding-bottom: 40px !important;

  }

  .sec_duan .container-fluid{

    padding-bottom: 40px !important;

  }

  .sec_duan .container-fluid:nth-child(odd) > .row{

    flex-direction: column-reverse;

  }

  .sec_phankhu .container-fluid > .row > [class*=col-]:first-child, .sec_tienich .container-fluid > .row > [class*=col-]:first-child {

    margin-bottom: 40px;

  }

  .action-reverse a, .action a {

    margin-bottom: 15px;

  }

  .sec_duan > div:nth-child(even) .row {

    flex-direction: column-reverse;

  }

}

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

  .form_contact_content {

    padding: 10px 0;

  }

  .form_contact_content h3 {

    font-size: 20px;

  }

  .home-flexslider{

    height: 350px;

    padding-top: 0;

  }

  .section{

    overflow: hidden;

  }

  .section p{

    width: 100% !important;

  }

  .sec_tienich ul li{

    width: 100% !important;

    margin: 0 15px !important;

  }

  .sec_duan .row > [class*=col]:first-child{

    margin-bottom: 20px;

  }

  .sec_duan p{

    padding: 0 15px;

  }

  .sec_tienich ul{

    padding: 0 !important;

    margin: 0 !important;

  }

  .sec_tienich > div[style*="display: flex"]{

    flex-direction: column !important;

  }

  .sec_tienich > div[style*="display: flex"] > div{

    padding: 0 !important;

  }

  .sec_tintuc .box-thumbnail{

    height: auto !important;

    padding: 50% !important;

  }

  .sec_tintuc .container > div:not(.row){

    display: none;

  }

  .sec_tintuc .row > [class*=col]:first-child{

    margin-bottom: 30px;

  }

  .sec_tintuc .info-container p{

    font-size: 18px !important;

  }

  footer [class*=col-]:not(:last-child){

    margin-bottom: 30px;

  }

  .sec_360 iframe{height: 400px !important;}
}