/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/************************************************** START 	CHUNG **************************************************/
@font-face {
    font-family: "quastace";
    src: url("font/Roboto-Regular.ttf");
}
@font-face {
    font-family: "quastace";
    src: url("font/Roboto-Thin.ttf");
    font-weight: 100;
}
@font-face {
    font-family: "quastace";
    src: url("font/RobotoCondensed-Light.ttf");
    font-weight: 200;
}
@font-face {
    font-family: "quastace";
    src: url("font/Roboto-Medium.ttf");
    font-weight: 300;
}
@font-face {
    font-family: "quastace";
    src: url("font/Roboto-Regular.ttf");
    font-weight: 400;
}
@font-face {
    font-family: "quastace";
    src: url("font/Roboto-Black.ttf");
    font-weight: 500;
}
@font-face {
    font-family: "quastace";
    src: url("font/Roboto-MediumItalic.ttf");
    font-style: italic;
}
@font-face {
    font-family: "quastace";
    src: url("font/Roboto-Black.ttf");
    font-weight: 700;
}
@font-face {
    font-family: "quastace";
    src: url("font/Roboto-Bold.ttf");
    font-weight: bold;
}


body a:focus {
	outline: none;
}

body *{
    font-family: quastace;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-family: "quastace", sans-serif;
  color: #292929;
}
.icon-title .elementor-icon-wrapper {
    position: relative;
}
.icon-title .elementor-icon:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 1px;
    background: red;
}
#site-header .wpml-ls-item {
    display: flex;
}
/************************************************** END 	CHUNG **************************************************/

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

/************************************************** START 	header **************************************************/
section.elementor-sticky--active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.27);
}
#wrap .menu-item a.elementor-item {
    line-height: normal;
}
/************************************************** END 	header **************************************************/

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

/************************************************** START 	dich vu **************************************************/
.service-row .elementor-row .elementor-image-box-wrapper .elementor-image-box-title {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
}
.service-row .elementor-image-box-wrapper {
    position: relative;
}
.service-row .elementor-image-box-content a {
    position: absolute;
    display: flex;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    background: #292828c2;
    align-items: center;
    justify-content: center;
}
.service-row .elementor-image-box-content a:hover {
    background: #1172a9bd;
}
#wrap #main .service-row > .elementor-container > .elementor-row {
  display: flex !important;
  flex-wrap: wrap;
}
#wrap #main .service-row .service-colum {
  width: 100%;
  max-width: 33.33%;
  float: left;
}
/************************************************** END 	dich vu **************************************************/

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

/************************************************** START 	dang ky ngay **************************************************/
.registration .form-cover form {
    margin-left: 0 !important;
}
.registration .form-cover form .form-page-content .form-element:last-child .form-element-html {
    padding-bottom: 0 !important;
}
.registration .form-cover form .form-page-content .submit-button span {
    text-shadow: none !important;
    font-weight: 400;
}
.registration .form-cover form .form-page-content .submit-button:hover {
    background: #333 !important;
}
#wrap .registration .elementor-image-box-content h3 {
    margin-bottom: 0;
}
#wrap .registration .elementor-image-box-content h3 a:hover {
    color: #f26122;
}
/************************************************** END 	dang ky ngay **************************************************/

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

/************************************************** START 	bai viet lien quan **************************************************/
#related-posts h3.related-posts-title span:before,
#related-posts h3.related-posts-title span {
    font-size: 24px;
}
#related-posts .published {
    display: none;
}
/************************************************** END 	bai viet lien quan **************************************************/

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

/************************************************** START 	 breadcrum **************************************************/
#wrap #main .page-header {
    padding: 5px 0;
}

/************************************************** END 	 breadcrum **************************************************/

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

/************************************************** START 	 bai viet chi tiet **************************************************/
.single .entry-title {
    font-size: 24px;
}
#wrap .elementor-nav-menu .lang-item {
    display: flex;
}
/************************************************** END 	 bai viet chi tiet **************************************************/

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

/************************************************** START 	 khach hang **************************************************/
.page-template-chungchi div.search form {
    position: relative;
    display: flex;
    max-width: 50%;
    margin: 0 auto;
}
.page-template-chungchi div.search form button {
    padding: 0;
    width: 150px;
    color: #fff;
    background: #017dc3;
    border-radius: 3px;
    border: none;
    font-size: 16px;
}
.page-template-chungchi div.search form button:hover {
    background: #0daa5b;
}
.page-template-chungchi div.search form input {
    margin-right: 20px;
    font-size: 16px;
    font-style: italic;
}
.page-customer {
    padding: 40px 0 40px 0;
}
.page-template-chungchi #content .container {
    margin-bottom: 100px;
}
.page-template-chungchi #masthead .container {
    margin-bottom: 0px;
}
.structure .structure-detail h3 {
    margin-bottom: 0;
    padding: 10px 0;
}
.detail-customer li {
    display: flex;
    font-size: 18px;
    color: #333;
}
.detail-customer li p {
    margin-bottom: 0;
    padding-left: 10px;
}
.detail-customer li span {
    font-size: 18px;
    color: #017dc3;
    font-weight: 700;
    display: inline-block;
    width: 100%;
    max-width: 25%;
}
.page-customer .title {
    text-align: center;
}
.page-customer .title h2 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 600;
}
.page-customer .title .divider b {
    display: inline-block;
    max-width: 150px;
    height: 1px;
    background: #777;
    width: 100%;
}
.page-customer .title .divider img {
    display: inline-block;
    max-height: 30px;
    margin: 0 20px;
}
.page-customer .search {
    margin-top: 30px;
}
.colum-customer {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding-bottom: 50px;
}
.colum-customer .detail-customer {
    list-style-type: none;
    margin: 0;
    display: inline-block;
    width: 100%;
    max-width: 800px;
    text-align: left;
}
/************************************************** END 	 khach hang **************************************************/

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

/************************************************** START 	 ve quastace **************************************************/

/************************************************** END 	   ve quastace **************************************************/

/************************************************** START 	 thanh cong cua chung toi **************************************************/

.counter-detail .counter-value {
    display: inline-block;
    font-size: 60px;
    font-weight: 600;
    color: #fff;
    line-height: 150%;
}
.counter-detail span {
    font-size: 18px;
    color: #fff;
}
.counter-detail .counter-value:after {
    content: '+';
    padding-left: 7px;
}
.us-quastace .elementor-image-gallery .gallery figure .gallery-icon {
    position: relative;
}
.us-quastace .elementor-image-gallery .gallery figure:nth-child(n+5) {
    display: none;
}
.us-quastace .elementor-image-gallery .gallery figure:nth-child(4) a:before {
    content: '+';
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 70px;
    color: #fff;
    background: #017dc378;
    transform: 0.5s;
}
.us-quastace .elementor-image-gallery .gallery figure:nth-child(4) a:hover:before {
    background: #252323ab;
    color: #017dc3;
}
.partner .elementor-image-gallery .gallery button::before {
  font-size: 12px;
}
.fom-home .form-cover form .form-page-content {
  margin-right: 0 !important;
}
.fom-home .form-cover form .form-page-content .form-element-html {
  padding: 0 5px 13px 10px !important;
}
.partner .elementor-image-gallery .slick-arrow {
  display: none !important;
}
.list-post-news .elementor-widget-container .elementor-posts-container article {
  margin: 0 6px;
}
.list-post-news .elementor-widget-container .elementor-posts-container .elementor-post__title {
  margin-bottom: 0;
}
.list-post-news .elementor-widget-container .elementor-posts-container .elementor-post__title a {
  font-size: 16px;
}
/************************************************** END 	 thanh cong cua chung toi **************************************************/

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

/************************************************** START 	 Footer **************************************************/
.contact-all {
  position: fixed;
  right: 20px;
  bottom: 50px;
}
.contact-all .contact-detail {
  display: flex;
  align-items: center;
}
  display: inline-block;
  .contact-all .contact-detail a {
    display: inline-block;
}
.contact-all .contact-detail a img {
  display: inline-block;
  max-width: 60px;
  padding: 5px;
}

/************************************************** END 	 Footer **************************************************/

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


/**************Ipad ngang(1024 x 768)****************/
@media screen and (max-width: 1024px) {

}
/**************end Ipad ngang(1024 x 768)****************/



/******************Ipad dọc(768 x 1024)******************/
@media screen and (max-width: 768px) {
    .colum-customer {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* #wrap .list-post-news .elementor-widget-container .elementor-posts-container .slick-dots, */
    #wrap .us-quastace .elementor-image-gallery .slick-dots {
      bottom: -10px;
    }
    #wrap .list-post-news .elementor-widget-container .elementor-posts-container .slick-dots button::before,
    #wrap .us-quastace .elementor-image-gallery .slick-dots button::before {
      font-size: 12px !important;
    }
    #wrap .us-quastace .elementor-image-gallery .slick-dots li:nth-child(n+3) {
      display: none;
    }
    #wrap .list-post-news .elementor-widget-container .elementor-posts-container {
      margin-bottom: 0;
    }

}
/******************end Ipad dọc(768 x 1024)******************/



/*................ip6-plus...................*/
@media only screen and (max-width: 414px) {
    .detail-customer li span {
        max-width: 40%;
    }
    .detail-customer li {
        margin-bottom: 10px;
    }
    .page-template-chungchi div.search form {
        max-width: 100%;
        padding: 0 10px;
    }
    .page-template-chungchi div.search form input {
        margin-right: 10px;
    }
    .detail-customer li span {
        font-size: 14px;
    }
    .detail-customer li p {
        font-size: 14px;
    }
    .page-template-chungchi div.search form button {
        font-size: 14px;
    }
    .page-customer .title h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .page-customer .title .divider b {
        max-width: 70px;
    }
    #wrap #main .service-row .service-colum {
      max-width: 50%;
      padding: 5px;
    }
    #wrap .list-img-us .list-img-us-colum .elementor-image-gallery .gallery {
      display: flex;
      flex-wrap: wrap;
      margin: 0 !important;
    }
    #wrap .list-img-us .list-img-us-colum .elementor-image-gallery .gallery .gallery-item {
      max-width: 50%;
      padding: 10px;
    }
    #wrap .counter-detail .counter-value {
      font-size: 30px;
    }
    #wrap .flex-icon .elementor-image-box-wrapper {
      display: flex;
    }
    #wrap .flex-icon .elementor-image-box-wrapper .elementor-image-box-content {
      width: auto !important;
    }
    #wrap .list-icon-doitac-row .list-icon-doitac .swiper-slide {
      margin: 0 auto;
    }
    #top-bar {
      padding: 0 !important;
    }


}
/*................end ip6-plus...................*/



/*................ip6...................*/
@media only screen and (max-width: 375px) {

}
/*................end ip6...................*/



/***********iphone 5 ----**************/
@media only screen and (max-width: 320px) {

}
/***********end iphone 5 ----**************/