/*
    Theme Name: Fastonline
    Theme URI: https://www.facebook.com/giagia.nam
    Author: Namdev
    Author URI: https://www.facebook.com/giagia.nam
*/
@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i&display=swap&subset=vietnamese");
@media screen {
    * {
        margin: 0;
        padding: 0
    }
    a:link {
        text-decoration: none
    }
    a:focus {
        outline: none
    }
    img {
        display: block;
        padding: 0;
        outline: none;
        border: none
    }
    ul {
        list-style: none
    }
    h1 {
        margin: 0;
        padding: 0
    }
    body {
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        line-height: 1.5;
        font-weight: 400;
        color: #333;
        background-color: #fff;
    }
    body.body-padding {
        padding-top: 74px
    }
    body.logged-in.body-padding {
        padding-top: 74px
    }
    .tf{
    	text-transform: uppercase;
    }
    .fright{
    	float: right;
    }
    .fleft{
    	float:left;
    }
    .done{
        display: none;
    }
    .container {
        width: 1170px;
        margin: 0 auto;
        position: relative;
    }
    .header-fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10000;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    }
    .logged-in .header-fixed {
        top: 32px
    }
    .header {
        background-color: #fff;
    }
    .header .container {
        height: 80px;
        line-height: 80px;
    }
    .header-fixed .container{
        height: 80px;
        line-height: 80px;
    }
    .header-fixed .logo {
        height: 70px;
        margin-top: 5px;
    }
    .logo {
        padding: 0;
        height: 70px;
        margin: 0;
        margin-top: 5px;
    }
    .logo a {
        display: block;
        height: 100%
    }
    .logo a img {
        height: 100%;
    }
    .main-nav-inner>ul>li{
        float: left;
        position: relative;
    }
    .main-nav-inner-list{
        float: left;
    }
    .main-nav-inner>ul>li>a{
        font-size: 17px;
        color: #000;
        padding: 0 12px;
        font-weight: 700;
    }
    .main-nav-inner>ul>li a{
        display: block;
    }
    .main-nav-inner ul li a:hover{
        background-color: #00a8ab;
        color: #fff;
    }
    .main-nav-inner-top-order{
        height: 45px;
        line-height: 45px;
        background-color: #f00;
        color: #fff;
        top: 17px;
        border-radius: 3px;
    }
    .main-nav-item-order{
        color: #fff !important;

    }
    .gg-dich{
        float: left;
        margin-left: 5px;
    }
    .header-icon{
        margin-left: 25px;
        font-size: 16px;
        cursor: pointer;
    }
    .close-nav {
        display: none;
    }
    .icon-show-nav {
        display: none;
        color: #000;
        position: absolute;
        left: 0;
        font-size: 25px;
        cursor: pointer;
        top: 0;
    }
    .icon-search {
        position: absolute;
        color: #000;
        top: 0px;
        right: 0;
        font-size: 22px;
        cursor: pointer
    }
    .header-fixed .collap-main-nav {
        margin-top: 12px
    }
    .featured{
    	position: relative;
    	background-color: #f9f9f9;
    }
    .featured-item{
    	display: block;
    	height: auto;
    	color:#333;
    }
    .thumb-cover{
    	overflow: hidden;
    }
    .thumb-cover img{
    	width: 100% !important;
    	height: 100% !important;
    	object-fit: cover !important;
    }
    .owl-nav button {
        margin: 0px !important;
        position: absolute;
        top: calc(50% - 20px) !important;
        width: 35px;
        height: 40px;
        line-height: 36px !important;
        text-align: center;
        background-color: rgba(255, 255, 255, .8) !important;
        border-radius: 0px !important;
        font-size: 25px !important;
        z-index: 10000;
        box-shadow: 0 0 60px rgba(0, 0, 0, .1);
        opacity: 0;
        visibility: hidden;
        transition: all ease-in-out .2s;
        outline: none;
    }
    .owl-nav button span {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        font-family: Arial;
    } 
    .owl-nav button.owl-prev {
        left: 0px !important;
    }
    .owl-carousel:hover .owl-nav button{
        opacity: 1;
        visibility: visible;
    }
    .owl-nav button.owl-prev{
        left: 0px !important;
    }
    .owl-nav button.owl-next{
        right: 0px !important;
    }
    .featured .owl-theme .owl-dots {
        position: absolute;
        left: 0px;
        bottom: 10px;
        width: 100%;
    }
    .owl-theme .owl-dots .owl-dot span {
        width: 8px !important;
        height: 8px !important;
        transition: all ease-in-out .3s !important;
    }
    .featured .owl-theme .owl-dots .owl-dot span {
        background-color: #fff;
    }
    .owl-theme .owl-dots .owl-dot:hover span {
        background-color: #00A8AB !important;
    }
    .owl-theme .owl-dots .owl-dot.active span{
        width: 28px !important;
        background-color: #00A8AB !important;
    }
	.owl-wrap{
        overflow: hidden;
        position: relative;
    }
    .owl-wrap .owl-carousel {
        overflow: hidden;
        width: 100%;
    }
    .owl-carousel {
        position: relative;
    }
/** pro **/
    .block-content-flex {
        display: flex;
        flex-flow: row wrap;
    }
    .bsize{
        box-sizing: border-box;
    }
    .block-item .container{
        padding: 40px 0;
    }
    .pro-item{
        position: relative;
        padding: 10px;
        width: calc((100% - 80px) / 3);
        margin-right: 40px;
        padding: 20px;
        background-color: #fff;
        box-shadow: 0 0 30px rgb(0 0 0 / 10%);
        border-radius: 5px;
        transition: all ease-in-out .2s;
    }
    .pro-item:nth-child(3){
        margin-right: 0px;
        float: right;
    }
    .pro-item-thumb{
        height: 330px;
        display: block;
        color: #333;
    }
    .pro-item-title{
        font-weight: 700;
        font-size: 20px;
    }
    .pro-item-title a{
        color: #00A8AB;
        display: block;
    }
    .pro-item-info{
        margin-top: 8px;
    }
    .pro-item-btn{
        text-align: center;
    }
    .pro-item-btn a {
        display: block;
        float: left;
        line-height: 35px;
        box-sizing: border-box;
        width: calc((100% - 15px) / 2);
        border: 1px solid #ddd;
        color: #333;
        margin-top: 20px;
        border-radius: 3px;
        background-color: #f9f9f9;
    }
    .pro-item-btn a:nth-child(2){
        float: right;
    }
    .pro-item-btn a:hover {
        color: #fff;
        background-color: #00a8ab;
        border: 1px solid #00a8ab;
    }
    .block-item-header{
        text-align: center;
    }
    .block-item-title{
        position: relative;
        display: inline-block;
        height: 55px;
        line-height: 55px;
        font-size: 25px;
        font-weight: 700;
        color: #00A8AB;
    }
    .block-item-title span{
        display: block;
        padding: 0px 20px;
        text-transform: uppercase;
    }
    .block-item-content{
        margin-top: 30px;
    }
    .single-content table {
        width: 100% !important;
        margin: 10px 0;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }
    .single-content-wrap .single-content table{
        color: #000;
    }
    .single-content table tr{
        background-color: #fff;
    }
    .single-content table tr:nth-child(1) {
        background-color: #00a8ab;
    }
    .single-content table tr td, .single-pro-des table tr td {
        padding: 10px 15px;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .block-price-list{
        background-color: #f9f9f9;
        position: relative;
    }
    .more-link{
        text-align: center;
    }
    .more-link a{
        display: inline-block;
        color: #fff;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        font-weight: 500;
        padding: 0 15px;
        border-radius: 2px;
        text-transform: uppercase;
        box-shadow: 0 3px 5px rgb(0 0 0 / 10%);
    }
    .Link-test{
        background-color: red;
        margin-right: 10px;
    }
    .Link-order{
        background-color: #00A8AB;
    }
/** block list **/
    .block-price-list{
        min-height: 400px;
        background: transparent;
    }
/** block support**/
    .block-support-item{
        position: relative;
        background-color: #fff;
        padding: 10px;
        width: 100%;
        border-radius: 50px;
        border: 1px solid#d8d8d8;
    }
    .block-support-item:nth-child(n+2){
        margin-top: 35px;
    }
    .block-support-top{
        display: block;
        cursor: pointer;
    }
    .block-support-item-thumb{
        width: 90px;
        height: 90px;
        display: block;
        float: left;
        border-radius: 100%;
        position: absolute;
        top: -10px;
        left: -15px;
        padding: 10px;
        background-color: #F9F9F9;
    }
    .block-support-item-thumb-inner{
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-color: #fff;
        box-shadow: 0 0 15px rgba(0,0,0,.2);

    }
    .block-support-info{
        display: block;
    }
    .block-support-title{
        height: 75px;
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #00A8AB;
        text-transform: uppercase;
        font-weight: 700;
        margin-left: 90px;
    }
    .block-support-icon{
        position: absolute;
        right: 30px;
        color: #00A8AB;
        top: 35px;
        font-size: 20px;
    }
    .block-support-icon i:nth-child(2){
        display: none;
    }
    .block-support-item-active:nth-child(1) .block-support-bottom{
        display: block
    }
    .block-support-item-active .block-support-icon i:nth-child(1) {
        display: none;
    }
    .block-support-item-active .block-support-icon i:nth-child(2) {
        display: block;
    }
    .block-support-bottom{
        display: none;
        padding: 20px;
    }
    .block-support-des{
        color: #000;
        font-size: 15px;
    }
    .block-support-des a{
        color: #00A8AB;
        border-bottom: 1px solid#00A8AB;
    }
/** block register **/
    .block-register-fleft ,.block-register-right{
        width: 50%;
    }
    .block-register-right{
        padding: 75px 25px;
        background-color: #00A8AB;
        text-align: center;
    }
    .block-register-title{
        text-transform: uppercase;
        font-size: 25px;
        font-weight: 700;
        color: #fff;
    }
/** video **/
    .block-dt{
        background-color: #f9f9f9;
    }
    .block-dt-item-thumb{
        position: relative;
        display: block;
        color: #333;
        height: 220px;
        transition: all ease-in-out .3s;
        box-shadow: 0 5px 25px 0 rgb(0 0 0 / 9%);
    }
    .thumb-zoom:hover img{
         transform: scale(1.2);
    }
/** FOOTER **/
    .footer{
        position: relative;
    }
    .footer:before{
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        background-image: linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.6)),linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.05));
        top: 0;
        left: 0;
        display: inline-block;
    }
    .footer-inner .container{

        color: #fff;
    }
    .footer-logo a{
        display: block;
        height: 80px;
        color: #fff;
    }
    .footer-logo a img{
        height: 100%;
    }
    .footer-item{
        width: calc((100% - 60px) / 3);
        margin-right: 30px;
        color: #fff;
    }
    .footer-item:nth-child(3){
        float: right;
        margin-right: 0;
    }
    .footer-top{
        padding:40px 0;
    }
    .footer-item-content{
        margin-top: 20px;
    }
    .footer-bottom .container {
        padding: 30px 0;
        text-align: center;
        color: #ddd;
        border-top: 1px solid #3e4144;
    }
    .block-register-content .form-ct-item input,
    .block-register-content .form-ct-item select{
        width: 100%;
        height: 40px;
        border: none;
        outline: none;
        box-sizing: border-box;
        margin-top: 15px;
        border-radius: 3px;
        padding: 0px 10px;
        color: #333;
        background-color: #fff;
    }
    .block-register-content .form-ct-item:nth-child(n+3){
        margin-top: 20px;
    }
    .register-footer-from input[type=submit]{
        position: absolute;
        top: 0px;
        right: 0px;
        color: #fff;
        background-color: #D22028;
        height: 40px;
        width: 90px;
        border-radius: 0 3px 3px 0;
    }
/** end footer**/
    .block-breakcrumb{
        background-color: #f9f9f9;
        box-shadow: inset 0 3px 5px rgb(0 0 0 / 10%);
    }
    .block-breakcrumb .container{
        padding: 15px 0;
        font-size: 13px;

    }
    .block-breakcrumb .container>span>span>a{
        padding-left: 0;
    }
    .block-breakcrumb a{
        padding: 0 6px;
        color: #333;
    }
    .block-breakcrumb span.breadcrumb_last{
        padding-left: 6px;
    }
    .sub-page .container{
        padding: 30px 0;
    }
    .tax-head{
        position: relative;
        font-size: 22px;
        font-weight: 700;
        line-height: 1.5;
        text-transform: uppercase;
        padding-bottom: 5px;
        border-bottom: 2px solid #e8e8e8;
    }
    .tax-head:before {
        position: absolute;
        content: '';
        width: 50px;
        height: 2px;
        bottom: -2px;
        left: 0;
        background-color: #00a8ab;
    }
    .archive-wrap{
        margin-top: 20px;
    }
    .pagination{
        margin-top: 20px;
        text-align: center;
    }
    .pagination .page-numbers{
        display: inline-block;
        color: #fff;
        background-color: #00A8AB;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        margin-left: 5px;
    }
    .pagination .current{
        border: 1px solid#00A8AB;
        background-color: #fff !important;
        color: #00A8AB !important;
    }
/**/
    .contact-map{
        height: 450px;
        background-color: #333;
    }
    .contact-col{
        width: calc((100% - 60px ) / 2);
    }
    .contact-col-content{
        margin-top: 20px;
    }
     .single-content{
        font-size: 16px;
    }
    .single-content>h2{
        font-weight: 700;
        padding: 8px 0;
        font-size: 22px;
    }
    .single-content p{
        padding: 8px 0;
    }
    .single-content ul{
        list-style: square;
        padding-left: 30px;

    }
    .single-content ul li{
        margin-top: 5px;
    }
    .single-content a{
        color: #00A8AB;
    }
    .contact-from .form-ct-item input{
        border: 1px solid#d8d8d8;
    }
    .block-register-content .form-ct-item-col2 {
        width: calc((100% - 20px) / 2);
    }
    .contact-from .form-ct-item:nth-child(n+3){
        margin-top: 20px;
    }
    .form-ct-item-full{
            width: 100%;
    }
    .form-ct-item textarea {
        width: 100%;
        height: 120px;
        outline: none;
        border: 1px solid #d8d8d8;
        padding: 8px 10px;
        box-sizing: border-box;
        transition: all ease-in-out .3s;
    }
    .form-ct-item input[type="submit"]{
        width: 170px;
        height: 40px;
        border: none;
        font-size: 17px;
        color: #00a8ab;
        background-color: #ffffff;
    }
/** Tin tức **/
    .new-home-item{
        position: relative;
        width: 100%;
    }
    .new-home-item:nth-child(n+2){
        margin-top: 30px;
    }
    .new-home-item-thumb{
        float: left;
        width: 360px;
        height: 220px;
        display: block;
    }
    .thumb-zoom:hover img{
        transition: all ease-in-out.3s;
    }
    .new-home-item-info{
        margin-left: 380px;
    }
    .post-fea-item-meta span{
        color: #000;
        font-size: 15px;
    }
    .post-fea-item-meta span:nth-child(2){
        margin-left: 15px;
    }
    .new-home-item-title{
        margin-top: 7px;
        font-size: 18px;
    }
    .new-home-item-title a{
        display: block;
        font-weight: 700;
        color: #006d6f;
        text-transform: uppercase;
    }
    .new-home-item-title:hover a{
        color: #00A8AB;
    }
    .new-home-item-des{
        margin-top: 5px;
        font-size: 15px;
        color: #000;
    }
    .single-more-link{
        display: inline-block;
        margin-top: 5px;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        background-color: #007173;
    }
    .single-more-link a{
        display: block;
        color: #fff;
        font-size: 15px;
    }
/** single **/
    .single-pro-top-left{
        width: 500px;
    }
    .single-pro-thumb{
        display: block;
    }
    .single-pro-top-right{
        width: calc(100% - 530px);
    }
    .single-pro-title{
        font-size: 25px;
        line-height: 1.5;
    }
    .single-pro-des {
        margin-top: 10px;
    }
    .single-pro-des p {
        padding-left: 18px;
        position: relative;
    }
    .single-pro-des p:nth-child(n+2) {
        margin-top: 10px;
    }
    .single-pro-des p:before {
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 100%;
        top: 8px;
        left: 0;
        background-color: #bd0000;
    }
    .single-pro-support{
        margin-top: 20px;
        text-align: center;
        background-color: #f9f9f9;
        border-radius: 5px;
        padding: 15px;
    }
    .single-pro-text{
        font-size: 15px;
    }
    .single-pro-text a{
        font-weight: 700;
        color: #bd0000;
    }
    .single-pro-btn{
        margin-top: 15px;
    }
    .single-pro-btn a{
        display: inline-block;
        height: 60px;
        line-height: 1.45;
        color: #fff;
        background-color: #bd0000;
        padding: 0 35px;
        text-align: center;
        border-radius: 5px;
        transition: all ease-in-out .3s;
    }
    .single-pro-btn a span{
        display: block;
        font-size: 16px;
    }
    .single-pro-btn a span:nth-child(1){
        margin-top: 5px;
        text-transform: uppercase;
        font-weight: 700;
    }
    .single-pro-btn a:hover{
        background-color: #6D0B0B;
    }
    .single-pro-bottom{
        margin-top: 30px;
    }
    .single-tab-nav li{
        float: left;
    }
    .single-tab-nav li a{
        position: relative;
        display: block;
        height: 45px;
        line-height: 45px;
        background-color: #f9f9f9;
        color: #333;
        padding: 0px 19px;
        text-align: center;
        font-weight: 700;
        font-size: 15px;
        border: 1px solid #e8e8e8;
        border-bottom: none;
    }
    .single-tab-nav li:nth-child(n+2){
        margin-left: 5px;
    }
    .single-tab-nav li a.single-tab-nav-active{
        background-color: #fff;
        border-top: 1px solid #00A8AB;
        color: #00A8AB;
        transition: all ease-in-out.3s;
        text-transform: uppercase;
    }
    .single-tab-content{
        padding: 15px;
        border: 1px solid #e8e8e8;
    }
    .single-content p:last-child {
        padding-bottom: 0;
    }
    .single-content p:first-child {
        padding-top: 0;
    }
    .single-tab-item img{
        width: 750px;
        max-width: 100%;
        height: auto !important;
        margin: 10px auto;
    }
    .single-content img{
        width: 100%;
        max-width: 100%;
        height: auto !important;
        margin: 10px auto;
    }
    .single-related{
        margin-top: 30px;
    }
    .single-related-content{
        margin-top: 30px;
    }
    .primary{
        width: calc(100% - 330px);
    }
    .single-title{
        font-weight: 700;
        font-size: 25px;
        line-height: 1.5;
    }
    .single-content-wrap{
        margin-top: 20px;
    }
    .single-tag{
        border-top: 1px solid#e8e8e8;
        border-bottom: 1px solid#e8e8e8;
        margin-top: 20px;
    }
    .single-tag-left{
        width: 90px;
        font-size: 13px;
        padding: 10px 0px;
        font-weight: 500;
    }
    .single-tag-left i{
        color: #00a8ab;
        margin-right: 5px;
    }
    .single-tag-right{
        width: calc(100% - 90px);
    }
    .single-tag-right li{
        display: inline-block;
        margin-top: 10px;
    }
    .single-tag-right li a{
        font-size: 15px;
        font-weight: 500;
        color: #333;
        margin-right: 15px;
    }
    .single-related-content{
        margin-top: 30px;
    }
    .single-related-item{
        width: calc((100% - 30px) / 2);
    }
    .single-related-item:nth-child(2n+2){
        float: right;
        margin-left: 30px;
    }
    .single-related-item:nth-child(n+3){
        margin-top: 15px;
    }
    .single-related-item-thumb{
        height: 75px;
        width: 75px;
        display: block;
        color: #333;
    }
    .single-related-info{
        margin-left: 95px;
    }
    .single-related-item-title{
        font-weight: 700;
        font-size: 15px;
        line-height: 1.5;
    }
    .single-related-item-title a{
        display: block;
        color: #333;
    }
    .single-conment{
        margin-top: 20px;
    }
    .sidebar{
        width: 300px;
    }
    .sidebar-item:nth-child(n+2){
        margin-top: 20px;
    }
    .sidebar-item-content{
        margin-top: 15px;
    }
    .sidebar-related-item{
        float: none !important;
        margin: 0;
        width: 100%;
        margin-left: 0px !important;
    }
    .sidebar-related-item:nth-child(n+2){
        margin-top: 20px;
    }
    .sidebar-item:nth-child(2){
        margin-top: 25px;
    }
    .block-item-search{
        margin-bottom: 20px;
    }
    .close-popup-search{
        position: absolute;
        top: 15px;
        right: 15px;
        font-size: 30px;
        color: rgba(255,255,255,.8);
    }
    .search-form {
        position: absolute;
        width: 50%;
        margin: 0 auto;
        top: calc(50% - 25px);
        height: 50px;
        position: relative;
    }
    .search-input {
        width: 100%;
        height: 55px;
        outline: none;
        border: none;
        padding: 0 20px;
        color: #333;
        border-radius: 5px;
        border: 1px solid#d8d8d8;
    }
    .search-submit {
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 55px;
        border: none;
        outline: none;
        color: #fff;
        font-size: 20px;
        background-color: #00A8AB;
        border-radius: 0 5px 5px 0;
    }
    .service-item{
        width: calc((100% - 60px) / 3);
        margin-right: 30px;
        text-align: center;
    }
    .service-item:nth-child(3n+3){
        float: right;
        margin-right: 0px;
    }
    .service-icon{
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        background-color: #bd0000;
        font-size: 25px;
        border-radius: 100%;
        color: #fff;
        margin: 0 auto;
    }
    .service-item-title{
        margin-top: 10px;
    }
    .service-item-des{
        margin-top: 10px;
    }
/** order **/
    .order-top-right{
        width: 400px;
        border: 1px solid#D8D8D8;
        padding: 5PX;
        margin-top: 20px;
    }
    .order-top-left{
        width: calc(100% - 430px);
    }
    .order-top-right-title{
        color: #00A8AB;
        text-align: center;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 20px;
    }
    .order-item-col-header{
        color: #045f61;
        text-transform: uppercase;
        font-size: 20px;
        border-bottom: 1px solid#00A8AB;
        font-weight: 700;   
    }
    .order-item-col-content{
        padding:5px;
    }
    .order-item-col-content p{
        display: inline-block;
        width: 100%;
    }
    .order-top-item{
        width: 50%;
    }
    .order-top-left .form-ct-item{
        width: 100%;
        margin-top: 7px;
    }
    .order-item-col{
        display: block;
        width: 100%;
    }
    .order-top-item-right .form-ct-item-input input:nth-child(2)[type="radio"]{
        margin-left: 10px;
    }
    .form-ct-item-lb{
        margin-left: 15px;
    }
    .form-ct-item-header{
        font-size: 18px;
        color: #333;
        font-weight: 700;
    }
    .order-item-col-thanh-toan{
        height: 40px;
        line-height: 40px;
        background-color: #d8d8d8;
    }
    .order-item-title-thanhtoan{
        text-transform: uppercase;
        color: #000;
        font-size: 20px;
        padding-left: 5px;
    }
    .order-item-total{
        color:#000;
        font-size: 20PX;
        font-weight: 700;
        padding-right: 5px;
    }
    .form-ct-item-input select{
        width: 50%;
        height: 40px;
        line-height: 40px;
        color: #000;
        border: 1px solid#d8d8d8;
        padding: 0 10px;
        outline: none;
    }
    .form-ct-item-input input[type="radio"]{
        cursor: pointer;
    }
    .form-ct-item-input-number{
        position: relative;
        display: inline-block;
    }
    .order-top-item .form-ct-item-input-number input[type="number"]{
        width: 150px;
        height: 40px;
        padding: 0 10px;
        font-size: 18px;
        color: #000;
        outline: none;
        border: 1px solid#d8d8d8;
        display: inline-block;
        box-sizing: border-box;
        text-align: center; 
    }
    .order-top-item .form-ct-item-input-number input::-webkit-outer-spin-button,
    .order-top-item .form-ct-item-input-number input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    .btn-value-up, .btn-value-down {
        position: absolute;
        display: block;
        width: 40px;
        height: 38px;
        border-left: 1px solid #e8e8e8;
        background-color: #fff;
        z-index: 1;
        text-align: center;
        line-height: 38px;
        border: 1px solid#d8d8d8;
        cursor: pointer;
    }
    .btn-value-up:hover, .btn-value-down:hover{
        background-color: #d8d8d8;
    }
    .btn-value-down {
        top: 0px;
        left: 0px;
    }
    .btn-value-up {
        top: 0px;
        right: 0px;
    }
    .order-top-item-right-title{
        margin-top: 15px;
        font-size: 20px;
        text-transform: uppercase;
        color: #00A8AB;
        font-weight: 700;
    }
    .from-ct-item-bottom{
        border-bottom: 1px solid#00A8AB;
        margin-left: 15px;
    }
    .input-from-dtt{
        border-bottom: 1px solid#00A8AB;
    }
    .input-from-dtt:nth-child(2){
        border-bottom: none;
        margin-top: 5px;
    }
    .input-from-dtt label{
        font-weight: 700;
    }
    .order-bottom-head{
        text-align: center;
        margin-bottom: 15px;
    }
    .order-bottom-head span{
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .wpcf7-response-output{
    	color: #fff;
    }
    .order-bottom-content .form-ct-item-col2{
        width: calc((100% - 20px) / 2);
        margin-right: 20px;
    }
    .order-bottom-content .form-ct-item-col2:nth-child(2n+2){
        float: right;
        margin-right: 0px;
    }
    .order-bottom-content .form-ct-item-col2 input{
       width: 100%;
       height: 40px;
       padding:0 10px;
       outline: none;
       border: none;
       box-sizing: border-box;
    }
    .order-bottom-content .form-ct-item-col2:nth-child(n+3){
        margin-top: 15px;
    }
    .order-bottom-content .form-ct-item-submit{
        text-align: center;
        margin-top: 15px;
    }
    /**/
    .block-item-service{
        padding-bottom: 40px;
    }
    .icon-scroll{
        position: fixed;
        left: 20px;
        bottom: 15px;
        z-index: 1000;
    }
    .icon-scroll-list{
        position: absolute;
        top: -180px;
        left: 0px;
        width: 50px;
    }
    .icon-scroll-list-item {
        position: relative;
        display: block;
        width: 50px;
        height: 50px;
        color: #333;
        border-radius: 40px;
        box-shadow: 0 0 10px rgb(0 0 0 / 10%);
        box-sizing: border-box;
    }
    .icon-scroll-list-item img {
        width: 100%;
        height: 100%;
    }
    .icon-scroll-list-item:after {
        position: absolute;
        content: '';
        width: 56px;
        height: 56px;
        border-radius: 56px;
        top: -8px;
        left: -8px;
        z-index: -1;
        transition: all .5s;
        background-color: #d0a648;
        box-sizing: border-box;
        animation: phone-wave 1s infinite ease-in-out;
    }
    .icon-scroll-list-item:after{
        position: absolute;
        content: '';
        z-index: -1;
        width: 70px;
        height: 70px;
        top: -10px;
        left: -10px;
        border-radius: 100%;
        background-color: #01a9ac;
        transition: all .5s;
        animation: phone-wave 1s infinite ease-in-out;
    }
    .icon-back-top {
        position: fixed;
        bottom: 90px;
        right: 35px;
        width: 35px;
        height: 35px;
        border-radius: 0;
        line-height: 35px;
        text-align: center;
        color: #fff;
        font-size: 23px;
        font-weight: 300;
        opacity: 0;
        visibility: hidden;
        cursor: pointer;
        z-index: 20000;
        font-family: arial;
        background-color: #00a8ab;
        border: 1px solid #fff;
        transition: all ease-in-out .3s;
    }
    .icon-back-top-active {
        opacity: 1;
        visibility: visible;
        bottom: 100px;
    }
    /*phone*/
    .quick-alo-phone.quick-alo-show {
        visibility: visible;
    }
    .quick-alo-phone {
        position: fixed;
        visibility: hidden;
        background-color: transparent;
        height: 200px;
        width:82px;
        height:64px;
        cursor: pointer;
        z-index: 200000 !important;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        -webkit-transition: visibility .5s;
        -moz-transition: visibility .5s;
        -o-transition: visibility .5s;
        transition: visibility .5s;
        left: -40px; bottom: 100px;
    }
    .quick-alo-phone.quick-alo-green .quick-alo-ph-circle {
        border-color: #00a8ab;
        opacity: .99;
    }
    .quick-alo-ph-circle {
        width: 160px;
        height: 160px;
        top: 20px;
        left: 20px;
        position: absolute;
        background-color: transparent;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid rgba(30,30,30,0.4);
        opacity: .1;
        -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
        -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
        -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
        -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
        animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    .quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {
        background-color: #00a8ab;
        opacity: .75 !important;
    }
    .quick-alo-ph-circle-fill {
        width: 100px;
        height: 100px;
        top: 50px;
        left: 50px;
        position: absolute;
        background-color: #000;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid transparent;
        opacity: .1;
        -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
        -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
        -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
        -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
        animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    .quick-alo-phone * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
        background-color: #00a8ab;
    }
    .quick-alo-ph-img-circle {
        width: 60px;
        height: 60px;
        top: 70px;
        left: 70px;
        position: absolute;
        background: rgba(30,30,30,0.1) url("https://lh3.googleusercontent.com/-JOy-yF97fs4/V12KK2y0TyI/AAAAAAAAHCI/QBe8W2NTmIQ/s0/message503.png") no-repeat center center;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid transparent;
        opacity: .99;
        -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
        -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
        -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
        -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
        animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    .quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
        background-color: #00a8ab
    }
    .quick-alo-phone .topopup{
        position: relative !important;
    }
    .call-hotline{
        position: absolute;
        display: block;
        top: 77px;
        left: 90px;
        height: 50px;
        z-index: -1;
        line-height: 50px;
        background-image: linear-gradient(147deg,#a4fdff 0%,#0a5e5f 100%);
        border-radius: 50px;
        padding: 0 20px;
        padding-left: 50px;
        display: block !important;
        width: auto !important;
        white-space: nowrap;
        color: #fff;
        font-size: 18px;
        box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    }
@-moz-keyframes quick-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes quick-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}}@-o-keyframes quick-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes quick-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes quick-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}}@-o-keyframes quick-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes quick-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)}}@-o-keyframes quick-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-o-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
   
}
    @-webkit-keyframes phone-wave {
        0%{-webkit-transform:rotate(0) scale(0.5) skew(1deg);-webkit-opacity:.1}
        30%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);-webkit-opacity:.5}
        100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}
    }
        @keyframes phone_wave {
        0%{-webkit-transform:rotate(0) scale(0.5) skew(1deg);-webkit-opacity:.1}
        30%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);-webkit-opacity:.5}
        100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}
    }