@media (min-width: 1600px){
.container{max-width: 1500px;}
}
@media (min-width: 1800px){
.container{max-width: 1680px;}
}
/*Chung*/
#ContentPlaceHolder1_pnContentHome {
    background-color: #f5f5f5
}
.tithome{position:relative;margin-bottom:34px;position:relative;font-size:36px;color:#fff; font-weight:bold; text-align:center;  text-transform:uppercase; overflow:hidden}
.sub-title{font-size:18px; color:#bbb;text-transform:uppercase; text-align:center; margin-bottom:10px}
.tithome span{position:relative;}
.tithome span::before{position:absolute; content:""; top: 50%; right:calc(100% + 16px); width:1000px; height:1px; background-color:#fff}
.tithome span::after{position:absolute; content:""; top: 50%; left:calc(100% + 16px); width:1000px; height:1px; background-color:#fff}

@media only screen 
and (max-width: 467px){
.tithome{font-size: 20px;margin-bottom: 15px;}
.tithome.b{margin-bottom: 15px;}
.sub-title{font-size:16px; margin-bottom:0px}

.tithomep{font-size:15px}
}
thead, tbody, tfoot, tr, td, th {
    border-width: 1px;
    border-color: #333;
}
/*Chung end*/

/*Banner*/
#slideshow {position:relative;width:100%;z-index:1;}
#slideshow img{width:100%;height:auto;float:left}
    #slideshow .swiper-button-prev, #slideshow .swiper-button-next {
        font-size: 50px !important;
    }
@media only screen 
and (max-width: 575.98px){
    #slideshow .swiper-button-prev, #slideshow .swiper-button-next {
        font-size: 30px !important;
        width: 12px !important;
    }
}

/*Banner end*/

/*header*/
header{position:relative; background:#fff; width:100%; z-index:2; }
.tophead {background:var(--main);color:#fff}
.tophead .container{display:flex;justify-content: space-between;align-items:center;font-size:15px}
.tophead i {color:var(--second);margin-right: 5px;}
.phoneh i{animation: swing .5s infinite;}
.midhead {
    background: var(--main-dark);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px
}
.midhead .container{display:flex; gap:30px;justify-content: space-between;align-items: center;position:relative}
.bo-logo{position:absolute;top:0;z-index: 3;width: 120px;left: 0;right: 0;margin: auto;text-align: center;padding: 10px 0;}
.logo {
    position: relative;
    height: 67px;
    overflow: hidden;
    transition: .3s ease-in-out;
}
.logo img{height:100%}
.logo:before, .logo:after{content: "";position: absolute;top: 50%;width: 10px;height: 100%;transform: translateY(-50%);background-color: rgba(255,255,255,.75);z-index: 1;pointer-events: none;}
.logo:before{left: -5%;animation: light-left 2.5s infinite alternate linear;}
.logo:after{right: -5%;animation: light-right 2.5s infinite alternate linear;}

.menu_main{display:flex;margin: auto;align-items: center;position: relative;z-index: 2;justify-content: center;gap: 30px;flex: 1;}
.mnm_right{justify-content:left}
.mnm_left{justify-content:right}
.mnlic1{text-transform: uppercase;font-size: 15px;}
.mnliac1{padding: 14px 0;display:block;position:relative;text-align: center;z-index: 1;font-weight: bold; color:#cecece;text-transform: uppercase;}
.mnlic1:hover .mnliac1{color:#fff}
.havesub .mnliac1:after{content:"\f107";font-family:fontawesome;margin-left:3px;font-weight: 300;opacity: .6;}

.menusub{position: absolute;padding: .5rem 0;background-color: #fff; color:#333;border-radius: 0 8px 8px;top: 150%;opacity: 0;visibility: hidden;transition: .5s;box-shadow: 0 0 3px 0px #00000038;}
.mnlic1:hover .menusub{top: 100%;visibility: visible;transition: .5s;opacity: 1}
.menusub li a{display:block;padding: 5px 10px;font-weight: 500;}
.menusub li:hover a{background: var(--main);color: #fff}

.fix-menu{position:fixed;width: 100%;top: 0;z-index: 1000;animation: fadeInDown 1s;box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;}
.midhead.scroll-to-fixed-fixed{box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%)}
.midhead.scroll-to-fixed-fixed .logo{height:50px}

.search-h{position:relative; z-index:9}
#showtk{display:inline-block;width:40px;height:40px;line-height:38px;font-size:16px;border-radius:50%;text-align:center; align-content:center; background:var(--main);color:#fff;transition:all .3s linear; animation: fadeInRight 1s;}
#showtk i{font-size:18px; font-weight:400}
.searchbox{position:absolute;right:0;display:none;width:200px;z-index:9}
.searchbox .form-control{border:1px solid #a1a1a1;border-radius:50px;font-size:13px;box-shadow:none!important;background:#fff;padding:8px 15px}
.searchbox .form-control::placeholder{font-style:italic}
.searchbox .btn{position:absolute;right:0;top:0;width:36px;height:100%;font-size:14px;align-content:center}

@media only screen 
and (min-width: 992px){
  .nav_main:not(.scroll-to-fixed-fixed){z-index: 2 !important;position: relative !important;}
}
@media only screen 
and (max-width: 1200px){
  .menu_main{justify-content: unset;}
  .mnm_right{justify-content:flex-end}
  .mnliac1{padding:14px 10px}
}
@media only screen 
and (max-width: 992px){
  #ShowMenu{z-index: 10;animation: fadeInLeft 1s;font-size: 25px;display: flex;align-items: center;font-size: 16px;gap: 5px;color:#dedede}
  #ShowMenu i{font-size:25px}
  #ShowMenu.close:before, #showtk.close:before{background-color:rgba(0,0,0,.6);position:fixed;width:100%;height:100%;top:0;border:0;left:0;content:""}
  .midhead .menu_main{display:none}
  .bo-logo{width:80px}
  .maph{animation: fadeInRight 1s}
  .maph a{font-size: 25px;display: flex;}
  .lisearch{padding:10px 15px}
  .lisearch .searchbox{display: block;max-width: none;width: 100%;position: relative;padding: 0;border: 0;background: none;}
  .searchbox .form-control{border-radius:0;font-size: 14px;box-shadow: none;}
  .searchbox .btn{font-size:14px;position: absolute;right: 0;top: 0;width: 36px;height: 100%;font-size: 14px;color: var(--second);background: none;border: none;}
  .nav_main{z-index:1000;position: fixed;overflow:scroll;top: 0;background:var(--main);height: 100%;left:0;width:250px;display:none;gap: unset;margin: 0;}
  .nav_main .container{padding:0}
  .menu_main{display:block}
  .mnlic1{border-top: 1px solid #ffffff2e;position: relative;/* font-size: 13px; */}
  .mnliac1{padding: 15px 0;padding-left: 15px;width:calc(100% - 42.4px);color:#fff !important;text-align: left;border-radius: unset;}
  .lihome a{background:transparent}
  .mnliac1 i{color:#fff !important}
  .havesub.mnlic1 span:after,.mnliac1:after{display:none}
  .openmn{display:block;font-style: normal;position:absolute;right:2%;top:0;height: 50.8px;width:42.4px;display:flex;color:#fff}
  .openmn:before{content:"\f324";font-family:fontawesome;margin:auto;font-weight:500;transition:transform .3s}
  .havesub.active .openmn:before{transform:rotate(90deg)}
  .menusub{position:relative;padding:0;display:none;top:auto;visibility:visible;transition:none;opacity:1;margin: 0;transform: none;border-radius: 0;background: #fff;}
  .mnlic1:hover .menusub{transform: none;background: #fff;transition:none}
  .menusub li+li{border-top:1px solid #eee;}
  .menusub li a{padding:15px 0;padding-left:6%;}
}
@media only screen 
and (max-width: 768px){
  .phoneh{display:none}
}
@media only screen 
and (max-width: 576px){
    .logo{height:50px;}

    #showtk{width:32px;height:32px;line-height:28px;}
#showtk i{font-size:14px;}

  .bo-logo{position:relative;width: 70px;padding: 0;padding-top: 5px;}
  .bo-logo:before{display:none}
}
/*header end*/

/*footer*/
footer {
    color: #fff;
}
.topfoot .container{padding-top: 50px;padding-bottom: 50px;}
.logof{margin-right:10px}
.logof img{height:80px;border-radius:4px;}
.hgtenf h4{text-transform:uppercase;font-weight:bold;font-size: 37px; font-weight:bold; letter-spacing:1.6px}
.hgtenf h5{font-size: 16px;text-transform:uppercase;font-family:swiss; margin-bottom:10px}
.iff{margin-top:25px}
.iff >*{position:relative;margin-left:1px;padding-left:25px;line-height:1.8;font-size:18px}
.iff >*:before{content:"\f3c5";font-family:fontawesome;font-weight:900;position:absolute;left:0}
.iff >*:nth-child(1){padding-left:0}
.iff >*:nth-child(1):before{display:none}
.iff >*:nth-child(2):before{content:"\f879"}.iff >*:nth-child(3):before{content:"\f0e0";}.iff >*:nth-child(4):before{content:"\f26b";font-weight:500}
.topf1{padding-right:50px}
.topf2{padding-left:20px}
.topf3{padding-left:0px}
.titf{text-transform:uppercase;font-size:22px; font-weight:bold;margin-top: 29px;}
.ulf{margin-top:25px;padding-left:0;font-size:20px; list-style-type: none;}
.ulf *{line-height:1.8; text-decoration:none}
.ulf li{transition:.3s}

/*.ulf li:before{content:"\f111";font-family:fontawesome;font-weight:900;font-size:7px;margin-right:10px}
*/
.ulf li:hover{transform:translateX(10px);color:var(--main)}
.formdkf{margin-top:25px}
.formdkf .txt{width:100%;background:none;color:#fff;border:1px solid;border-radius:3px;padding:5px 10px;font-size:13px}
.formdkf .txt::placeholder{color:#999}
.formdkf .btn{font-size:15px;background:#b2001a;padding:8px 30px 10px;display:inline-block;margin-top:10px;font-family:new4}
.tagf a{font-size:13px;padding:0 12px;margin:5px;line-height:1}
.tagf a+a{border-left:1px solid #666}
.tagf a:hover{color:#b2001a}

.foot{text-align:center; border-top: 1px solid rgba(255, 255, 255, .4)}
.foot *{text-decoration:none}
.foot .container{padding:20px 0;}
.online{margin-right:50px}
@media only screen
and (max-width :1023px){

}
@media only screen
and (max-width :575.98px){
/*.foot{text-align:center}
.foot .left,.foot .right{float:none;margin:auto}
.mxhf{margin-top:10px !important}
.hgtenf{margin-top:18px}
.hgtenf h4{font-size: 22px;}
.hgtenf h5{font-size: 12px;}*/
.logof img{height:60px}
.iff{margin-top:16px}
.iff *{font-size:16px}
.ulf{margin-top:8px;font-size:16px;}

.foot{text-align:center;/* padding-bottom:60px; */}
.foot .left,.foot .right{float:none;margin:auto}
.mxhf{margin-top:10px !important}
.titf{font-size:20px;margin-top:0}
.topf2, .topf3{padding-left:15px}
.tagf a{display:inline-block;border:0 !important}
}
/*footer end*/
/*background*/
.background-01 {
    background-image: url('../Design/backgrounds/bg-services.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.background-02 {
    background-image: linear-gradient(rgba(4, 29, 49, 0.9), rgba(4, 29, 49, 0.9)), url('../Design/backgrounds/bg-02.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.background-04 {
    background-image: linear-gradient(rgba(4, 29, 49, 0.9), rgba(4, 29, 49, 0.9)), url('../Design/backgrounds/bg-04.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

/*background end*/

/*about-section*/
.about-section {
    background: var(--main-dark);
    color: #fff;
}
.about-section .card{
    border-radius: 30px;
    background:none;
    overflow: hidden;
    border:none;
}
    .about-section .card .card-body {
       background: var(--main);
    }
        .about-section .card .card-body .card-title {
            font-weight: bold;
            text-transform: uppercase;
            font-size: 32px;
            margin-bottom:16px;
        }
        .about-section .card .card-body .card-text {
            font-size: 18px;
            margin-bottom:30px;
        }
        .about-section .card .card-body .btn {
            padding: .5rem 1.5rem;
            font-size: 18px;
            border-radius: 100px;
        }

@media only screen and (max-width :575.98px) {
        .about-section .card {
            border-radius: 20px;
        }
                .about-section .card .card-body .card-title {
                    font-size: 22px;
                    margin-bottom: 12px;
                }

                .about-section .card .card-body .card-text {
                    font-size: 17px;
                    margin-bottom: 20px;
                }

                .about-section .card .card-body .btn {
                    padding: .375rem 1.5rem;
                    font-size: 18px;
                    border-radius: 100px;
                }
}
/*about-section end*/

/*dvhome*/
.dvhome{}
.dvhome .rowdv{}
.dvhome .item{position:relative;height:100%;padding:0 20px;text-align:center;}
.dvhome .item .icon{height:65px; margin-bottom: 14px}
    .dvhome .item .icon img {
        height: 100%;
        filter: brightness(0) saturate(100%) invert(35%) sepia(96%) saturate(626%) hue-rotate(171deg) brightness(92%) contrast(93%);
    }
.dvhome .item .td{font-size:20px; font-weight:500; color:#121212; margin-bottom: 10px}
.dvhome .item .td:hover{color:var(--main)}
.dvhome .item .desc{font-size:15px; color:#555}
@media only screen
and (max-width :992px){
   .dvhome .rowdv{flex-wrap:nowrap; overflow: auto; padding-bottom:10px}

}
/*dvhome end*/

/*architecture*/
.architecture{}
.architecture .sub-title{font-size:24px; text-transform:uppercase; text-align:center;}
.architecture-section{}
.architecture-section .owl-item{height:100%}
.architecture-section .item{position:relative; height:100%; overflow:hidden}
.architecture-section .item .img{border:2px solid #fff; border-radius:10px; overflow:hidden}
.architecture-section .item:hover img{transform:translateX(-50%) translateY(-50%) scale(1.1)}
.architecture-section .item .content{padding:24px 0;align-content:end;color:#fff;border-radius:10px}
.architecture-section .item .content .title{width:80%; min-height:58px;font-size:24px;font-weight:700;margin-bottom:10px;transition:.3s}
.architecture-section .item .content .title:hover{color:var(--main-light)}
.architecture-section .item .content .if{font-size:15px}
.architecture-section .item .content .if p{margin-bottom:5px}
.architecture-section .item .content .btn{padding: .375rem 1.25rem;font-size:15px; border-radius:50px;}
.architecture-section .owlnav.owl-carousel .owl-nav button{height:auto; top:26%}

@media only screen and (max-width: 575.98px) {
    .architecture .sub-title{font-size:18px;}
    .architecture-section{}
    .architecture-section .item .content{}
    .architecture-section .item .content .title{width:96%;min-height:auto;font-size:18px;}
    .architecture-section .item .content .if p{margin-bottom:0px}
    .architecture-section .owlnav.owl-carousel .owl-nav button{height:auto; top:24%}
}
/*architecture end*/

/*interior-section*/
.interior-section{position:relative;color:#fff;}
.interior-section .img-wrap{position:absolute; top: 0; left:0; right:0; bottom:0}
.interior-section .img-wrap .swiper-interior{height:100%}

    .interior-section .img-wrap img {
        width: 100%;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
.interior-section .contain{position:relative;z-index:1;padding:100px 0 50px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(6, 20, 29, 0.9) 68%)}
.interior-section .container{}
.interior-section .container .content-wrap{max-width:50%;margin-left:auto;text-align:right}
.interior-section .container .content-wrap .tihome{font-size:40px;font-weight:700;text-transform:uppercase;margin-bottom:24px}
.interior-section .container .content-wrap .detail{margin-bottom:65px}
.interior-section .container .content-wrap .btn{background:var(--main);padding:.375rem 1.5rem;color:#fff;font-size:17px;font-weight:700;text-transform:uppercase;border-radius:5px;margin-bottom:50px}
.interior-section .container .content-wrap .btn:hover{background:var(--main-light)}

.interior-section .thumb-interior-slider{    border-radius: 5px;}
.interior-section .thumb-interior-slider .img{border:1px solid #fff; border-radius:5px; overflow:hidden}
.thumb-interior-slider .swiper-button-next,.thumb-interior-slider .swiper-button-prev{visibility:visible!important;font-size:30px;width:12px;opacity:.8}
.thumb-interior-slider .swiper-button-next:hover,.thumb-interior-slider .swiper-button-prev:hover{opacity:1}
.thumb-interior-slider .swiper-button-prev{left:10px}
.thumb-interior-slider .swiper-button-next{right:10px}
@media only screen and (max-width: 575.98px) {
    .interior-section .contain {
        padding: 40px 0;
        background: linear-gradient(180deg, rgba(6, 20, 29, 0.7) 30%, rgba(255, 255, 255, 0) 80%);
    }

    .interior-section .container .content-wrap{max-width:96%;margin: auto;text-align:right}
    .interior-section .container .content-wrap .tihome{font-size:22px;margin-bottom:18px}
    .interior-section .container .content-wrap .detail{margin-bottom:30px}
    .interior-section .container .content-wrap .detail > p:nth-child(n+2){display:none}
    .interior-section .container .content-wrap .btn{padding:.375rem 1.25rem;font-size:15px; margin-top:150px;margin-bottom:20px}
}
/*interior-section end*/

/*services-section*/
.services-section {
    color: #fff;
    background-image: url('../Design/backgrounds/bg-services.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.services-section .sub-title{font-size:18px; color:#bbb;text-transform:uppercase; text-align:center; margin-bottom:10px}
.services-section .tithome{}
 .services-section .item .title{font-weight:700;text-transform:capitalize;font-size:22px;margin-top:17px;margin-bottom:12px}
.services-section .desc{}
.services-section .owl-item{transition:transform .3s ease,opacity .3s ease;opacity:.6;transform:scale(0.85)}
.services-section .owl-item.center-active{transform:scale(1.1);opacity:1;z-index:2}
.services-section .owl-carousel .owl-stage-outer{overflow:visible}
.services-section .owlnav .owl-nav button.owl-prev{height:auto;top:30%;left:30%}
.services-section .owlnav .owl-nav button.owl-next{height:auto;top:30%;right:30%}
@media only screen and (max-width: 575.98px) {
.services-section .sub-title{font-size:18px; margin-bottom:0}
.services-section .owl-item.center-active{transform:scale(1.06);}
 .services-section .item .title{font-size:17px;margin-top:6px;margin-bottom:4px}
.services-section .desc{font-size:14px}
.services-section .owlnav .owl-nav button.owl-prev{left:0}
.services-section .owlnav .owl-nav button.owl-next{right:0}
}
/*services-section end*/

/*advantages-section*/
.advantages-section{}
.advantages-section .title-wrap{border-bottom:1px solid #C1C1C1; padding-bottom: 40px; margin-bottom:40px}
.advantages-section .quote{font-size:36px; color:#bbb}
.advantages-section .item .number{flex:0 1 auto;width:66px; height:58px; border: 3px solid #fff; font-size:36px; align-content:center; text-align:center; transition: .2s}
.advantages-section .item:hover .number{background:var(--main); border-color:var(--main);}
.advantages-section .item .title{font-size:24px; line-height:1.2; }
.advantages-section .owlnav.owl-carousel .owl-nav button {height:calc(100% - 54px)}
@media only screen and (max-width: 575.98px) {
    .advantages-section .title-wrap{padding-bottom: 20px; margin-bottom:20px}
    .advantages-section .quote{font-size:16px;}
    .advantages-section .item .number{width:40px; height:40px; border: 2px solid #fff; font-size:22px;}
    .advantages-section .col:nth-child(even) .number{background:var(--main)}
    .advantages-section .item .title{font-size:19px; line-height:1.2;align-content:center}
    .advantages-section .item .desc{font-size:14px;}
    .advantages-section .owlnav.owl-carousel .owl-nav button {
        height: calc(100% - 44px)
    }


}
/*advantages-section end*/

/*DanhGiaHome*/
.dghome {}
.dghome .container {}
.dghome .item .img{position:relative;margin:auto;}
.dghome .item .img img{width:100% !important;}
.dghome .item .name-group{position:absolute; bottom:0; right: 0; padding:28px 30px; background: linear-gradient(102deg, rgba(255, 255, 255, 0) 12%,rgba(0, 0, 0, 0.5) 50%)}
.dghome .item .ten{font-size:32px; font-weight:bold;}
.dghome .item .ten-group .desc{}

.dghome .item .nd .review{font-size:18px; margin: 20px 0; color:#fff}
.dghome .item .nd .review i.fa-quote-left{font-size:18px; position:relative; top:-10px; left:0; margin-right:8px}
.dghome .item .nd .review i.fa-quote-right{font-size:18px;position:relative; right:-5px;top:-5px}

.dghome .owlnav.owl-carousel .owl-nav button {height:auto; top:30%}

@media only screen
and (max-width: 467px) {
    .dghome .item .name-group{padding:14px 18px; background: linear-gradient(102deg, rgba(255, 255, 255, 0) 12%,rgba(0, 0, 0, 0.5) 50%)}
    .dghome .item .ten{font-size:20px;}
    .dghome .item .ten-group .desc{}

    .dghome .item .nd .review{font-size:16px; padding:0 5px;margin: 10px 0 0;}
    .dghome .item .nd .review i.fa-quote-left{font-size:8px; position:relative; top:-10px; left:-5px}
    .dghome .item .nd .review i.fa-quote-right{font-size:8px;position:relative; right:-5px;top:-5px}

    .dghome .owlnav.owl-carousel .owl-nav button {height:auto; top:30%}


}
/*DanhGiaHome end*/
/*Photo-section*/
.Photo-section{
    background:var(--main-dark);
}
/*Photo-section end*/
/*news home*/
.news-section .litt{height:100%;box-shadow: 0px 0px 10px 2px #00000026; border-radius:5px; background: var(--main); overflow: hidden}
.news-section .litt .nd{padding: 20px 18px 30px; background: var(--main); color:#fff}
.news-section .litt .date{color:#ddd;margin-bottom:3px;display: block;}
.news-section .litt .td{font-size: 20px; font-weight:bold}
.news-section .litt .td:hover{opacity:.8}
.news-section .litt .link a{font-weight:600;color:var(--second)}
.news-section .litt .link a:hover{color:var(--main)}
@media only screen
and (max-width: 575.98px) {
    .news-section .litt .nd{padding: 8px 10px 16px;}
    .news-section .litt .td{font-size: 14px; margin-bottom:6px}
}
/*news home end*/
/*dkhome*/
.dkhome{}
.dkhome .container{position:relative}

.dkhome .col-img .img{width:100%; height:100%; min-height:400px}

.form-dkh{background:var(--main-dark); padding:36px;}
.form-dkh .td{font-size:28px;font-weight:700; color:#fff; text-align:center;margin-bottom:4px; text-transform:uppercase}
.form-dkh .form-label{font-size:20px;font-weight:600;color:#333}
.form-dkh .form-label .star{color:var(--second)}
.form-dkh .form-group{position:relative; padding-top: 22px; margin-top:4px}
.form-dkh .text-danger {color: #fff !important;}
.form-dkh .form-group .text-danger {position: absolute; top: 0;left: 0;font-size: 14px;}
.form-dkh .form-control{font-size:16px;height:44px;border-radius:6px; background-color:#fff;box-shadow: 0 0 2px 1px #00000017;}
.form-dkh .form-control::placeholder{color:#B1B1B1}
.form-dkh .form-control:focus{border-color:#cecece;box-shadow: 0 0 4px 2px rgba(0,0,0,0.15)}   
.form-dkh .btn{width:fit-content;font-weight:bold; padding: 10px 38px;font-size:20px;background:#363333;transition:.2s}
.form-dkh .btn:hover{background:#5c5757}
.form-dkh .refresh{display:flex;align-items:center;gap:20px}
.btnRefresh{width:35px;height:35px;background:url(/Design/refresh.png) no-repeat;background-size:contain;border:none}
@media (max-width: 991.98px) {
    .dkhome .col-img .tithome{font-size:28px; margin-bottom:36px;padding-bottom:0}
}
@media (max-width: 575.98px) {
    .form-dkh{padding:16px; border-radius:5px}

    .dkhome .col-img .tithome{font-size:24px; margin-bottom:28px;}

    .dkhome .td{font-size:20px}
    .form-dkh .form-control {height:46px}
    .form-dkh .btn{padding: 10px 28px;font-size:18px;}

}
/*dkhome end*/
/*dthome*/
.dthome {
    background: var(--main-dark);
}
.dthome .item{}
.dthome .item .imgz{aspect-ratio:21/9;box-shadow: 0px 0px 4px .5px #00000026;background:#fff;border-radius:5px}
/*dthome end*/

/*sphome*/
.lisp {display:flex; flex-direction:column;height:100%;background:#fff; border-radius: 10px; overflow:hidden;box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
}
.lisp .imgz{}
.lisp .nd{display:flex; height:100%;text-align:center;justify-content:space-between;flex-direction:column;padding: 15px 20px 20px}
.lisp .star{margin-top:3px;display:flex;gap:5px;font-size:13px;color:orange; justify-content:center; margin-bottom:10px}
.lisp .td{font-size: 22px;font-weight: 600; color:#333;margin-bottom:10px}
.lisp .td:hover{color:var(--main)}
.lisp .desc{margin-bottom:22px; font-size:14px}
.lisp .giasp{font-size:20px;color:#B43434;font-weight: 600;margin-bottom:20px}
.lisp .priceold{color:var(--bs-gray);text-decoration: line-through;font-size: 16px;margin-left: 10px;}

.lisp .btn{border:none; padding: 6px 34px;width:fit-content; margin:auto; border-radius:50px}
.sphome .btn-see-more{ width:fit-content; margin:auto;margin-top:50px;}
@media only screen
and (max-width :576px){
  .lisp{border-radius:5px}
  .lisp .imgz{border-radius:5px 5px 0 0}

  .lisp .nd{padding:8px 5px 12px}
  .lisp .star{gap:5px;font-size:12px;}
  .lisp .td{font-size:16px;}
  .lisp .desc{margin-bottom:14px; font-size:14px}
  .lisp .giasp{margin-bottom:10px;line-height: 1;}
  .lisp .price{font-size:16px;}
  .lisp .priceold{margin-left:0;font-size:13px;}
  .lisp .btn{padding: 6px 26px; font-size:14px}

}
/*sphome*/

/*projecthome*/
.sphome{margin-top:20px}
.sphome .container{}
.ulsp{margin-top:5px; padding:0}
.imgsp{padding: 36%;}
.imgsp .star{position:absolute;bottom:10px;right:60px;z-index:5;color:#ffee00;display:none}
.imgsp .star i{padding:0 2px;}
.imgA .img{position: absolute;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;background-clip: border-box;overflow: hidden;transition: .5s;width: 100%;height: 100%;top: 0;left: 0;opacity:20%;}

.project-card .nd{}
.project-card h4{font-size:18px;margin-top:10px;color:var(--main-light); font-weight:bold}
.project-card h4:hover{color:#abebff}
.project-card .if{font-size:15px;margin-top:10px}
.project-card .if >*{margin-bottom:3px}
.project-card p:before{content:"\f007";font-family:fontawesome;font-weight:900;margin-left:1px;width:20px;display:inline-block}
.project-card p:nth-child(2):before{content:"\f07b"}.lisp p:nth-child(3):before{content:"\f073";}.lisp p:nth-child(4):before{content:"\f1d8";}
.project-card .if a{color:#0579a2}
.linkda a{background:#3f3f3f;color:#fff;padding:3px 8px 5px;font-size:13px;text-transform:uppercase;border-radius:3px}
@media only screen 
and (max-width: 467px){
.sphome{margin-top:20px}
.project h4{/* font-size:15px */}
}
/*projecthome end*/

/*sppage*/
.ulpp{overflow:hidden;margin-left:-15px;margin-right:-15px}
.ulpp li{float:left;width:25%;padding:15px}
@media only screen 
and (max-width: 980px){
.ulpp li{width:33.33333333333%}
}
@media only screen 
and (max-width: 750px){
.ulpp li{width:50%}
}
@media only screen 
and (max-width: 467px){
.ulpp li{width:100%}
}

/*dppage*/
.dppage{}
.dppage .dptop2{overflow:hidden;margin-bottom:20px;}
.dppage .swiper-slide{height:450px;margin:0 7px;float:left;}
.dppage .swiper-slide img,.swiper-slide iframe{height:100%;}
.dppage .swiper-slide iframe{width:90vw;max-width:1000px;}
.dppage .slider_contain .productPhotos{background:#fff;}
.slider_contain .flex-viewport, .slider_contain .slides, .slider_contain .slides > li{height:100%;}
.dppage #carousel .slides > li{height:77px;border:1px solid #d3d3d3;cursor:pointer;opacity:.5}
.dppage .flex-active-slide{opacity:1 !important}
.dppage .slider_contain .flexslider .slides > li{display:flex!important;text-align:center;}
.dppage .slider_contain .flexslider .slides > li > a{display:block;margin:auto;} .slider_contain .flexslider .slides img{width:100%;height:auto;}
.dppage .titproduct{font-size:30px;color:#2f2f2f;text-transform:capitalize;font-weight:bold;margin-bottom:15px}
.dppage .ifdp p{border-bottom:1px solid #c5c5c5;padding:5px 0}
.dppage .infodp{font-size:15px;border-radius:5px;margin-top:10px}
.dppage .giadp{color:red;font-size:28px;font-weight:bold}
.dppage .giadp span{color:#4f4f4f;font-family:Roboto;font-size:25px}
.dppage .phonedp a{display:block;text-transform:uppercase;text-align:center;background:var(--main);border-radius:4px;color:#fff;padding:15px 0;font-weight:bold;}
.dppage .phonedp a:hover{background:#aa3422}
.dppage .cartdp a{display:block;text-transform:uppercase;text-align:center;background:red;color:#fff;padding:20px 0;border-radius:5px;}
.dppage .fbdp{margin-top:20px;overflow:hidden}
.dppage .fbdp >span{float:left}
.dppage .fbdp >span:last-child{float:right}

.dppage .ultabdp{margin:0;padding:0;position:relative;width:100%;background:#eeeeee;overflow:hidden;font-size:13px;border-radius:0 3px 0 0}
.dppage .ultabdp li{float:left;padding:12px 25px;color:#fff;box-sizing:border-box;text-transform:uppercase;;cursor:pointer;background:#b4b4b4}
.dppage .ultabdp li+li{border-left:1px solid #fff}
.dppage .ultabdp li.active,.ultabdp li:hover{color:#fff;background:#0579a2;}
.dppage .ultabdp li h3{font-family:Roboto;font-size:18px}

.dppage .tab-over{background:#fff;position:relative;padding:20px;border:1px solid #eeeeee;border-top:0;border-radius:0 0 3px 3px}
.dppage .detailtab{min-height:300px}
.dppage .detailtab img{max-width:100%;height:auto !important;margin-bottom:8px;}
.dppage .detailtab a{color:-webkit-link;text-decoration:underline}
.dppage .fb-comments{display:block !important;width: 100% !important}
.dppage #tab-review iframe,.fb-comments iframe{min-width:100% !important;width: 100% !important}

.dppage .titdps{text-transform:uppercase;background:#eeeeee;border-radius:0 3px 0 0}
.dppage .titdps span{display:inline-block;padding:12px 25px;color:#fff;background:#0579a2;}
.dppage .uldp{overflow:hidden;/* padding-bottom: 18px; */}
.dppage .uldp li{width:49%;float:left;margin:0;margin-bottom:40px}
.dppage .uldp li:nth-child(2n+2){float:right}
@media only screen 
and (max-width: 1000px){
.dppage .swiper-slide{height:400px;}
}
@media only screen 
and (max-width: 467px){
.dppage .slider_contain{margin-top:20px}
.dppage .ulsp{margin-top:0;display:block !important}
.dppage .lisp{/* padding:15px 0 */}
.dppage .swiper-slide{height:200px;}
.dppage .titproduct{font-size:26px;}
.dppage .titproduct2{display:block}
.dppage .ultabdp li h3{font-size: 14px;}
.dppage .tab-over{padding:20px 0;border:0;}
}

/*dppage 2*/
.product-detail_page{padding-top:50px}
.product-detail_page .dptop .rowdp{flex-direction: row-reverse;}
.product-detail_page .dpsame .row{flex-direction: row}
.product-detail_page .info_contain{}
.product-detail_page .slider_contain {}
.product-detail_page #slider{background:#f3f6fb;height: 417px;}
.product-detail_page #slider .slides li{position:relative;}
.product-detail_page #slider .slides img{position:absolute;height:auto;width:auto;max-width: 100%;max-height: 100%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
.product-detail_page #carousel{margin-top:20px;}
.product-detail_page #carousel .slides > li{height: 50px;background:#f3f6fb;cursor:pointer;opacity:.5}
.product-detail_page .flex-active-slide{opacity:1 !important}
.product-detail_page #carousel .slides > li img{max-width:90%;max-height:90%}
.product-detail_page .titproduct{font-size: calc(1.325rem + .9vw);text-transform:capitalize;}
.product-detail_page .giadp{color:#D8232A;font-size: 24px;margin:20px 0 10px;font-weight:600}

.product-detail_page .giamulti{text-align:center;margin-bottom: 30px;}
.product-detail_page .gia-title{padding:5px 0;font-size:16px;font-weight:normal;background:#dfdfdf;color:#3f3f3f;text-transform:uppercase;margin:0;cursor:pointer;}
.product-detail_page .gia-item .giadp{border:1px solid #d1d1d1;border-top:0;margin:0;padding:5px 0;font-size: 20px;}
.product-detail_page .active .gia-title {background:var(--second);color:#fff}
.product-detail_page .active .giadp{border-color:var(--second)}

.product-detail_page .statusdp .g{color:#4CAF50}.statusdp .r{color:#F44336}
.product-detail_page .infodp{color:#6f6f6f;margin-top:20px}
.product-detail_page .cartdp{overflow:hidden;margin-top:45px;display:flex;}
.product-detail_page .cartdp .textbox{background:#f5f5f5;color:#6f6f6f}
.product-detail_page .cartdp .tinh{cursor:pointer;width:45px;height:55px;line-height:55px;text-align:center;float:left;box-sizing:border-box;}
.product-detail_page .cartdp .txt{width:50px;height:55px;text-align:center;float:left;outline:0;background:#f5f5f5}
.product-detail_page .cartdp .gio-hang{margin-left:10px;height:55px;padding:0 28px;background: #F44336;color: #fff;letter-spacing:2px;text-transform:uppercase;font-weight: 600;}
.product-detail_page .carderror{color:#1f1f1f;font-size:14px}
.product-detail_page .phonedp{padding-top:30px;margin-top:30px; margin-bottom: 30px;border-top:1px solid #ebebeb}
.product-detail_page .phonedp a{display:block;text-transform:uppercase;text-align:center;background: var(--second);color:#fff; border-radius:10px;height:55px;line-height:55px;font-weight:600;}

.product-detail_page .ultabdp{color:#999999;font-weight:700;display:flex;justify-content: center;padding:0;position:relative}
.product-detail_page .ultabdp:before{content:"";position:absolute;width:100%;height: 0;left:0;border-bottom:1px solid #ebebeb;top:0;bottom:12px;margin:auto;}
.product-detail_page .ultabdp li{position:relative;font-size:20px;background:#fff;padding:0 5px}
.product-detail_page .ultabdp li+li{padding-left:65px}
.product-detail_page .ultabdp li.active{color:#495057}
.product-detail_page .tab-over{margin-top:40px}
.product-detail_page .fb-comments{display:block !important;width: 100% !important}
.product-detail_page .sidesp{}
.product-detail_page .boxssp{background:var(--bs-light);padding:10px;margin-bottom:5px;box-shadow: #f2f2f2 1px 1px 0px 0px inset, #f2f2f2 -1px -1px 0px 0px inset;border-radius: 4px;}
.product-detail_page .boxssp .td{text-transform:uppercase;border-bottom: 1px solid #dee2e6;padding-bottom: 5px;}
.product-detail_page .phonessp a{position: relative;margin: 15px 0;padding-left: 50px;display: block;line-height: 1.2;font-size: 15px;}
.product-detail_page .phonessp i{color:var(--main);position: absolute;left: 0;font-size: 40px;}
.product-detail_page .phonessp strong{display:block;color: var(--main);font-size: 18px;}
.product-detail_page .ckssp .item{display:flex;align-items: center;margin:15px 0}
.product-detail_page .ckssp img{width:35px;margin-right: 10px;}
.product-detail_page .ckssp .nd{display:inline-block;line-height: .8;}
.product-detail_page .ckssp h3{font-size:13px;text-transform:uppercase;margin: 0;}
.product-detail_page .ckssp small{color:var(--bs-gray);font-size:13px}
.product-detail_page .boxssp.i3{font-size: 14px;}
.product-detail_page .boxssp.i3 .nd{max-width: 200px;margin: 10px auto;}
.product-detail_page .boxssp.i3 a{color:red}
@media only screen 
and (max-width: 576px){
    .product-detail_page .dppage{padding-top: 15px;}
    .product-detail_page .dptop .row{flex-direction: column-reverse;}
    .product-detail_page .dpsame .row{flex-direction: row}
    .product-detail_page #slider{height:380px;background:#fff}
    .product-detail_page .cartdp{flex-flow: wrap;justify-content: space-between;}
    .product-detail_page .cartdp .textbox{margin-bottom:10px}
    .product-detail_page .cartdp .gio-hang{margin-left:0}
}
/*dppage 2 end*/

/*aboutpage*/
.aboutpage{}
.ndgtp{overflow:hidden}
.ndgtp img{max-width:100%;height:auto !important}

/*photo-page*/
.photodetailp{}
#gallery .container{}
.ulctha{overflow:hidden;margin-right: -15px;margin-left: -15px;box-sizing:border-box;}
.lictha{max-width:33.33333333333%;width: 100%;padding-right: 15px;padding-left: 15px;box-sizing: border-box;}
.imgctha{margin-bottom:30px;}
.imgctha a{display:block;position:relative;}
.imgctha a:before{background: rgba(0, 0, 0, 0.5);position:absolute;position: absolute;top: 0;left: 0;bottom: 5px;right: 0;transition: all 300ms linear 0s;border-radius:10px;}
.imgctha a:after{content:"\f00e";font-size:20px;opacity:0;color:#fff;background:#ffffff42;width: 50px;height: 50px;box-sizing:border-box;padding: 12px;border:1px solid;display:inline-block;font-family:fontawesome;position:absolute;left: 0;right: 0;margin:auto;text-align:center;top:calc(40% - 20px);transition: all 300ms linear 0s;}
.imgctha:hover a:before{content:"";}
.imgctha:hover a:after{opacity:1;top:40%}
.imgctha img{width:100%;height:auto;border-radius:10px;}
@media only screen 
and (max-width: 467px){
.ulctha{margin-right:-5px;margin-left:-5px}
.lictha{max-width:50%;padding-left:5px;padding-right:5px}
}

/*khac*/
.slick-slide img {
    height: 450px;
    margin: 0 7px;
    float: left;
}
/*owl-carousel*/
.owlnav.owl-carousel .owl-nav button{border-radius:0;top:0;margin:0;height:100%;position:absolute;border:none;outline:none;transition:.3s;color:#717171!important}
.owlnav .owl-nav button::before{display:block;background:var(--main);width:40px;height:40px;font-size:30px!important;border-radius:50%;color:#fff;opacity:.7}
.owlnav .owl-nav button:hover::before{opacity:1}
.owlnav .owl-nav button.owl-prev{left:-20px}
.owlnav .owl-nav button.owl-next{right:-20px}
.owlnav .owl-nav button span{display:none}
.owlnav .owl-prev::before{content:"\f104";font-family:fontawesome}
.owlnav .owl-next::before{content:"\f105";font-family:fontawesome}
.owl-dots{text-align:center; margin-top:30px}
.owl-dots .owl-dot{width:15px;height:15px;background-color:#8f9599 !important;border-radius:10px;margin:0 5px}
.owl-dots .owl-dot.active{background-color:var(--main) !important}


.owl-hover.owl-carousel .owl-nav button{border-radius:0;top:0;margin:0;height:100%;position: absolute;border:none;outline:none;}
.owl-hover.owl-carousel .owl-nav span{display:none}
.owl-hover .owl-nav button.owl-prev{left: 50px;}
.owl-hover .owl-nav button.owl-next{right: 50px;}
.owl-hover.owl-carousel .owl-nav button:before{position:absolute;color: #fff;border-radius:50%;font-size: 41px;width: 50px;height: 54px;top:0;bottom:0;margin:auto;box-sizing:border-box;font-weight: 900;}
.owl-hover .owl-prev:before{content:"\f053";font-family:fontawesome;right:0;font-weight:300}
.owl-hover .owl-next:before{content:"\f054";font-family:fontawesome;left:0;font-weight:300}
.owl-hover.owl-carousel .owl-nav button:hover:before{/* background-color:#E50D0D; *//* color:#fff; */}
@media only screen 
and (max-width: 575.98px){
    .owlnav .owl-nav button::before{width:30px;height:30px;font-size:22px!important;}

    .owlnav .owl-nav button.owl-prev{left:5px}
    .owlnav .owl-nav button.owl-next{right:5px}

    .owl-dots{margin-top:14px}
    .owl-dots .owl-dot{width:10px;height:10px;margin:0 4px}
}
/*owl-carousel end*/
@keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
opacity:.3
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
opacity:.3
}
100% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
opacity:.3
}
}
@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }
    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }
    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}
.social_home{position: fixed;z-index: 988;left: 10px;bottom: 60px;/* display:none */}
.social_home .ic_sh a{width:46px;display:block}
.social_home .ic_sh img{width:100%}
.social_home .ic_sh .cd-top{opacity:1;height:auto;background:none;position: unset;text-indent:0;visibility: visible;border-radius:0}
.social_home .ic_cd{display:none}
.vnphome{position:fixed;z-index:988;right:20px;bottom:30px}
.vnphome .sdt{position:fixed;font-weight:bold;bottom:90px;right:10px;width:190px;font-size:20px;color:#3f3f3f}
.vnphome .imglg{width:58px;height:58px;border:2px solid #33BCF2;position:relative;border-radius:50%;overflow:hidden;background:#bb141b;text-shadow: 2px 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 2px 0px 0 #fff, 0px 2px 0 #fff, -2px 0px 0 #fff, 0px -2px 0 #fff;}
.vnphome .imglg img{max-width:100%;max-height:100%;margin-top:4px}
.vnphome .fill{position: fixed;bottom: 14px;right: 4px;z-index:-1;background: #33BCF2;transform-origin: 50% 50%;-webkit-animation: phonering-alo-circle-fill-anim 1.5s infinite ease-in-out;transition: all 1s;border-radius: 100%;width: 90px;height: 90px;}
.vnphome .circle{position: fixed;bottom: 14px;right: 4px;z-index:-1;border: 2px solid #33BCF2;background:transparent;transform-origin: 50% 50%;-webkit-animation: phonering-alo-circle-anim 1.5s infinite ease-in-out;;transition: all .5s;border-radius: 100%;width: 90px;height: 90px;}
@media only screen 
and (max-width: 467px){
.social_home{right: 5px;bottom: 10px;display:none}
.fix-bot{display:flex !important;position:fixed;bottom:0;width:100%;left:0;background:#b2001a;color:#fff;border-top:2px solid;z-index:2}
.fix-bot a{flex:1;text-align:center;display:flex;flex-direction: column;justify-content: center;align-items: center;;padding:8px 0}
.fix-bot a+a{border-left:2px solid #fff}
.fix-bot i{height:19px}
.fix-bot p{margin:auto;font-size:13px;margin-top:5px}
.izalo{display:inline-block;width:20px;height:19px;background:url(/Design/zalo-iw.png) no-repeat;background-size:100% auto}
}

.inner_page{margin:20px 0}
.ndbvp .container{display:flow-root;}
.ndbvp{margin-top:50px;}
.col-section{width:72%;float:left;}.col-side{width:25%;float:right;padding:10px 15px;}
/*sidebar*/
.col-side {background:#004175; border-radius:10px}
.boxside+.boxside{margin-top:30px}
.title-side{font-size:16px;text-transform:uppercase;padding:10px 0;font-weight:bold;position:relative;border-bottom:1px solid #ccc}
.bnside{overflow:hidden}
.bnside img{width:100%;}
.ulttside {padding-left:0}
.ulttside li{overflow:hidden;margin-top:15px}
.imgside{height:80px;width:80px;}
.ulttside li .nd{display:flex;width:calc(100% - 90px);height:80px}
.ulttside li .nd >div{margin:auto 0}
.ulttside li .nd h4{font-size:16px;color:#fff}
.ulttside li .nd h4:hover{color:#d8d8d8}
.dateside{color:#c7c7c7;font-size:14px}
.formside{position:relative}
.formside+.formside{margin-top:15px}
.formside span{display:inline-block;position:absolute;left:-17px;font-size:13px;height: 21px;top:0;bottom:0;margin:auto}
.formside .txt{width:100%;border:1px solid #f0e9ff;outline:0;padding: 12px 0 14px;padding-left:20px;font-weight:bold;color:#000;}
.formside .txt::placeholder{color:#999}
.formside .btn{text-align:center;display:block;border:1px solid #19c642;border-radius:0;color:#19c642;padding: 16px 0;text-transform:uppercase}
.formside .btn:hover,.formside .btn:active{background:#19c642;color:#fff}
@media only screen 
and (max-width: 980px){
.col-section,.col-side{width:100%;float:none}.col-side{display:none}
}
@media only screen 
and (max-width: 467px){
.inner_page{margin:20px 0}.social_home{display:none;}
.col-section,.col-side{width:100%;float:none}
.col-side{display:none}.ndbvp{margin-top:0px;}
.dppage .col-side{display:block;margin-top:30px}
.dppage .col-side .boxside+.boxside{display:none}
}

.title-post{font-size:26px;margin:0;color:#000;border-bottom:1px solid #acacac;padding-bottom:10px;margin-bottom: 6px;}
.title-cat{font-size:18px;font-weight:bold;text-transform:uppercase;font-weight:bold;color:#000;padding:10px 0;position:relative;overflow:hidden;}
.title-cat:after{content:"";width:50px;border-top:3px solid #c00000;position:absolute;bottom:0;left: 0;}
.ulbvs{margin-left:-1%;margin-right:-1%}
.ulbvs li{padding:1%}
.imgbvs{padding:40%;border-radius:7px}
.ulbvs li h4{font-weight:bold;font-size:15px;margin:5px 0 10px}
.ulbvs li h4:hover{color:#c00000}
.tagbv{font-weight:bold}
.tagbv a{font-size:14px;display:inline-block;background-color:#f1f1f1;font-weight:normal;padding:6px 10px 5px;border-left:3px solid #0579a2;position:relative;margin-left:10px;}
.tagbv a:before{content:"";position:absolute;border:5px solid transparent;width:0;left: -1px;border-left-color:#0579a2;height:0px;top:0;bottom:0;margin:auto;}
.tagbv a:hover{color:#0579a2;font-style:italic}
@media only screen 
and (max-width: 467px){
#slider{height:380px;}.title-post{font-size:20px;}
}

/*khac*/

@keyframes light-left {
0%{left:-5%;opacity:0}
50%{left:50%;opacity:1}
100%{left:105%;opacity:0}
}
@keyframes light-right {
0%{right:-5%;opacity:0}
50%{right:50%;opacity:1}
100%{right:105%;opacity:0}
}
@-webkit-keyframes phonering-alo-circle-anim {
0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}
30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}
100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}
}
@-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)}
}