/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/




.theme-item-button {
    text-align: center;
}
.theme-item-button a {
	padding: 8px 15px;
    font-size: 16px;
    border-radius: 50px;
    margin: 0 auto;
    border: 1px solid #fff;
}
.theme-item-button .btn-view-demo {
    background: #ff6600;
    margin-bottom: 15px;
}
.theme-item-button a.btn-view-detail {
    background: #5aba47;
}


.product-info .theme-item-overlay a {
    margin: -75px 0px 15px 15px;
    padding: 8px 15px;
    font-size: 16px;
    border-radius: 50px;
    margin: 0 auto;
    color: #fff;
    border: 1px solid #fff;
    background: #ff6600;
    margin-bottom: 15px;
}
/************************************/
.is-divider {
    display: none;
}
h1,h2,h3,h4,h5,h6,ul,li,a,p{
    color: #000;
}

.table-price .col {
    padding: 0 10px 30px;
}

.pricing-table {
    border-radius: 0px!important;
    border: 1px solid #ececec;
    background-color: rgb(255, 254, 244);
    padding-bottom: 15px;
    overflow: hidden;
}

.pricing-table .title {
    background-color: #ff9200;
    color: #fff;
}
.pricing-table .price {
    color: #ff2e2e;
    padding: 15px 0px 0px 0px;
    font-weight: 700;
    font-size: 25px;
}
.pricing-table .items .text {
    font-size: 14px;
    color: #000;
    border-bottom: 1px solid #f7f7f7;
}



.bullet-item .text strong{  
         
         font-weight:bold;
     -webkit-animation: my 700ms infinite;
     -moz-animation: my 700ms infinite; 
     -o-animation: my 700ms infinite; 
     animation: my 700ms infinite;}

@-webkit-keyframes my {
     0% { color: #F8CD0A; } 
     50% { color: #000;  } 
     100% { color: #F8CD0A;  } 
 }
 @-moz-keyframes my { 
     0% { color: #F8CD0A;  } 
     50% { color: #000;  }
     100% { color: #F8CD0A;  } 
 }
 @-o-keyframes my { 
     0% { color: #F8CD0A; } 
     50% { color: #000; } 
     100% { color: #F8CD0A;  } 
 }
 @keyframes my { 
     0% { color: #F8CD0A;  } 
     50% { color: #000;  }
     100% { color: #F8CD0A;  } 
 }
.button.primary {
    background-color: #0088cc;
}
 span.amount {
    color: red;
}
.quytrinh p {
    text-align: justify!important;
}
.taisao p {
    font-weight: 600;
    font-size: 15px;
    color: #12506f;
}
.number-so {
    border-radius: 50%;
    background: #ff9200;
    color: white;
    padding: 2px 6px;
}

.sec-infomation h2,
.sec-infomation h3{
    color: #fff;
}

.title-fooetr h3 {
    color: #f1f1f1;
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
}
.content-footer p {
    color: #fff;
    text-align: justify;
    margin-top: 25px;
    font-size: 14px;
}
.menu-footer li,
.infomation-contact li{
    border-bottom: 1px solid #313a44
}
.menu-footer li a,
.infomation-contact li{
    color: #fff;
    font-size: 14px;
}
.infomation-contact li span {
    color: #f0f304;
}
.menu-footer li a i,
.infomation-contact li  i{
    margin-right: 8px;
    color: #fff;
}

.sec-news .box-image {
    border: 1px solid #ddd;
    padding: 5px;
}



@media only screen and (max-width: 991px) {
    .button.primary {
        background-color: #0088cc;
        font-size: 9px;
    }
    .pricing-table .items {
        padding: 10px 0%;
    }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
   .pricing-table .title {
        font-size: 11px;
    }

}