/*
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.   ***************/
#button-contact-vr {
    position: fixed;
    bottom: 100px;
    z-index: 999;
    right: 0;
  }
  
  /*phone*/
  #button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px;
  }
  
  #button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
  }
  
  .phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: #cf203170;
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
  }
  
  .phone-vr-img-circle {
    background-color: #CF2031;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
  }
  
  .phone-vr-img-circle a {
    display: block;
    line-height: 37px;
  }
  
  .phone-vr-img-circle img {
    max-height: 25px;
    max-width: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
  }
  
  @-webkit-keyframes phone-vr-circle-fill {
    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);
    }
  }
  
  @-webkit-keyframes zoom {
    0% {
        transform: scale(.9)
    }
  
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }
  
    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
  }
  
  @keyframes zoom {
    0% {
        transform: scale(.9)
    }
  
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }
  
    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
  }
  
  .phone-bar a {
    position: fixed;
    bottom: 25px;
    left: 30px;
    z-index: -1;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px 7px 50px;
    border-radius: 100px;
    white-space: nowrap;
  }
  
  .phone-bar a:hover {
    opacity: 0.8;
    color: #fff;
  }
  
  #zalo-vr .phone-vr-img-circle {
    background-color: #1F5E9D;
  }
  
  #zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #1f5e9da3;
    background-color: #1f5e9d7a;
  }
.header-nav.header-nav-main>li.current-dropdown> ul{
 
}
.header-nav.header-nav-main>li.current-dropdown:hover ul.nav-dropdown{
  transform: scaleY(1) translateZ(0);
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  display: block;
  left: 0;
}
.header-nav.header-nav-main>li.current-dropdown::before{
  display: none;
}
.header-nav.header-nav-main>li.current-dropdown::after{
  display: none;
}
.header-nav.header-nav-main>li >ul.nav-dropdown{
  padding: 0;
  display: block;
  transform-origin: 50% 0;
  transform: scaleY(0) translateZ(0);
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  /* color: #ffffff; */
  border: unset;
}
.header-nav.header-nav-main>li >ul.nav-dropdown>li{/* padding: 0px 15px; */white-space: nowrap;/* border-left: none; */width: 100%;float: none;border-bottom: unset;/* border-right: 0; */position: relative;display: block;list-style-type: decimal !important;color: #000;}
.header-nav.header-nav-main>li>ul.nav-dropdown>li >ul.nav-column{display: none;position: absolute;background: #fff;z-index: 999;top: 0;left: 100%;border: 1px solid #ececec;}
.header-nav.header-nav-main>li>ul.nav-dropdown>li.menu-item-has-children:hover ul.nav-column{
display: block;
}
.header-nav.header-nav-main>li >ul.nav-dropdown>li>a{
  color: #000000;
  /* border: unset; */
  padding: 5px 5px;
  font-size: 14px;
}
.header-nav.header-nav-main>li >ul.nav-dropdown>li>a:hover{
  background-color: #fff;
}
.header-nav.header-nav-main>li >ul.nav-dropdown>li.menu-item-has-children a{font-weight: unset;position: relative;color: #000000;font-size: 14px;text-transform: unset;/* border-bottom: unset; */padding: 5px;}
.header-nav.header-nav-main >li >ul.nav-dropdown>li.menu-item-has-children a:hover{
  background-color: #fff;
}
.header-nav.header-nav-main >li >ul.nav-dropdown>li.menu-item-has-children>a::before{
content: "\f105";
position: absolute;
right: 5px;
top: 11px;
font: normal normal normal 14px/1 FontAwesome;
}

    .carousel {
        position: relative
    }
    
    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden
    }
    
    .carousel-inner:after {
        display: block;
        clear: both;
        content: ""
    }
    
    .carousel-item {
        position: relative;
        display: none;
        float: left;
        width: 100%;
        margin-right: -100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    
    .carousel-item.active {
        display: block
    }
    
    .carousel-fade .carousel-item {
        opacity: 0;
        transform: none
    }
    
    .carousel-fade .carousel-item.active {
        z-index: 1;
        opacity: 1
    }
    
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100% 100%
    }
    
    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath 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' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath 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")
    }
    
    
    #home-slides .carousel-control {
        background-color: #0b3050;
        display: inline-block;
        padding: 20px 30px 15px;
        margin-top: -100px
    }
    
    #home-slides .carousel-inner {
        overflow-x: visible;
        overflow-y: visible;
        border-bottom: 3px solid #0b3050
    }
    
    #home-slides .carousel-item {
        background-size: cover!important;
        padding-top: 500px
    }
    
    #home-slides .dtl-carousel-caption {
        padding: 30px 60px 60px;
        background-color: #fff;
        color: #000203;
        position: absolute;
        bottom: -42px;
        box-shadow: rgba(50, 50, 93, .25) 0px 50px 100px -20px, rgba(0, 0, 0, .3) 0px 30px 60px -30px
    }
    
    #home-slides .dtl-carousel-caption h2 {
        font-weight: 700;
        font-size: 2.5rem;
        text-transform: uppercase;
        color: #0b3050
    }
    
    #home-slides .dtl-carousel-caption p {
        color: #000203
    }
    
    #home-slides .dtl-carousel-caption .btn {
        padding: 7px 30px;
        border: 0;
        margin-top: 10px;
        position: relative;
        z-index: 2
    }
    
    #home-slides .dtl-carousel-caption:before {
        content: "";
        position: absolute;
        background-image: url(/wp-content/themes/dongtayland-v3/img/asset1.png);
        width: 50px;
        height: 72px;
        left: -25px;
        top: -12px
    }
    
    #about {
        background-image: url(/wp-content/themes/dongtayland-v3/img/logo-DTL-parallax.jpg);
        background-position: 10% 30%;
        background-size: auto;
        background-repeat: no-repeat
    }
    
    #newest-posts .post-wrapper .post-item .desc {
        display: none;
        color: #fff
    }
    
    #home-projects #accordionProject .accordion-collapse {
        background-color: #0b3050;
        color: #fff
    }
    
    #home-projects #accordionProject .accordion-collapse .accordion-body {
        padding-top: 0
    }
    
    #home-projects #accordionProject .accordion-collapse .accordion-body a {
        color: #fff;
        display: block;
        margin-top: 10px;
        text-align: right
    }
    
    
    
    @media all and (max-width: 1199px) {
        #home-slides .carousel-item .dtl-carousel-caption {
            padding: 30px
        }
        #home-slides .carousel-item .dtl-carousel-caption h2 {
            font-size: 1.6rem;
            margin-top: 1rem
        }
    }
    
    @media all and (max-width: 767px) {
        #home-slides .carousel-item .dtl-carousel-caption {
            bottom: -130px
        }
        #home-slides .carousel-item .dtl-carousel-caption .btn {
            display: block
        }
        #home-slides .carousel-item .dtl-carousel-caption:before {
            width: 30px;
            height: 43px;
            background-size: contain;
            left: -15px;
            top: -7px
        }
        #home-slides .carousel-control {
            padding: 8px 20px 3px;
            margin-top: 127px
        }
        #home-slides .carousel-control .icon {
            width: 1.2rem;
            height: 1.2rem
        }
        #home-slides .row {
            text-align: center
        }
        #home-slides .carousel-inner {
            z-index: 2
        }
    }
    
.icon-tamnhin{
}
.icon-tamnhin h3{
      text-align: center;
    color: #155D9C;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 15px 0;
}
.text-tamnhin{
  color:#000203;
  margin-top: 15px;
}
.text-tamnhin h4{
      color: #f17d26;
      font-size: 16px;
      margin-bottom: 5px;
}
.text-tamnhin p{
  font-size: 16px;
  color: #000203;
}
#newsletter-form input{
  margin-bottom: 10px;
}
#newsletter-form textarea{
  height: 100px;
}
#newsletter-form .wpcf7-spinner{
  display:none;
}
.icon-footer{align-items: center;}
.icon-footer .icon-box-img{width: 15px !important;}
.icon-footer .icon-box-text{
}
.icon-footer .icon-box-text p{font-weight: 400;font-size: 16px;line-height: 23px;color: #fff;}
.form-lienhe input{
  margin-bottom: 10px;
}
.form-lienhe textarea{
  height: 100px;
}
.form-lienhe .wpcf7-spinner{
  display:none;
}
.page-header{padding: 80px 0 20px;margin-bottom: 80px;background-color: #445986;color: #fff;animation: panning 60s infinite linear;}
.page-header h1, .page-header a {
    color: #fff;
}
.category-select{
}
.category-select a{
  background-color:#f17d26;
  border: unset;
  font-weight: 400;
  Oswald, font-family: sans-serif;
  font-family: Oswald, sans-serif;
  padding: 8px 24px;
}
.category-select a.active{
  background-color:#ffffff;
  color:#f17d26;
}
.blog-single .page-header .breadcrumb{
  justify-content: center;
}
#comments{
  display:none;
}
.related-wrapper{
  margin-top:100px;
}
.section-title-new{
      font-weight: 700;
    margin-bottom: 30px;
    color: #445986;
    position
}
.project-item .col{
  margin-bottom: 80px;
  opacity: 1;
  transition: 250ms;
}
.project-item a{
  cursor: pointer;
}
.project-item .inner-bg {
    background-position: center;
    background-size: cover;
    padding-top: calc(100% / 20 * 9);
    position: relative;
    transition: all .3s;
}
.project-item .inner-bg:before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAQAAAAm93DmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA0LTA3VDE1OjQxOjEyKzA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wNC0wN1QxNTo0MjozNSswNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wNC0wN1QxNTo0MjozNSswNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjEiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJEb3QgR2FpbiAyMCUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Y2Q2YzAxZTctZTk2Zi01YjRiLThhZDgtYTU0NjBkM2I3MDhiIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOmNkNmMwMWU3LWU5NmYtNWI0Yi04YWQ4LWE1NDYwZDNiNzA4YiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmNkNmMwMWU3LWU5NmYtNWI0Yi04YWQ4LWE1NDYwZDNiNzA4YiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6Y2Q2YzAxZTctZTk2Zi01YjRiLThhZDgtYTU0NjBkM2I3MDhiIiBzdEV2dDp3aGVuPSIyMDIwLTA0LTA3VDE1OjQxOjEyKzA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+H3x4egAAAplJREFUSMetlk1oE0EUx6dQxKZNRcRDKWLwKqKHgl8UPXgQKdFo3BhsDyK2NTQxjRQKFg/SnoMXj9LqxUOrB/ETPPSgUq2CaPVioAqtIn5Q+6UJ9edlMtnsx3R36c5l895/fpmZN++9FYhAo55TjPCeWQrcJ8eWsicYbj/jVD+fSAcHHmcepycfDGiwIgETXCLOeW5TlJZO/8AEi3LyFeqlrYYYcwB8YatfXHkt3RZPG38AyPk7u78S1+PgHQXggZ/VlSTugqO/G4CPXnEHVGTTrsECmPEKPCdxKVdFPwBvvQI3coM3nHX1h3gNwIifoGzS+IbkDuKCtRi9EveC8OribexiOxs0ih6JW6BFnyl1ZHjEND/5xiuG2aO5LlAkps/lg0xakn+Oq9S6bHaRhL7atPNLgYom6C0aTKqstP7D0NdDQ0HGyXKEJHl+SMtupUpJS6mCcwZGWZbSy6xX1p08AcZotOCWOGmebcedVjmbtXgaaCUk3zNSs0yyWmXf7JKU5jTxz6jNdlh91T9jLFhKQJjDNFkmZdXqovY/q653RQsuxF3gA4eUppYBFXvDafWV17jqFZXNRtRahukgSh8TytLufBwVXLneXTS5a7lmuoMr6u13dWTtwGOquNvrXZrvlox5zl73gAkELSoUGUfRDoZ4RoHPTDHGGep0xUTQqHK2VyMM00Qzm6lZrToJEhI3uCaVUQhuAjBpSjJ7RVznBzgFQL+rpItpHhPxDpwFcL0GaZcvBQ2wAECXtleUaPUOfAjAqKZXFDnq5wz7ZCq1ufaKhL8oR/gqO0ZM3bIwg9Ze4R0o6FRruUMKgwFequw1/N9DgSDv+Ik7z4kgF7scgIIF95R9wTKlPJrJco8CM7zjOknCwVLvP3XqqEhzNYoTAAAAAElFTkSuQmCC);
    position: absolute;
    top: 100%;
    left: 0;
    background: rgba(0, 87, 138, 0.8);
    width: 100%;
    color: #fff;
    font-size: 3em;
    font-weight: 400;
    text-align: center;
    line-height: 3em;
    height: 0;
    opacity: 0;
    transition: all .3s;
}
.project-item .inner-bg:hover:before {
    top: 0;
    opacity: 1;
    height: 100%;
}
.project-item .inner-bg h5 {
    position: absolute;
    background: #fff;
    margin-bottom: 0;
    margin-top: -39px;
    width: 90%;
    margin-left: 5%;
    padding: 20px;
    text-align: center;
    font-weight: 400;
    color: #445986;
    Oswald, font-family: sans-serif;
}
.but-chitiet{margin-bottom: 0;margin-right: 8px;font-size: 14px;}
.but-chitiet span{color: #000;font-family: Oswald, sans-serif;}
.navbar-static-top{
      box-shadow: 1px 0 10px -3px black;
      top: 0;
      position: sticky;
      z-index: 9;
      background: #ffffff;
}
.text-sn03{
  padding: 20px;
}
.col3-dt .col-inner{
  background-color: #09261d;
  border: 2px solid #f17d26;
  margin-bottom: 20px;
}
.col3-sanpham .col-inner{
 background-image: url(images/BG.jpg);
 padding: 10px;
 margin-bottom: 20px;
}
.product-footer{
  margin-bottom:60px;
}
.header-main .nav > li > a{
  color:#000000;
}
.archive-page-header{
  margin-top: 40px;
}
@media(max-width:549px){
  .navbar-static-top{
    position: relative;
  }
  .form-chitiet .col{
        padding-bottom: 15px;
  }
}
.hotline-bar{position: fixed;bottom: 130px;right: 49px;z-index: 9;}
.hotline-bar a{background: #f17d26;color: #fff;padding: 6px 20px;border-radius: 28px 0px 0px 28px;font-weight: 700;padding-right: 35px;}
.hotline-bar span{
}