.back-top{
    background: url(/public/host/media/files/shopxanh/background/bg-top.jpg) no-repeat center;
    min-height: 250px;
}

.about-section{
    padding: 10px;
    width: 60%;
}

/**
* =========================================== 
**/ 

/**
 
.em-ads-item .em-ads-img {
    border-color: #ec6a54;
}

**/  

 .em-ads-item .em-ads-img {
    position: absolute;
    right: 40px;
    top: -30px;
    width: 70px;
    height: 70px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border-style: solid;
    border-width: 2px;
}

a {
    color: #a1a1a1;
}

 .em-ads-item .em-ads-img img {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}


.em-effect-13 {
    /*display: inline-block;*/
    
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    margin-bottom: 35px;
}

.em-effect-13:before {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    z-index: 1;
    background: #0D793B;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    opacity: 0;
    filter: alpha(opacity=0);
}
.em-effect-13:hover:before {
    left: 0;
    right: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}


/**
* =========================================== 
**/ 




#pricing-table-area {
    background: rgba(0, 0, 0, 0) url("../image/4.jpg") no-repeat scroll center center / cover;
}
.single-price-table {
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.single-price-table:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.doller-sign {
    font-size: 18px;
    bottom: 0;
}
.duration {
    color: #4c5462;
    font-size: 12px;
    font-weight: 400;
    bottom: 0;
    text-transform: capitalize;
}
.plan-title {
    color: #fff;
    font-weight: 700;
    letter-spacing: 5px;
    margin: 0;
    padding: 20px 0;
}
.price-value {
    margin: 0;
    padding: 20px 0;
}
.pricing-content {
    padding: 40px 0;
}
.table-content li {
    color: #4c5462;
    margin-bottom: 15px;
}
.table-content li:last-child {
    margin-bottom: 0;
}
.pricing-footer {
    padding: 20px 0 30px;
    position: relative;
    z-index: 1;
    color: #000;
}
.pricing-footer .btn-grad:before {
    background: #fff none repeat scroll 0 0;
}
.pricing-footer .btn-grad:hover:before {
    background: transparent none repeat scroll 0 0;
}
.pricing-footer .btn {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.pricing-footer a:hover {
    color: #000;
}
.pricing-footer:after {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #0D793B 0%, #81ee8e 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #0D793B 0%, #81ee8e 100%) repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.pricing-footer:before {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #0D793B 0%, #87EB7F 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #0D793B 0%, #87EB7F 100%) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: -1;
}
.single-price-table:hover .pricing-footer:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single-price-table:hover .btn.btn-bordered-grad:after {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.single-price-table:hover .price-value {
    color: #ed6663;
}
.single-price-table:hover .pricing-footer p, .single-price-table:hover .pricing-footer a {
    color: #fff;
}
.ptb-120 {
    padding: 0px 0;
}
#pricing-table-area .section-heading{
    margin: 0 auto 80px;
    width: 60%;
}
#pricing-table-area .section-heading p{
    color: #4c5462;
}
#pricing-table-area .section-heading h2 {
    font-family: "Raleway", sans-serif;
    color: #4c5462;
    margin-top: 0px;
    font-style: normal;
    font-weight: 700;
}
#pricing-table-area .btn {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #0D793B 0%, #81ee8e 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #0D793B 0%, #81ee8e 100%) repeat scroll 0 0;
    border: 0 none;
    border-radius: 100px;
    color: #000;
    font-size: 16px;
    margin-right: 0;
    line-height: 1;
    outline: 0 none;
    padding: 13px 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 1;
}
#pricing-table-area{
    border-top: 2px solid #0D793B;
}
#pricing-table-area .pricing-footer:hover>.btn{
    color: #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
#pricing-table-area .btn.btn-bordered-grad:before{
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #0D793B 0%, #81ee8e 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #0D793B 0%, #81ee8e 100%) repeat scroll 0 0;
    border-radius: 100px;
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    top: -2px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: calc(100% + 4px);
    z-index: -2;
}

.transition-3s p{
    margin-bottom: 10px;
}
#pricing-footer:hover.btn{
    color: #fff;
}
#pricing-table-area .btn.btn-bordered-grad:after {
    background: #fff none repeat scroll 0 0;
    border-radius: 100px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: -1;
}
.blue-grad-bg-2{
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #0D793B 0%, #81ee8e 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #0D793B 0%, #81ee8e 100%) repeat scroll 0 0;
}
.transition-3s {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #4c5462;
}
.single-price-table:hover .pricing-footer:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single-price-table:hover .btn.btn-bordered-grad:after {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.single-price-table:hover .price-value {
    color: #ed6663;
}
.single-price-table:hover .pricing-footer p, .single-price-table:hover .pricing-footer a {
    color: #fff;
}
.ptb-120 {
    padding: 120px 0 0 0;
}
#pricing-table-area .section-heading{
    margin: 0 auto 80px;
    width: 100%;
}
#pricing-table-area .section-heading p{
    color: #4c5462;
}
#pricing-table-area .section-heading h2 {
    font-family: "Raleway", sans-serif;
    color: #4c5462;
    margin-top: 0px;
    font-style: normal;
    font-weight: 700;
}
#pricing-table-area .btn {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #0D793B 0%, #81ee8e 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #0D793B 0%, #81ee8e 100%) repeat scroll 0 0;
    border: 0 none;
    border-radius: 100px;
    color: #000;
    font-size: 16px;
    margin-right: 0;
    line-height: 1;
    outline: 0 none;
    padding: 13px 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 1;
}
#pricing-table-area{
    border-top: 2px solid #0D793B;
}
#pricing-table-area .pricing-footer:hover>.btn{
    color: #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
#pricing-table-area .btn.btn-bordered-grad:before{
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #0D793B 0%, #81ee8e 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #0D793B 0%, #81ee8e 100%) repeat scroll 0 0;
    border-radius: 100px;
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    top: -2px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: calc(100% + 4px);
    z-index: -2;
}

.transition-3s p{
    margin-bottom: 10px;
}
#pricing-footer:hover.btn{
    color: #fff;
}
#pricing-table-area .btn.btn-bordered-grad:after {
    background: #fff none repeat scroll 0 0;
    border-radius: 100px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: -1;
}
.blue-grad-bg-2{
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #0D793B 0%, #87EB7F 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #0D793B 0%, #87EB7F 100%) repeat scroll 0 0;
}

.blue-grad-bg-3{
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #ed6663 10%, #fea607 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #ed6663 10%, #fea607 100%) repeat scroll 0 0;
}

.transition-3s {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #4c5462;
}


/**
* =========================================== 
**/ 


/*------------------------------------------------------------------
    clients
-------------------------------------------------------------------*/
.clients {
    overflow: hidden; 
    margin: 0;
    padding: 0;
    list-style: none;
}

.clients li {
    position: relative;
    float: left;
    padding: 20px 0;
    text-align: center;
}

.clients li a img {
    width: 100%;
}

.clients li a,
.clients li img {
    display: block;
    width: 75%;
    margin-right: auto; 
    margin-left: auto;
}

.clients.grid-2 li {
    width: 50%;
}

.clients.grid-3 li {
    width: 33.33%;
}

.clients.grid-4 li {
    width: 25%;
}

.clients.grid-5 li {
    width: 20%;
}

.clients.grid-6 li {
    width: 16.66%;
}

/**/
.clients.angle-box.grid-2 li {
    width: 46%;
}

.clients.angle-box.grid-3 li {
    width: 29.33%;
}

.clients.angle-box.grid-4 li {
    width: 21%;
}

.clients.angle-box.grid-5 li {
    width: 16%;
}

.clients.angle-box.grid-6 li {
    width: 12.66%;
}

.clients.angle-box.grid-2 li,
.clients.angle-box.grid-3 li,
.clients.angle-box.grid-4 li,
.clients.angle-box.grid-5 li,
.clients.angle-box.grid-6 li {
    margin: 2%;
}

/**/
.clients.plus-box li:before {
    top: 0;
    right: -2px;
    height: 100%;
    border-right: 1px solid #ddd;
}

.clients.plus-box li:after {
    top: auto;
    right: 0;
    bottom: -1px;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #ddd;
}

.clients.plus-box li:after,
.clients.plus-box li:before,
.clients.angle-box li:after,
.clients.angle-box li:before {
    position: absolute; 
    content: "";
}

/**/
#clients-1 .item {
    margin: 20px;
}

#clients-1 .item img {
    display: block;
    width: 100%;
    height: auto;
}

#clients-1.owl-theme .owl-controls .owl-page span {
    background: #333;
}

/**/
.clients.angle-box li:before {
    top: 0;
    right: 1px;
    height: 100%;
    border-right: 1px solid #ddd;
}

.clients.angle-box li:after {
    top: auto;
    right: 1px;
    bottom: 1px;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #ddd;
}

.btn-style-2 {
    text-align: center;
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #0D793B 0%, #87EB7F 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #0D793B 0%, #87EB7F 100%) repeat scroll 0 0;
    border: 3px solid white;
    border-radius: 100px;
    color: white;
    font-size: 25px;
    margin-right: 0;
    line-height: 1;
    outline: 0 none;
    padding: 13px 108px;
    position: relative;
    
    text-decoration: none;    
    z-index: 1;
    
}


.em-effect-13::before {
    background: #0D53B4;
}

.new_title {
    text-align: left;
    margin-left: -10px;
    margin-right: -10px;
    min-height: 100%;
}

.title{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 22px 25px 22px 25px;
    position: relative;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background: #ed6663;
    margin-top: -20px;
    width: auto;

}

.title:after {
    content: "";
    height: 1px;
    width: 1px;
    border-style: solid;
    border-width: 5px;
    position: absolute;
    bottom: -10px;
    left: 0;
    border-color: #d95451 #d95451 transparent transparent;

}

.half-parallax::before {
    height: 100%;
}