.navbar-toggler img {
    width: 20px;
}

.navbar-toggler {
    outline: none !important;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none!important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none!important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none!important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none!important
    }
}

[class^="icon-"],
[class*="icon-"] {
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 0px;
    line-height: 30px;
    vertical-align: middle;
}

.icon-fb:hover {
    background-position: 0 -90px
}

.icon-tw {
    background-position: -120px -60px
}

.icon-tw:hover {
    background-position: -120px -90px
}

.icon-gg {
    background-position: -150px -60px
}

.icon-gg:hover {
    background-position: -150px -90px
}

.icon-em {
    background-position: -180px -60px
}

.icon-em:hover {
    background-position: -180px -90px
}

.rowfooter li {
    float: left;
    overflow: hidden;
    position: relative
}

.rowfooter li.connectus {
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.rowfooter li.connectus a.icon .fa {
    color: #37332e;
}

.rowfooter li.connectus h4 {
    display: block;
    line-height: 1.3em;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    padding: 0;
    text-transform: uppercase;
    text-align: center;
}

.rowfooter li.connectus span {
    display: block;
    width: 25px;
    height: 1px;
    background: #fff;
    margin: 0 auto
}

.rowfooter li.connectus figure {
    margin: 0;
    display: block;
    padding: 10px 0 0;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 13px;
    color: #fff;
    text-align: center;
    clear: both
}

.rowfooter li.connectus figure strong {
    font-weight: 700;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
}

.rowfooter li.connectus a {
    float: left;
    width: 30px;
    height: 30px;
    margin: 20px 0 20px 36px
}

.rowfooter li.connectus a.icon {
    display: inline-block; //border: 1px solid #94876a;
    text-align: center;
    line-height: 30px;
    float: none;
    margin: 24px 0 15px !important;
    background: #fff
}

.rowfooter li.connectus figure a {
    float: none;
    margin: 0;
    color: #000
}

.icon-fb {
    background-position: 0 -60px
}

.icon-cm {
    background-position: -30px -60px
}

.icon-yt {
    background-position: -60px -60px
}

.rowfooter li.connectus a:hover .icon-fb {
    background-position: 0 -90px
}

.rowfooter li.connectus a:hover .icon-cm {
    background-position: -30px -90px
}

.rowfooter li.connectus a:hover .icon-yt {
    background-position: -60px -90px
}



.rowfooter1 li {
    float: left;
    overflow: hidden;
    position: relative
}

.rowfooter1 li.connectus {
    display: block;
    overflow: hidden;
    width: 100%;
}

.rowfooter1 li.connectus a.icon .fa {
    color: #fff;
}

.rowfooter1 li.connectus h4 {
    display: block;
    line-height: 1.3em;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #82c4bb;
    padding: 0;
    text-transform: uppercase;
    text-align: left;
}

.rowfooter1 li.connectus span {
    display: block;
    width: 25px;
    height: 1px;

    margin: 0 auto
}

.rowfooter1 li.connectus figure {
    margin: 0;
    display: block;
    padding: 10px 0 0;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 13px;
    color: #898989;
    text-align: center;
    clear: both
}

.rowfooter1 li.connectus figure strong {
    font-weight: 700;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    color: #898989;
}

.rowfooter1 li.connectus a {
    float: left;
    width: 30px;
    height: 30px;
    margin: 20px 0 20px 36px
}

.rowfooter1 li.connectus a.icon {
    display: inline-block;
    background: #898989;
    text-align: center;
    line-height: 30px;
    float: none;
    margin: 15px 0 5px !important;
}

.rowfooter1 li.connectus figure a {
    float: none;
    margin: 0;
    color: #000
}

.rowfooter1 li.connectus a:hover .icon-fb {
    background-position: 0 -90px
}

.rowfooter1 li.connectus a:hover .icon-cm {
    background-position: -30px -90px
}

.rowfooter1 li.connectus a:hover .icon-yt {
    background-position: -60px -90px
}

#toTop {
    color: #fff;
    text-align: center;
    bottom: 30px;
    display: none;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    position: fixed;
    right: 35px;
    text-decoration: none;
    width: 40px;
    background: url(https://d706e6.claudeassets.com/20260113032041im_/https://myphamando.org/themes/mypham/images/to-top-arrow.png) no-repeat center;
    background-color: #000;
    text-transform: uppercase;
    z-index: 100
}

#toTop:hover {
    color: #fff;
    background-color: #000
}

.header-top-bar i.fa.fa-phone.color-x {
    margin-left: 15px;
    }.header-top-bar i.color-x {
        margin-right: 20px;
    }
    @media only screen and (max-width: 768px){
        .header-top-bar i.color-x {
            margin-right: 10px;
        }
    }
    .header-top-bar i{
        font-size: 23px;
    }
    .header-top-bar .center-top{
        position: relative;
        padding-top:3px;
    }
    .header-top-bar i:before{
        position: absolute;
        top:0px;
    }
    #top-lang{
        margin-top: -6px;
        color: #000;
        height: 30px;
        border: none;
        padding: 0 10px;
        font-weight: bold;
    }

    @font-face {
        font-family: myFirstFont;
        src: url('https://953d3b.claudeassets.com/20260113032041im_/https://myphamando.org/themes/mypham/css/nabila.ttf');
    }

    @media(min-width:1200px) {
        #footer .col-1 {

            width: 37%;
        }
        #footer .col-2 {

            width: 20%;
        }
        #footer .col-3 {

            width: 23%;
        }
    }

    .clear {

        clear: both;
    }

    .navbar-brand>img {
        display: block;
        max-height: 40px;
    }

    .ro-image {
        margin-top: 20px;
    }

    .ro-image img {
        border-radius: 50%;
    }

    a {
        color: #82c4bb;
    }

    a:hover {
        text-decoration: none;
    }

    img {
        max-width: 100%;
    }

    .title-section {
        text-align: center;
        color: #1e1e1e;
        text-transform: uppercase;
        font-size: 28px;
        font-weight: bold;
        margin: 30px 0px;
        display: inline-block;
        text-decoration: none;
        position: relative;
        line-height: 20px;
        letter-spacing: 2px;
        font-family: 'Roboto Condensed', sans-serif;
    }

    .title-section:hover {
        text-decoration: none !important;
        color: #1c6a07;
    }

    .title-section:before {
        width: 40px;
        height: 4px;
        content: '';
        background-color: #cdcecc;
        position: absolute;
        bottom: -15px;
        left: 50%;
        margin-left: -20px;
    }

    .title-section-page {
        text-align: center;
        color: #1e1e1e;
        text-transform: uppercase;
        font-size: 28px;
        font-weight: bold;
        margin: 30px 0px;
        display: inline-block;
        text-decoration: none;
        position: relative;
        line-height: 20px;
        letter-spacing: 2px;
        font-family: 'Roboto Condensed', sans-serif;
    }

    .title-sub {
        text-transform: uppercase;
        font-size: 22px;
        color: #34373e;
        line-height: 20px;
        margin-bottom: 20px;
        display: inline-block;
        font-weight: bold;
    }

    .title-box {
        font-family: serif;
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        color: #FFF;
        padding: 0px;
        margin: 0px;
        text-transform: uppercase;
    }

    a.title-box {
        line-height: 34px;
        color: #34373e;
    }

    .title-box-active {
        color: #82c4bb !important;
    }


    /** Header **/

    #header {
        background-color: #FFF;
    }
    .header-top-bar {
        height: 40px;
        /*border-bottom: 1px #e1e1e1 dashed;*/
        padding: 10px 0px;
        font-size: 12px;
        color: #fff;
        background: #464646;
    }

    .header-top-bar .menu-header-top a {
        color: #fff;
        margin-left: 20px;
    }
    .header-top-bar .menu-header-top a:hover{
        color:#82c4bb;
    }

    .navbar-brand {
        margin: 0px 0px;
        padding: 0px;
    }

    .navbar-main {
       /* padding: 25px 0px;*/
   }

   .navbar-main .navbar-nav .nav-link {
    color: #333;
}

.navbar-main .navbar-nav .nav-item.active>.nav-link,
.navbar-main .navbar-nav .nav-link:hover {
    color: ##000;
}

.navbar-main .navbar-nav>.nav-item>.nav-link {
    color: ##000;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px 17px;
    line-height: 20px;
}

.navbar-main .nav-item+.nav-item {
    margin-left: 0px;
}

.navbar-main .nav-main .navbar-nav-style>.nav-item {
    padding: 10px 0px;
}
.navbar-main .nav-main .navbar-nav-style>.nav-item:hover{
    background: #1c6a07;
}
.navbar-main .nav-main .navbar-nav-style>.nav-item:hover>a.nav-link{
    color: #fff;
}

.navbar-nav-style {
    float: left;
    margin-top: 0px;
}

.wrap-nav-toggler {
    padding-top: 0px;
}

.btn-search {
    background-color: rgba(0, 0, 0, 0);
    padding: 5px;
    color: #898989;
    position: relative;
    z-index: 2;
}

.search-box {
    position: relative;
    float: left;
    width: 36px;
    height: 36px;
}

.search-box .form-control {
    position: absolute;
    top: 100%;
    right: 0;
    visibility: hidden;
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
}

.search-box .btn-s1 {
    position: absolute;
    left: 10px;
}

.search-box .btn-s2 {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 10px;
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
}

.search-box:hover .form-control {
    visibility: visible;
}

.search-box:hover .btn-s2 {
    opacity: 1;
    visibility: visible;
}

.search-box:hover .btn-s1 {
    display: none;
}

.mini-cart {
    float: left;
    padding: 5px;
    padding-right: 15px;
    margin-left: 10px;
    position: relative;
}

.mini-cart>a {
    float: left;
    padding-left: 10px;
    color: #898989;
    border-left: 1px #ebebeb solid;
}

.mini-cart .cartCount {
    font-size: 12px;
    background-color: #82c4bb;
    border-radius: 50%;
    min-width: 18px;
    min-height: 18px;
    float: left;
    text-align: center;
    color: #FFF;
    position: absolute;
    left: 25px;
    top: -2px;
}

#main-header {
    padding: 15px;
}
@media only screen and (min-width: 992px){
    #main-header .center{
     padding: 50px 0 0;
 }
}
#main-header .center .social1 ul{
   padding-left: 10px;
   /*border-left:1px solid #666;*/
}
#main-header .center .btn-reg{
  border: 1px solid #e2e2e2;
  padding: 8px 9px;
  margin-left: 15px;
  font-weight: bold;
  font-size: 14px;
}
#main-header .center .btn-reg a{
    color: #333;
}
#main-header .center .btn-reg a:hover{
    color: #82c4bb;
}
#main-header .gio-hang{
	padding-top: 50px;
}
#main-header .search {
    float: left;
}
#main-header .search input {
    border: none;
    height: 38px;
    border: 1px solid #e2e2e2;
}
#main-header .search button {
    border: none;
    background: #1c6a07;
    width: 55px;
    height: 38px;
}
#main-header .search button  i{
	color: #fff;
}

#main-header .social1 ul li {
    display: inline-block;
    list-style: none;
    color: #000;
}
@media only screen and (min-width: 992px){
    #main-header .social1,#main-header .center .btn-reg,#main-header .search input{
        float: left;
    }
}
#main-header .social1 ul li a {
    color: #000;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e2e2e2;
    line-height: 40px;
    text-align: center;
}
#main-header .social1 ul li a:hover{
    background: #1c6a07;
    color: #fff;
}
/** End Header **/


/** Slideshow Banner **/

.wrap-banner .banner .img-banner {
    width: 100%;
}

.wrap-banner .banner {
    position: relative;
    background-color: #000;
    margin: 0px;
    height: 745px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.wrap-banner .banner .info-banner {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
}

.wrap-banner .banner:hover .info-banner {
    background-color: rgba(0, 0, 0, .1);
}

.wrap-banner .banner .info-banner .container {
    color: #FFF;
    -webkit-flex: 1;
    /* Safari */
    flex: 1;
}

.wrap-banner .banner .info-banner .container .text2 {
    font-size: 60px;
    text-transform: uppercase;
    font-weight: bold;
}

.text1 {
    font-family: myFirstFont;
    font-size: 39.59px;
    color: #FFF;
    text-decoration: none;
}

.wrap-pro-news {
    background-color: #f7f8f9;
}

.slideshow-product {
    text-align: center;
    margin-bottom: 0px;
    position: relative;
}

.slideshow-product .container {
    background-color: #FFF !important;
}


/*** Slide Product CSS ***/

.owl-pronew .owl-controls .owl-pagination {
    display: none;
}

.owl-pronew {
    padding: 0px 60px;
}

.owl-pronew .owl-controls .owl-buttons div {
    position: absolute;
    font-size: 50px;
    border-radius: 0px;
    color: #FFF;
    text-align: center;
    padding: 0px;
}

.owl-pronew .owl-controls .owl-buttons .owl-prosale-left,
.owl-pronew .owl-controls .owl-buttons .owl-prosale-right {
    float: left;
    width: 32px;
    height: 32px;
}

.owl-pronew .owl-controls .owl-buttons .owl-prev {
    left: 30px;
    top: 50%;
    margin-top: -60px;
    background: url(https://fbf2e7.claudeassets.com/20260113032041im_/https://myphamando.org/themes/mypham/images/owl-pron-btn-prev-min.png) no-repeat;
}

.owl-pronew .owl-controls .owl-buttons .owl-next {
    right: 30px;
    top: 50%;
    margin-top: -60px;
    background: url(https://94cd28.claudeassets.com/20260113032041im_/https://myphamando.org/themes/mypham/images/owl-pron-btn-next-min.png) no-repeat;
}


.owl-splquan .owl-pagination {
    display: none;
}

.owl-splquan .owl-buttons {}


.slideshow-product .product-box {
    padding: 10px 0px;
    overflow: hidden;
    position: relative;
}

.slideshow-product .product-box .pro-thumb {
    height: 180px;
    overflow: hidden;
    text-align: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    position: relative;
}

.slideshow-product .product-box .pro-thumb>a {
    width: 100%;
}

.slideshow-product .product-box .pro-thumb a img {
    max-width: 100%;
    max-height: 180px;
    -webkit-flex: 1;
    /* Safari */
    flex: 1;
    -webkit-transform: scale(1) rotateX(0deg);
    -moz-transform: scale(1) rotateX(0deg);
    -ms-transform: scale(1) rotateX(0deg);
    -o-transform: scale(1) rotateX(0deg);
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.slideshow-product .product-box:hover .pro-thumb a img {
    -webkit-transform: scale(1.2) rotateX(0deg);
    -moz-transform: scale(1.2) rotateX(0deg);
    -ms-transform: scale(1.2) rotateX(0deg);
    -o-transform: scale(1.2) rotateX(0deg);
}

.slideshow-product .product-box .pro-name a {
    color: #1f1e1e;
    font-size: 17px;
}

.slideshow-product .product-box .pro-name:hover a {
    color: #1c6a07;
    text-decoration: none;
}

.slideshow-product .product-box .pro-price {
    color: #e20515;
    font-size: 19px;
}


/** .slideshow-product .product-box:hover .pro-price {color: red;} **/


/*** Info pro ***/

.wrap-info-box-pro .container {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 60px 0px 30px 0px;
}

.box-info-pro {
    margin-bottom: 45px;
}

.box-info-pro img {
    margin-right: 30px;
    margin-bottom: 30px;
}

.box-info-pro .name {
    font-size: 16px;
    font-weight: bold;
    line-height: 23px;
    color: #32363f;
    text-transform: uppercase;
    font-family: serif;
}

.box-info-pro .discription {
    font-size: 14px;
    color: #898989;
    line-height: 21px;
    font-family: Arial, sans-serif;
}



/*** owl-prosale ***/

.wrap-pro-sale .product-box {
    padding: 30px 30px 50px 30px;
    margin: 10px 15px;
    background-color: #FFF;
    position: relative;
    overflow: hidden;
}

.wrap-pro-sale .product-box:before {
    background-color: #FFF;
    height: 100%;
    width: 100%;
    content: "";
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.8) rotateX(180deg);
    -moz-transform: scale(0.8) rotateX(180deg);
    -ms-transform: scale(0.8) rotateX(180deg);
    -o-transform: scale(0.8) rotateX(180deg);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 2;
    display: none;
}

.wrap-pro-sale .product-box:hover:before {
    opacity: 0.4;
    filter: alpha(opacity=40);
    -webkit-transform: scale(1) rotateX(0deg);
    -moz-transform: scale(1) rotateX(0deg);
    -ms-transform: scale(1) rotateX(0deg);
    -o-transform: scale(1) rotateX(0deg);
    visibility: visible
}

.wrap-pro-sale .product-box .pro-thumb {
    text-align: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
}

.wrap-pro-sale {
    padding: 50px 0px;
    text-align: center;
}

.wrap-pro-sale .title-section {
    color: #FFF;
}

.owl-prosale {
    padding: 10px;
}

.owl-prosale .owl-controls .owl-buttons div {
    position: absolute;
    font-size: 50px;
    border-radius: 0px;
    color: #FFF;
    text-align: center;
    padding: 0px;
}

.owl-prosale-left,
.owl-prosale-right {
    float: left;
    width: 31px;
    height: 57px;
}

.owl-prosale .owl-controls .owl-buttons .owl-prev {
    left: -50px;
    top: 45%;
    background: url('https://68744b.claudeassets.com/20260113032041im_/https://myphamando.org/themes/mypham/images/owl-prosale-btn-prev-min.png') no-repeat;
}

.owl-prosale .owl-controls .owl-buttons .owl-next {
    right: -50px;
    top: 45%;
    background: url('https://fdd487.claudeassets.com/20260113032041im_/https://myphamando.org/themes/mypham/images/owl-prosale-btn-next-min.png') no-repeat;
}



/** CSS OWL **/

.list-pro-buytop {
    list-style-type: none;
}

.list-pro-buytop .pro-item {
    line-height: normal;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.list-pro-buytop .pro-item .pro-thumb {
    text-align: center;
    width: 112px;
    height: 110px;
    float: left;
    margin-right: 20px;
    margin-top: 5px;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
}

.list-pro-buytop .pro-item img {
    max-width: 100%;
}

.list-pro-buytop .pro-item .pro-name {
    color: #34373e;
    font-size: 14px;
    line-height: 22px;
    font-family: serif;
}

.list-pro-buytop .pro-item .pro-name a {
    color: #34373e;
}

.list-pro-buytop .pro-item .summary {
    color: #898989;
    font-size: 14px;
    line-height: 22px;
    font-family: Arial, sans-serif;
}

.list-pro-buytop .pro-item .summary p {
    margin-bottom: 10px;
}

.list-pro-buytop .pro-item:hover .pro-name {
    color: #82c4bb;
    text-decoration: none;
}

.list-pro-buytop .pro-item .pro-price {
    color: #82c4bb;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    font-family: serif;
}




/*** Slide banner CSS ***/

.wrap-banner .owl-theme .owl-controls .owl-pagination {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.owl-theme .owl-controls .active span {
    background: #82c4bb;
}

.wrap-banner .owl-theme .owl-controls .owl-buttons div {
    display: none;
    position: absolute;
    font-size: 35px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .3);
    color: #FFF;
    border: 1px #FFF solid;
    text-align: center;
    padding: 0px;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.wrap-banner .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 50%;
    top: 45%;
    opacity: 0;
}

.wrap-banner .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 50%;
    top: 45%;
    opacity: 0;
}

.wrap-banner .owl-theme .owl-controls .owl-buttons .owl-next:hover,
.wrap-banner .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
    background-color: #82c4bb;
    color: #FFF;
}

.wrap-banner .owl-theme:hover .owl-controls .owl-buttons .owl-prev {
    left: 20px;
    opacity: 1;
}

.wrap-banner .owl-theme:hover .owl-controls .owl-buttons .owl-next {
    right: 20px;
    opacity: 1;
}






.product-box .pro-thumb {
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
}

.product-box .pro-thumb>a {
    width: 100%;
}

.product-box .pro-thumb a img {
    max-width: 100%;
    height: 250px;
    object-fit: contain;
    -webkit-flex: 1;
    /* Safari */
    flex: 1;
}

.product-box .pro-name {
    color: #34373e;
    font-size: 17px;
    line-height: 1.5;
    height: 54px;
    overflow: hidden;
    color: #34373e;
    overflow: hidden;
    margin: 0;
    text-align: center;
    font-weight: bold;
}

.product-box .pro-name a {
    color: #34373e;
}

.product-box .pro-price {
    color: #e20515;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    display: inline-block;
}

.product-box .pro-price-old {
    text-decoration: line-through;
    margin: 0px 10px;
    display: inline-block;
    color: #c2c2c2;
    font-size: 18px;
    font-family: serif;
}

.product-box .sale-flash {
    position: absolute;
    font-size: 14px;
    line-height: 20px;
    color: #FFF;
    padding: 13px 10px;
    text-align: center;
    top: 0;
    left: 0;
    background-color: #e20515;
    border-radius: 50%;
    min-width: 48px;
}

/*.product-box .sale-flash:before {
    content: '';
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #e20515;
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -7px;
    }*/

    .pro-action-btn {
        position: absolute;
        top: 50%;
        margin-top: -25px;
        left: 0;
        text-align: center;
        width: 100%;
        z-index: 3;
        overflow: hidden;
    }

    .pro-action-btn .btn {
        background-color: #34373e;
        color: #FFF;
        border-radius: 0px;
        opacity: 0;
        font-size: 14px;
        line-height: 20px;
        padding: 14px;
        transition: All 0.3s ease;
        -webkit-transition: All 0.3s ease;
        -moz-transition: All 0.3s ease;
        -o-transition: All 0.3s ease;
    }

    .pro-action-btn .btn:hover {
        background: #82c4bb;
    }

    .product-box:hover .pro-action-btn .btn {
        opacity: 1;
    }

    .left-to {
        transform: translate(-300px);
    }

    .right-to {
        transform: translate(300px);
    }

    .product-box:hover .pro-action-btn .left-to {
        transform: translate(0px);
    }

    .product-box:hover .pro-action-btn .right-to {
        transform: translate(0px);
    }





    .wrap-pro-all {
        text-align: center;
        padding: 50px 0px;
    }


    .wrap-pro-all .product-box {
        margin: 20px auto;
    }

    @media(min-width:1190px) {}

    .wrap-pro-all .product-box .pro-thumb {
        /**height: 240px;**/
        margin-bottom: 20px;
        position: relative;
    }

    .wrap-comment-customer {
        text-align: center;
        padding: 50px 0px;
        color: #FFF;
        background-size: cover;
        background-position: center;
    }

    .wrap-comment-customer .title-section {
        color: #FFF;
    }

    .comment-cust {
        padding: 30px;
        padding-top: 0px;
        background-repeat: no-repeat;
        background-position: center;
        color: #e0e0e0;
    }

    .comment-cust p {
        font-size: 16px;
        line-height: 22px;
        font-style: italic;
        padding: 5px 10px;
    }

    .comment-cust .customer-name {
        font-size: 16px;
        line-height: 22px;
        font-weight: bold;
        display: inline-block;
    }

    .nav-tabs-style {
        margin: 10px;
    }

    .nav-tabs-style .nav-item {
        padding-bottom: 10px;
        float: none;
        display: inline-block;
        position: relative;
    }

    .nav-tabs-style .nav-item:after {
        content: '';
        width: 5px;
        height: 5px;
        background-color: #b7b7b7;
        position: absolute;
        right: -2.5px;
        top: 10px;
    }

    .nav-tabs-style .nav-link {
        padding: 0px 25px;
        font-size: 14px;
        position: relative;
        font-weight: bold;
        text-transform: uppercase;
        color: #b7b7b7;
        line-height: 23.33px;
    }

    .nav-tabs-style .nav-link.active {
        color: #435061;
    }

    .nav-tabs-style .nav-item:last-child:after {
        display: none;
    }

    .btn-more {
        color: #1c6a07;
        position: relative;
        display: block;
        border: 1px solid #1c6a07;
        height: 37px;
        line-height: 37px;
        width: 148px;
        text-align: center;
        margin: 0 auto;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 14px;
    }
    .btn-more:hover {
        text-decoration: none;
    }

    .btn-more img {
        margin-bottom: 10px;
    }

    .news-item {
        position: relative;
        overflow: hidden;
    }

    .news-item .news-datetime {
        position: absolute;
        top: 6px;
        left: 6px;
        padding: 15px;
        background-color: #34373e;
        color: #FFF;
        z-index: 1;
        line-height: normal;
        text-transform: uppercase;
    }

    .news-datetime span {
        font-size: 30px;
    }

    .news-datetime p {
        font-size: 12px;
    }

    .news-item .news-img {
        padding: 5px;
        border: 1px #ebebeb solid;
        display: block;
        position: relative;
        margin-bottom: 25px;
    }

    .news-item .news-img img {
        width: 100%;
    }

    .news-item .news-title a {
        font-size: 16px;
        color: #34373e;
        font-family: serif;
        font-weight: bold;
        line-height: 22px;
    }

    .news-item .news-text {
        color: #898989;
        font-size: 14px;
        line-height: 22px;
        font-family: Arial, sans-serif;
    }

    .btn-style {
        border-radius: 0px;
        border: 1px #b7b7b7 solid;
        color: #898989;
        font-size: 12px;
        padding: 7.5px 15px;
        text-align: center;
    }

    .btn-style .fac {
        background: url(https://3722c0.claudeassets.com/20260113032041im_/https://myphamando.org/themes/mypham/images/btn-icon-min.png) no-repeat;
        width: 11px;
        height: 7px;
        display: inline-block;
    }

    .btn-style:hover {
        color: #FFF;
        background: #82c4bb;
        border: 1px #82c4bb solid;
    }

    .btn-style-active {
        min-width: 110px;
        color: #FFF;
        background: #82c4bb;
        border: 1px #82c4bb solid;
        padding: 14px 25px;
        font-family: serif;
    }

    .btn-style-active-black {
        min-width: 110px;
        color: #FFF;
        background: #1e1e1e;
        border: 1px #1e1e1e solid;
        padding: 14px 25px;
        margin-right: 10px;
        font-family: serif;
    }

    .btn-link {
        text-decoration: underline;
        font-style: italic;
        color: #3a3a3c;
    }

    .btn-link-a {
        text-decoration: underline;
        color: #898989;
    }

    .btn-link-a:hover {
        color: #82c4bb;
    }

    .widget-item {
        margin-bottom: 10px;
    }

    .widget-title {
        color: #FFF;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        text-transform: uppercase;
        font-family: sans-serif;
        padding-bottom: 20px;
        border-bottom:1px solid #fff;
    }

    .widget-menu {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    .widget-menu li {
        font-size: 14px;
        color: #fff;
        padding: 12px 0px;
    }

    .widget-menu li a {
        color: #fff;
        display: inline-block;
    }

    .widget-menu li a:hover {
        text-decoration: none;
        color: #82c4bb;
    }

    .color-x {
        color: #fff;
        text-transform: uppercase;
        margin-right: 5px;
    }

    .color-t {
        color: #ebebeb;
    }

    .info-website {
        margin-top: 10px;
        float: left;
        font-size: 14px;
        line-height: 34px;
        color: #989898;
        font-family: Arial, sans-serif;
        white-space: nowrap
    }

    @media screen and (max-width:480px) {
        .info-website {
            line-height: 25px;
            width: 100%
        }
    }

    .info-website a {
        color: #989898;
    }

    .wrap-section {
        padding: 50px 0px;
    }

    #footer {
        background-color: #3a3a3a;
        padding: 30px 0;
        color: #989898;
        background-repeat: no-repeat;
        background-position: right bottom;
    }

    html {
        overflow-x: hidden;
    }




/** Breadcrumb  
.bread-crumb {
background-color: #FFF;
margin-bottom: 0px;
}
.breadcrumb {
margin: 0;
padding: 15px 0;
background-color: #FFF;
border-radius: 0px;
border-bottom: 1px solid #ebebeb;
}
.breadcrumb > li > a {
color: #333333;
}
.breadcrumb > li+li:before {
color: #333333;
}
.breadcrumb > .active {
color: #9dcd54;
}
END Breadcrumb **/


/* BreadCrumbs */

.bread-crumb {
    background-color: #FFF;
    margin-bottom: 30px;
}

.breadcrumbs {
    margin: 0;
    font-size: 14px;
    padding: 10px 0px 10px 0px;
    background-color: #FFF;
    border-radius: 0px;
    border-bottom: 1px solid #e1e1e1;
}

.breadcrumbs li {
    display: inline;
}

.breadcrumbs li>a {
    color: #34373e;
}

.breadcrumbs li span {
    display: inline-block;
    color: #34373e;
    margin: 0px 5px;
}

.breadcrumbs li span .fa {
    color: #34373e;
}

.breadcrumbs li a:hover,
.breadcrumbs li.active,
.breadcrumbs li strong {
    color: #82c4bb;
    font-weight: normal;
}







.category {
    padding-bottom: 30px;
}


/** CSS Box-aside **/

.box-aside {
    margin-bottom: 30px;
}

.box-heading {
    padding: 5px 0px;
}

.box-heading h1 {
    line-height: 30px;
}

.box-heading h1 a.title-box {
    margin-bottom: 20px;
    line-height: 45px;
}

.box-aside>.box-heading {
    background-color: #82c4bb;
    overflow: hidden;
    padding: 15px;
}

.box-aside>.box-heading .fa {
    margin-right: 10px;
    cursor: pointer;
    padding: 5px;
}



.navbar-pills {
    border: 1px #ebebeb solid;
    border-top: 0px;
}

.navbar-pills li {
    border-top: 1px #ebebeb solid;
    position: relative;
    overflow: hidden;
    color: #c2c2c2;
}

.navbar-pills li:hover {
    background-color: rgba(156, 206, 98, .3);
}

.navbar-pills li a {
    position: relative;
    z-index: 1;
    margin: 15px;
    font-size: 14px;
    line-height: 24px;
    font-family: Arial, sans-serif;
    color: #464646;
}

.navbar-pills li.active>a {
    color: #82c4bb;
    font-weight: bold;
}

.navbar-pills li .fa {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 0px;
}

.navbar-pills li .fa:before {
    top: 20px;
    right: 20px;
    position: absolute;
}

.navbar-pills li.open:hover {
    background-color: #FAFAFA;
}

.navbar-pills li.open>.fa:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.navbar-pills li .dropdown-menu {
    padding: 0px;
    margin: 0px;
    min-width: 100%;
    border: 0px;
    border-top: 1px;
    opacity: 0;
    display: block;
    float: left;
    position: relative;
    max-height: 0px;
    overflow: hidden;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}

.navbar-pills li.open>.dropdown-menu {
    max-height: 1000px;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}


.navbar-pills li i.fa:active:hover {
    color: #fff;
    background-color: rgba(156, 206, 98, 1);
    border-color: #01315a;
}

.products-list {
    border: 1px #ebebeb solid;
    border-top: 0px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.products-list li {
    border-top: 1px #ebebeb solid;
}

.products-list li .product-box {
    padding: 18px;
    overflow: hidden;
}

.products-list li .product-box .pro-thumb {
    width: 75px;
    text-align: center;
    float: left;
    min-height: 70px;
    margin-right: 20px;
}

.products-list li .product-box .pro-thumb img {
    max-width: 100%;
    max-height: 100%;
}


.sortPagiBar {
    padding: 10px 20px;
    background-color: #ededed;
    margin-bottom: 30px;
}

.sortPagiBar .form-group {
    margin-bottom: 0px;
    float: right;
}

.view-mode {
    margin-top: 6px;
}

.button-view-mode {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    color: #c2c2c2;
    line-height: 0px;
    margin-right: 10px;
    padding: 0px;
    margin-bottom: 5px;
}

.button-view-mode.active {
    color: #82c4bb;
}

.button-view-mode:hover {
    color: #82c4bb;
}

.form-viewpro {
    font-size: 14px;
}

.form-viewpro .form-control {
    width: 240px;
    border-radius: 0px;
    border: 0px;
    margin-left: 10px;
}

.products-view-grid {
    text-align: center;
    margin-bottom: 30px;
}

.products-view-grid .product-box {
    padding: 0 20px;
    margin-bottom: 12px;
}

.products-view-grid .product-box .pro-thumb {
    height: 100%;
    margin-bottom: 6px;
    position: relative;
}

.products-view-grid .product-box .pro-thumb img {
    max-height: 220px;
}

.products-view-grid .product-box .pro-name {
    display: block;
}


.products-view-list {}

.products-view-list .product-box {
    border: 1px #ebebeb solid;
    padding: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}

.products-view-list .product-box .pro-thumb {
    height: 200px;
    text-align: center;
    position: relative;
}

.products-view-list .product-box .pro-thumb img {
    max-height: 200px;
}

.products-view-list .product-box .pro-summary {
    font-size: 12px;
    line-height: 22px;
    color: #898989;
    font-family: Arial, sans-serif;
    margin: 15px 0px;
}

.products-view-list .product-box .pro-action-btn {
    display: none;
}

.products-view-list .product-box .btn-style {
    border: 1px #e1e1e1 solid;
    padding: 10px 23px;
    margin-right: 10px;
    background-color: #FFF;
}

.products-view-list .product-box .btn-style:hover {
    background-color: #82c4bb;
}

.products-view-list .product-box .sale-flash {
    z-index: 9;
    top: -15px;
    left: 0px;
}

.products-view-grid .variants-list,
.products-view-grid .pro-summary {
    display: none;
}

.products-view-list .pro-thumb {
    width: 33.33%;
    float: left;
    margin-right: 30px;
}

.products-view-list .product-box .sale-flash {
    left: -15px;
}


/** article-details **/

.article-details {
    margin-bottom: 130px;
}

.article-item {
    margin-top: 30px;
    margin-bottom: 40px;
}

.article-image {
    margin-bottom: 30px;
}

.article-image a img {
    width: 100%;
}

.article-title {
    line-height: normal;
    padding: 0;
    margin-bottom: 20px;
    line-height: 24px;
}

.article-title a {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: #34373e;
    font-family: serif;
}

.article-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: #34373e;
    font-family: serif;
}

.article-title a:hover {
    color: #82c4bb;
}

.article-info {
    font-size: 14px;
    font-family: Arial, sans-serif;
    line-height: 24px;
    color: #898989;
    font-style: italic;
}

.article-summary,
.article-content {
    font-size: 14px;
    line-height: 24px;
    color: #898989;
}

.article-item .btn-style {
    padding: 8px 15px;
    display: inline-block;
}

.article-details p {
    margin-bottom: 10px;
}

.article-details .article-image {
    position: relative;
}

padding: 15px;
background-color: #34373e;
color: #FFF;
z-index: 1;
line-height: normal;
text-transform: uppercase;

}

.article-details .article-content {
    margin-bottom: 50px;
}

/** article-details **/
.pagination {
    padding: 0px;
    margin: 0px;
}
.pagination .page-link {
    margin: 4px;
    padding: 6px 14px;
    font-size: 14px;
    line-height: 24px;
    font-family: serif;
    color: #333;
}
.pagination .page-item.active .page-link {
    background-color: #82c4bb;
    border-color: #82c4bb;
    color: #FFF;
}
.pagination .page-item:last-child .page-link {
    border-radius: 0px;
}
.pagination .page-item:first-child .page-link {
    border-radius: 0px;
}





/** Css Form comment **/
#article-comments {
    margin-top: 30px;
}
#article-post-comment {
    margin-top: 20px;
    padding: 30px 0px;
    border-top: 1px #e1e1e1 solid;
}
.title-form-coment {
    font-size: 18px;
    line-height: 18px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #363533;
}
.form-control-lg {
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, sans-serif;
    border-radius: 0px;
}

#article-comments .article-comment .article-comment-user-image {
    width: 74px;
    margin-right: 25px;
    margin-bottom: 25px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
}
.article-comment {
    border-bottom: 1px #e1e1e1 solid;
    margin: 15px 0px;
    padding: 15px 0px;
    overflow: hidden;
}
.article-comment>.article-comment {
    margin-left: 100px;
    border-top: 1px #e1e1e1 solid;
    border-bottom: 0px;
}
.article-comment:last-child {
    border-bottom: 0px !important;
}
.article-comment-user-comment {
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, sans-serif;
    color: #898989;
}
.article-comment-user-comment .user-name-comment {
    font-size: 14px !important;
    color: #363533;
}
.article-comment-date-bull {
    font-style: italic;
}


.elevate-image {
    width: 100%;
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    padding: 30px;
}
.elevate-image img {
    max-width: 100%;
    height: auto;
}
.elevate-image .mask-img-zoom {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}
.imgthumb-prolist {
    position: relative;
    margin-left: -6px;
    margin-right: -6px;
    text-align: center;
}
.imgthumb-prolist .owl-controls .owl-pagination {
    display: none;
}
.imgthumb-prolist a {
    border: 1px solid #ebebeb;
    margin: 0px 6px;
    padding: 10px;
    display: block;
    height: 127px;
    text-align: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
}
.imgthumb-prolist a:hover {
    border: 1px solid #82c4bb;
}
.imgthumb-prolist a img {
    max-height: 100%;
    -webkit-flex: 1;
    /* Safari */

    flex: 1;
}
.zoomGalleryActive {
    border: 1px solid #82c4bb !important;
}



/** product Details **/
.details-pro .product-name {
    font-family: serif;
    font-size: 22px;
    line-height: 20px;
    color: #1e1e1e;
    margin-bottom: 20px;
}
.details-pro .product-price {
    font-family: serif;
    font-size: 24px;
    line-height: 20px;
    color: #82c4bb;
    font-weight: bold;
    margin-right: 20px;
}
.details-pro .product-price-old {
    font-family: serif;
    font-size: 24px;
    line-height: 20px;
    color: #c2c2c2;
    text-decoration: line-through;
}
.details-pro .product_description {
    font-size: 12px;
    line-height: 24px;
    color: #898989;
    font-family: Arial, sans-serif;
    margin: 15px 0px;
    margin-bottom: 30px;
}
.details-pro .form-group {
    border: 1px #ebebeb solid;
    border-left: 0px;
    border-right: 0px;
    padding: 24px 0px;
    overflow: hidden;
}
.details-pro .form-control {
    margin: 0px 5px;
    margin-right: 5px;
    float: left;
    width: 70px;
    border-radius: 0px;
    border: 1px #ebebeb solid;
    height: 40px;
}
.details-pro .btn-ipnb {
    float: left;
    border-radius: 0px;
    background-color: #FFF;
    border: 1px #ebebeb solid;
    height: 40px;
}

.form-product {
    margin-bottom: 30px;
}
.form-product .selector-wrapper label {
    color: #898989;
    font-size: 14px;
}
.form-product .selector-wrapper {
    font-size: 14px;
}
.form-product .selector-wrapper label {
    width: 90px;
}
.form-product .selector-wrapper .single-option-selector {
    width: 120px;
    height: 40px;
}
.form-product .form-control-label {
    color: #898989;
    font-size: 14px;
    width: 94px;
    float: left;
    padding-left: 0px;
}

.nav-tab-detailspro {
    margin-top: 50px;
    border-color: #ebebeb;
}
.nav-tab-detailspro .nav-link {
    font-family: serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    border-radius: 0px;
    padding: 10px 60px;
    color: #6f6f6e;
}
.nav-tab-detailspro .nav-link.active {
    color: #82c4bb;
    border-color: #ebebeb;
    border-bottom: 0px;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
    color: #82c4bb;
    border-top: 2px #7d7d7d solid;
}
.tab-content-detailspro {
    border: 1px #ebebeb solid;
    border-top: 0px;
    margin-bottom: 40px;
}
.tab-content-detailspro .tab-pane {
    padding: 40px;
}

/** END product Details **/

/** CART **/
.cart {
    margin-bottom: 100px;
}
.cart th {
    text-align: center;
}
.table-cart {
    border: 1px #ebebeb solid;
    font-size: 15px;
    margin-bottom: 0px;
}
.table-cart img {
    min-width: 100px;
    max-width: 160px;
}
.table-cart .thead-default th {
    background-color: #ebebeb;
}
.table-cart td,
.table-cart th {
    border-top: 1px #ebebeb solid;
}
.table-cart th,
.table-cart td {
    vertical-align: middle !important;
}
.inp-number {
    border-radius: 0px;
    background-color: #FFF;
    border: 1px #ebebeb solid;
    max-width: 50px;
    padding-left: 10px;
    text-align: center;
}
.cart .btn-style-active:hover {
    background-color: #1e1e1e !important;
}

/** END CART **/
#my-orders-table a,
#order_details a {
    color: #82c4bb;
}


/** form-signup **/
.signup {
    margin-bottom: 300px;
}
.form-signup {
    font-size: 12px;
    color: #898989;
    margin-top: 10px;
}
.form-signup .form-group {
    margin-bottom: 30px;
    margin-right: 30px;
}
.form-signup .form-group label span {
    color: red;
    font-weight: bold;
}
.form-signup .form-group input,
.form-signup .form-group textarea {
    border-radius: 0px;
    border-color: #ebebeb;
}

/** END form-signup **/

/** contact **/
.contact {
    margin-bottom: 60px;
}
.box-maps {
    margin-bottom: 30px;
}

/** END contact **/
.category,
.blog,
.article,
.product,
.cart,
.signup {
    margin-top: 30px;
    margin-bottom: 30px;
}

.product-price {
    font-family: serif;
    font-size: 18px;
    line-height: 20px;
    color: #82c4bb;
    font-weight: bold;
}

.fancybox-close {
    background-image: url('https://3762a8.claudeassets.com/20260113032041im_/https://myphamando.org/themes/mypham/images/fancybox_sprite_x.png');
    background-repeat: no-repeat;
    background-position: center;
    top: 0px;
    right: 0px;
}

/**
font-family:  serif;
font-family: Arial,sans-serif;   
**/

/** MEnu main **/
.nav-main ul.navbar-nav-style .nav-item {
    position: relative;
}
.nav-main ul.navbar-nav-style .nav-item .nav-item {
    float: none;
    padding: 0px 10px;
    white-space: nowrap;
}
.nav-main ul.navbar-nav-style .nav-item .nav-item+.nav-item {
    margin-left: 0px;
}
.nav-main ul.navbar-nav-style .nav-item .nav-link {
    position: relative;
    z-index: 1;
}
.nav-main ul.navbar-nav-style .nav-item .fa {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 0px;
}
.nav-main ul.navbar-nav-style .nav-item .fa:before {
    top: 10px;
    right: 20px;
    position: absolute;
    color: #898989;
}
.nav-main ul.navbar-nav-style .nav-item .dropdown-menu {
    min-width: 250px;
}

/** MEnu main **/
.table-responsive {
    margin-top: 20px;
}
.item-pro-cart {
    font-size: 15px;
    color: #333;
    min-width: 200px;
    display: inline-block;
}

.block-account {
    padding: 20px;
    border: 1px #ebebeb solid;
}

.sodiachi .form-signup .form-group {
    margin-bottom: 15px;
    margin-right: 0px;
}


.tag_article,
.social-media {
    float: left;
    font-size: 14px;
    line-height: 30px;
    color: #34373e;
    margin-bottom: 30px;
}
.tag_article h2,
.social-media h2 {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #34373e;
}
.tag_article a,
.social-media a {
    color: #34373e;
}
.tag_article a:hover,
.social-media a:hover {
    color: #82c4bb;
    text-decoration: none;
}
.social-media ul {
    list-style-type: none;
    padding: 0px;
    display: inline-block;
}
.social-media ul li {
    display: inline-block;
}
.social-media ul li a {
    padding: 0px 6px;
}

.jssocials-share {
    font-size: 14px;
    color: #acacac;
}
.jssocials-share a:hover {
    color: #82c4bb;
}
.jssocials-share {
    margin: 0px 10px;
    line-height: 26px;
}
.jssocials-shares {
    margin: 0px;
}

.pad-widget {
    padding: 6px 0px !important;
}



@media (max-width: 543px) {
    .title-section {
        line-height: 38px;
    }

    .wrap-banner .banner {
        height: 290px !important;
    }

    .wrap-banner .banner .info-banner .container .text1 {
        font-size: 30px;
    }

    .wrap-banner .banner .info-banner .container .text2 {
        font-size: 40px;
    }

    .slideshow-product {
        padding: 0px 0px;
        background-color: #FFF;
        padding-bottom: 10px;
    }

    .box-info-pro {
        padding: 0px 40px;
        margin-bottom: 0px;
    }

    .box-info-pro img {
        margin-right: 0px;
    }

    .owl-infopro .owl-controls .owl-pagination {
        display: none;
    }

    .wrap-pro-sale {
        padding: 0px;
    }

    .wrap-pro-sale .product-box .pro-thumb {
        height: 280px;
    }

    .form-viewpro .form-control {
        margin-left: 0px;
    }

    .slideshow-product {
        margin-top: 0px !important;
    }

    #footer {
        padding-top: 20px;
        padding-bottom: 30px;
        background-position: left bottom;
    }

    .row-slide-sale {
        margin-left: 0px;
        margin-right: 0px;
    }

    .wrap-pro-all {
        padding: 20px 0px 60px 0px;
    }

    .nav-tabs-style {
        margin: 0px;
    }

    .nav-tabs-style .nav-link {
        padding: 0px 5px;
    }

    .nav-tabs-style .nav-item:after {
        right: -4.5px;
    }

    #footer .widget-item {
        margin: 0px 0px 0px 0px !important;
    }

    #footer .widget-item.info-contact {
        border-bottom: 0px;
    }

    #footer .widget-item .widget-title {
        padding: 20px 0px;
        display: block;
        margin-bottom: 0px;
        text-align: center;
    }

    #footer .widget-menu {
        margin-top: 0px;
    }

    .widget-title .fa {
        float: right;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    .widget-title.collapsed .fa {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
    }

    a.widget-title {
        color: #FFF;
    }

    .nav-tabs-style .nav-link {
        font-size: 13px;
        font-weight: normal;
    }

    .comment-cust {
        padding: 0;
    }
}

@media (min-width: 544px) {
    #footer {
        background-size: 186%;
    }
}

@media (max-width: 767px) {
    .wrap-pro-all .container .tab-content .tab-pane div:nth-child(2n+1) {
        clear: both;
    }
}

@media (min-width: 768px) {
    .index-news:nth-child(2) {
        display: none;
    }
}

@media only screen and (min-width: 544px) and (max-width: 991px) {

    .products-view-grid .row .col-sm-6:nth-child(2n+1) {
        clear: both;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .wrap-pro-all .container .tab-content .tab-pane div:nth-child(3n+1) {
        clear: both;
    }
}

@media (max-width: 991px) {
    /** #footer {padding-bottom: 320px;} **/

    .header-top-bar,
    .navbar-main {
        /*background-color: #FFF;*/
        text-align: center;
    }

    .wrap-nav-toggler {
        width: 100%;
        float: left;
        margin: 30px 0px 0px 0px;
        padding-bottom: 10px;
        background-color: #1e1e1e;
    }

    .wrap-nav-toggler .navbar-toggler {
        color: #FFF;
    }

    .wrap-nav-toggler:before {
        content: '';
        width: 100%;
        min-height: 58px;
        position: absolute;
        margin-top: -10px;
        left: 0%;
        z-index: -1;
        background-color: #1e1e1e;
    }
    /** .wrap-nav-toggler:after {content: ''; width: 100%; height: 100%; position: absolute; top: 0; right: -100%; z-index: -1; background-color: #1e1e1e;} **/

    .search-box .form-control {
        position: absolute;
        width: 200px;
        top: 0px;
        right: -5px;
        z-index: 1;
    }

    .navbar-main {
        padding: 20px 0px 0px 0px;
        position: relative;
    }
    /** .navbar-toggler {margin: 10px 5px;} **/

    .navbar-brand {
        float: none;
        margin-right: 0px;
        display: inline-block;
    }

    .navbar-brand img {
        display: inline-block;
        max-width: 100%;
    }

    .btn-search {
        color: #FFF;
    }

    .mini-cart a {
        color: #FFF;
    }

    .search-box:hover .btn-search {
        color: #898989;
    }

    .navbar-nav-style {
        width: 100%;
        float: left;
    }

    .navbar-nav-style .nav-item {
        float: none;
    }

    .navbar-nav-style .nav-item+.nav-item {
        margin-left: 0px;
    }


    .widget-item {
        margin-bottom: 70px;
    }

    .wrap-banner .banner .info-banner .container .text1 {
        font-size: 30px;
    }

    .wrap-banner .banner .info-banner .container .text2 {
        font-size: 50px;
    }

    .slideshow-product {}

    .wrap-info-box-pro .container {
        background-position: -100%;
    }

    .wrap-banner .banner {
        height: 600px;
    }

    .wrap-comment-customer {
        padding: 0px;
        padding-bottom: 40px;
    }

    .form-signup .form-group {
        margin-right: 0px;
    }

    .form-signup {
        margin-bottom: 30px;
    }

    .table-responsive {
        margin-bottom: 30px;
    }

    .imgthumb-prolist {
        margin-bottom: 30px;
    }
    /** MEnu main **/

    .navbar-nav-style {
        width: 100%;
        float: left;
        text-align: left;
    }

    .navbar-nav-style .nav-item {
        float: none;
        overflow: hidden;
    }

    .navbar-nav-style .nav-item+.nav-item {
        margin-left: 0px;
    }

    .nav-main>ul.navbar-nav-style>.nav-item {
        background-color: #FFF;
    }

    .nav-main>ul.navbar-nav-style>.nav-item .nav-link {
        margin-left: 10px;
    }

    .nav-main ul.navbar-nav-style .nav-item .nav-link {
        display: inline-block;
    }

    .nav-main ul.navbar-nav-style .nav-item {
        border-top: 1px #F1F1F1 solid;
    }

    .nav-main ul.navbar-nav-style .nav-item .dropdown-menu {
        width: 100%;
        position: relative;
        border-radius: 0px;
        border: 0px;
        padding: 0px;
        margin: 0px;
    }

    .nav-main ul.navbar-nav-style li.open>i.fa:before {
        color: #000;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }
    /** MEnu main **/

    .list-pro-buytop {
        float: left;
        margin-bottom: 50px;
    }

    .news-item {
        margin-bottom: 30px;
    }

    .form-viewpro .form-control {
        width: 150px !important;
    }

    .zoomContainer {
        display: none;
    }

    .nav-tab-detailspro li.nav-item {
        float: none;
    }

    .nav-tab-detailspro .nav-link {
        padding: 10px;
    }

    .nav-tab-detailspro .nav-item+.nav-item {
        margin-left: 0rem;
    }

    .nav-tab-detailspro .nav-item .nav-link {
        border-color: #eceeef #eceeef #ddd;
    }
    /** .owl-buttons {
	display:none;
    } **/

    .owl-pronew .owl-controls .owl-buttons .owl-next {
        right: 0px;
    }

    .owl-pronew .owl-controls .owl-buttons .owl-prev {
        left: 0px;
    }
    /* .owl-prosale .owl-controls .owl-buttons {display:none;} */

    .owl-prosale .owl-controls .owl-buttons .owl-next {
        right: 0px;
    }

    .owl-prosale .owl-controls .owl-buttons .owl-prev {
        left: 0px;
    }


    .owl-splquan .owl-buttons {
        display: block;
    }

    .owl-splquan .owl-controls {
        margin-top: -42px;
        top: 0;
        right: 10px;
        position: absolute;
    }

    .owl-splquan .owl-controls .owl-buttons div:hover {
        background: #82c4bb;
    }

    .owl-prosale .owl-controls .owl-buttons .owl-prev,
    .owl-prosale .owl-controls .owl-buttons .owl-next {
        background-color: rgba(0, 0, 0, .3);
        width: 35px;
        margin: 10px;
        box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, .3);
        width: 35px;
        height: 40px;
        background-position: center;
    }
}

@media (min-width: 992px) {
    .wrap-banner .owl-theme .owl-controls .owl-pagination {
        display: none;
    }

    .slideshow-product {
        min-height: 390px;
        margin-top: -110px;
    }

    #footer {
        background-size: 100%;
    }

    .owl-prosale .owl-controls .owl-pagination {
        display: none;
    }

    .table-responsive {
        margin-bottom: 20px;
    }

    .index-news:nth-child(2) {
        display: block;
    }
    /** MEnu main **/

    .nav-main>ul.navbar-nav-style>.nav-item>.fa {
        display: none;
    }

    .nav-main ul.navbar-nav-style .nav-item .dropdown-menu .dropdown-menu {
        margin-left: 100%;
        top: 0;
    }

    .nav-main ul.navbar-nav-style .nav-item .dropdown-menu {
        margin: 0px;
        padding: 0px;
        border-radius: 0px;
        border: 0px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
    }

    .nav-main ul.navbar-nav-style .nav-item .dropdown-menu {
        opacity: 0;
        display: block;
        visibility: hidden;
        -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
        transition: opacity 0.5s, transform 0.5s;
        -webkit-transform: translate(0, 60px);
        -moz-transform: translate(0, 60px);
        -o-transform: translate(0, 60px);
        -ms-transform: translate(0, 60px);
        transform: translate(0, 60px);
    }

    .nav-main ul.navbar-nav-style .nav-item .nav-item .dropdown-menu {
        -webkit-transform: translate(60px, 0);
        -moz-transform: translate(60px, 0);
        -o-transform: translate(60px, 0);
        -ms-transform: translate(60px, 0);
        transform: translate(60px, 0);
    }

    .nav-main ul.navbar-nav-style .nav-item:hover>.dropdown-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .nav-main ul.navbar-nav-style .nav-item:hover>.dropdown-menu {
        display: block;
    }

    .nav-main ul.navbar-nav-style .nav-item .nav-item:hover {
        background-color: #1c6a07;
    }

    .nav-main ul.navbar-nav-style .nav-item .nav-item:hover>a {
        color: #FFF;
    }

    .nav-main ul.navbar-nav-style .nav-item .nav-item:hover .fa:before {
        color: #FFF;
    }
    /** MEnu main **/

    .wrap-pro-all .container .tab-content .tab-pane div:nth-child(4n+1) {
        clear: both;
    }

    .products-view-grid .row .col-lg-4:nth-child(3n+1) {
        clear: both;
    }



    .owl-splquan .owl-buttons {
        display: none;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar-main .navbar-nav>.nav-item>.nav-link {
        margin: 0px 15px;
    }
}

@media (max-width: 1199px) {}

@media (min-width: 1200px) {}

.btn-cart {
    margin-right: 10px;
}
.price-box {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    margin-top: 15px;
}
.special-price {
    float: left;
}
.old-price {
    float: left;
}

@media (max-width: 480px) {
    .products-view-list form .btn-style {
        width: 100% !important;
        margin-right: 0px !important;
        margin-bottom: 10px;
    }
}











/* Top Shopping Cart */
.glyphicon-shopping-cart:before {
    font-size: 14px;
    color: #fff;
    background: #82c4bb;
    margin-right: 12px;
    padding: 6px 10px;
    border-radius: 2px;
}
.mini-products-list .product-image {
    float: left;
}
.mini-products-list .detail-item {
    margin-left: 92px;
}
.top-cart-content .product-name {
    margin: 0;
    width: 150px;
    line-height: 1;
    padding: 0 0 5px 0;
}
.top-cart-content .product-name a {
    font-size: 13px;
    line-height: normal;
    font-weight: normal;
    color: #333;
}
.top-cart-content .product-name a:hover {
    color: #000000;
    text-decoration: none;
}
.top-cart-contain .price {
    color: #82c4bb;
    text-transform: uppercase;
}
.top-cart-contain .mini-cart .price {
    margin-right: 5px;
    font-size: 16px;
    font-weight: bold;
}
.top-cart-contain .product-details .price {
    color: #82c4bb;
    width: auto;
    float: none;
    font-weight: normal;
    padding-left: 0px;
    font-size: 12px;
}
.mini-cart:hover .top-cart-content {
    display: block;
}
.mini-cart {
    text-align: center;
    margin: 0px 0px 0px 0px;
}
.mini-cart .dropdown-toggle {
    font-size: 12px;
    padding: 0;
    text-transform: none;
}
.mini-cart .basket a {
    color: #fff;
    margin: 0px;
    line-height: 41px;
    font-size: 11px;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    min-width: 170px !important;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.mini-cart .basket a:hover {
    text-decoration: none;
}
.mini-cart .basket .title {
    color: #2e3a47;
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: normal;
}
.mini-cart .basket .cart-box {
    display: inline-block;
}
.mini-cart .basket .cart-box #cart-total {
    color: #777;
    text-transform: none;
    margin: 0px 0px 0px 5px;
}
.top-cart-contain {
    color: #333;
    margin: 22px 0px 0px 0px;
    padding: 0;
    right: 0;
    z-index: 1000;
}
.top-cart-content .empty {
    text-align: left;
    color: #333;
}
.top-cart-content {
    display: none;
    width: 300px;
    position: absolute;
    top: 33px;
    right: 0px;
    background: #fff;
    padding: 0;
    text-align: left;
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4);
    z-index: 10000;
}
.top-subtotal {
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    padding: 12px 15px;
    text-align: left;
    text-transform: none;
    /** border-bottom: 1px #ddd solid;
    border-top: 1px #ddd solid; **/
}
.top-cart-content .block-subtitle {
    color: #333;
    overflow: hidden;
    padding: 15px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    background: #f5f5f5;
    text-transform: none;
    font-weight: normal;
    /** border-bottom: 1px #ddd solid; **/
}
ul#cart-sidebar {
    padding: 8px 15px 0 15px;
    margin: 0px;
    max-height: 575px;
    overflow-y: auto;
}
ul#cart-sidebar::-webkit-scrollbar {
    width: 5px;
}

ul#cart-sidebar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .9);
}

ul#cart-sidebar::-webkit-scrollbar-thumb {
    background: #82c4bb;
    border-radius: 15px;
}

ul#cart-sidebar::-webkit-scrollbar-thumb:hover {
    background: #82c4bb;
    border-radius: 15px;
}

ul#cart-sidebar::-webkit-scrollbar-thumb:active {
    background: #82c4bb;
    border-radius: 15px;
}
.li-fix-1 {
    background: #FFF;
    width: 295px;
    display: block;
}
.li-fix-2 {
    display: block;
    width: 295px;
}
.top-cart-content li {
    list-style: none;
}
.top-cart-content li.item {
    border-bottom: 1px solid #eee;
    margin: 5px 0px 10px;
    overflow: hidden;
    padding: 0px 0px 10px 0px;
}

.top-cart-content li.item:last-child {
    margin: 0px;
    border-bottom: 0px #eee solid;
}
.top-cart-content .product-details {
    color: #333333;
    position: relative;
    text-align: left;
    padding: 0px;
}
.mini-products-list .detail-item .product-details-bottom .price {
    color: #82c4bb;
    font-size: 12px;
    display: list-item;
    margin-bottom: 5px
}
.mini-products-list .detail-item .product-details-bottom .title-desc {
    font-size: 14px;
}
.mini-products-list .detail-item .product-details-bottom .label {
    font-weight: bold;
    vertical-align: middle;
}
.mini-products-list .detail-item .product-details-bottom strong {
    font-weight: normal;
}
.top-cart-content .product-details .btn-edit {
    position: absolute;
    right: 22px;
    top: 6px;
}
.top-cart-content .actions {
    padding: 15px 20px;
    margin: 0;
    overflow: hidden;
    background: #f5f5f5;
    padding-top: 15px;
}
.mini-cart .actions .btn-checkout:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 12px;
    padding-right: 10px;
    font-weight: normal;
}
.mini-cart .actions .btn-checkout {
    background: #252525;
    color: #fff;
    font-size: 11px;
    padding: 8px 16px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: right;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border: 0px solid #fff;
    font-weight: bold;
    text-transform: uppercase;
}
.mini-cart .actions .btn-checkout:hover {
    background: #82c4bb;
    border: 0px solid #82c4bb;
    color: #fff;
}
.mini-cart .actions .view-cart {
    background: #82c4bb;
    color: #fff;
    font-size: 11px;
    padding: 8px 16px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border: 0px solid #000;
    font-weight: bold;
    text-transform: uppercase;
}
.mini-cart .actions .view-cart:hover {
    background: #333;
}
.mini-cart .actions .view-cart:before {
    content: '\f07a';
    font-family: 'FontAwesome';
    font-size: 12px;
    padding-right: 8px;
    font-weight: normal;
}
.mini-cart .actions .button {
    display: inline-block;
    width: 100px;
    text-align: center;
    margin-bottom: 3px;
    padding: 8px 10px 6px;
    text-transform: none;
    border: none;
    font-size: 12px;
}
.mini-cart .button.btn-checkout {
    background: none;
    color: #fff;
    font-size: 11px;
    padding: 8px 16px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border: 1px solid #fff;
    font-weight: bold;
    text-transform: uppercase
}
.mini-cart>.button {
    color: #000;
    font-size: 12px;
    font-weight: 300;
    text-shadow: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: none
}
.fa-remove {
    position: absolute;
    right: 0px;
}
.fa-pencil {
    position: absolute;
    right: 10px;
}
a.fa-remove,
a.fa-pencil {
    color: #999;
    font-size: 12px;
}
a.fa-remove:hover,
a.fa-pencil:hover {
    color: #333;
    text-decoration: none;
}
.single-option-selector {
    margin: 0px 5px;
    margin-right: 5px;
    padding: 5px 10px;
    border-radius: 0px;
    border: 1px #ebebeb solid;
}

.content-page {
    padding-bottom: 60px;
}
#owl-demo3 .owl-item {
    padding: 15px;
}
#owl-demo3 .owl-pagination {
    margin-top: 55px !important;
    text-align: center;
}
#owl-demo3 .owl-page span {
    display: block;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    width: 80px;
    height: 55px;
    background: url(https://070899.claudeassets.com/20260113032041im_/https://myphamando.org/themes/mypham/images/comment1.png);
    border-radius: 0;
    background-size: cover;
}
#owl-demo3 .owl-page.active span{
    opacity: 1;
}
.wrap-tintuc1 .title a {
    font-size: 16px;
    font-weight: bold;
    color: #1f1f1f;
}
.wrap-tintuc1 .item{
    text-align: left;
}
.wrap-tintuc1 .date {
    color: #888;
    font-size: 13px;
    margin: 10px 0;
}
.wrap-tintuc1 .des {
    color: #555;
    text-align: justify;
}
.wrap-tintuc1 .xemthem {
    color: #155432;
    display: block;
    text-align: right;
}
.wrap-tintuc1 .xemthem span {
    width: 87px;
    border-bottom: 1px solid #155432;
    display: inline-block;
}
/*
     FILE ARCHIVED ON 22:25:36 Jul 21, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:42:28 Jun 19, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.702
  exclusion.robots: 0.06
  exclusion.robots.policy: 0.045
  esindex: 0.01
  cdx.remote: 113.968
  LoadShardBlock: 154.742 (3)
  PetaboxLoader3.datanode: 179.485 (5)
  PetaboxLoader3.resolve: 408.764 (3)
  load_resource: 490.881
  loaddict: 98.129
*/