/*
Theme Name: DEVshop Child
Description: This is a child theme for DEVshop Theme
Author: DEV Themes
Template: tudevshop
Version: 3.10.4
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
//shopee
.btn-san {
    background: red;
    padding: 10px;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    border-radius: 7px;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
}
.btn-san.shop-san {
    background: #fd5e32;
}
.wcvashopswatchlabel.wcvasquare {
    display: none;
}
.wcvashopswatchlabel.wcva_shop_textblock.wcvasquare {
    float: left;
    display: inline-block;
}



/** Generated by FG **/
body{
    font-family: Arial,sans-serif!important;
    background-color:#fff;
    margin:0
}
.stuck .header-main {
    background: #96d4d4;
}
pre, blockquote, form, figure, p, dl, ul, ol {
    margin-bottom: 0.6em;
}

@media screen and (min-width: 1025px){/* chỉ PC */
div#tab-description {
    width: 760px;
}
.entry-content.single-page {
    padding-left: 2%!important;
    padding-right: 2%!important;
}
.row.category-page-row .col.large-8 {
    padding-left: 36px!important;
    padding-right: 36px!important;
}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2){/* chỉ ipd pro */
.row.ctsp .col.medium-12.small-12.large-8 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
div#tab-description {
    width: 760px;
    margin: 0 auto;
}
}



.fa, .fas {
    font-family: Font Awesome\ 5 Pro!important;
}
b, strong {
    font-weight: 600;
}
.nav-pagination>li>span, .nav-pagination>li>a {
    font-size: 14px;
    font-weight: 300;
    border-radius: 0;
    border: 1px solid #bbb;
}
.nav-pagination>li>.current, .nav-pagination>li>span:hover, .nav-pagination>li>a:hover {
    background-color: #288ad6;
    border-color: #288ad6;
    color: #FFF;
}
ul.links {
    margin: 5px 0 35px;
}
.ifa:before, .ifa:after{
    font-family: Font Awesome\ 5 Pro!important;
}
.has-hover .bg, .has-hover [class*="image-"] img {
    transition: filter 0s, opacity 0s, transform 0s, box-shadow 0s;
}
.success-color {
    color: #009d3b;
}
a#top-link {
    bottom: 100px;
    right: 34px;
    line-height: 40px;
}
label, legend { 
    font-size: 14px;
}
#footer span.widget-title, #footer .widget .is-divider, .is-divider {
    display: none;
}
form.checkout_coupon {
    display: block!important;
}
.breadcrumbs {
    margin-bottom: 10px; 
}
input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection {
    box-shadow: inset 0 0px 0px rgba(0,0,0,0);
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0);

}
.is-form, button.is-form, input[type='submit'].is-form, input[type='reset'].is-form, input[type='button'].is-form {
    background-color: #ffffff;
}



/* BUSANFOOD */
.box-thucdon {
    background: #f9f9f9 url(/images/menu-background-img-1-min.jpg) center 0 repeat;
    border: 10px solid #2059a6;
    border-radius: 25px;
    background-color: #fff;
    box-shadow: 0 0 20px 0.15px rgba(0,0,0,.5);
}
.box-thucdon img {
    width: initial;
}
.logo-thucdon {
    width: 100%!important;
    text-align: center;
    margin-top: -58px;
}
.logo-thucdon img {
    width: 120px;
}
.thucdon {
    margin-top: -50px;
    background: #0E0E0E;
    padding: 0 0 5% 0;
}
.page-template-page-left-sidebar .page-wrapper {
    padding-top: 80px;
    padding-bottom: 65px;
}
#menu-submenu-phu-kien a {
    color: #0089c5;
}
.infobox-wrapper img {
    width: initial!important;
}


.lienhebu .dc:before {
    content: "\f3c5";
}
.lienhebu .sdt:before {
	content: "\f67d";
}
.lienhebu .email:before {
    content: "\f658";
}
.lienhebu .dc:before, .lienhebu .sdt:before, .lienhebu .email:before {
    color: #1961c1;
    font-size: 18px;
    font-weight: 600;
    font-family: Font Awesome\ 5 Pro!important;
    margin-right: 6px;
}
.lienhebu p {
    margin: 0;
    line-height: 28px;
}
.lienhebu iframe {
    border: 1px solid #ccc!important;
    padding: 10px;
}
.lienhebu h4 {
    margin-top: 44px;
}
.lienhebu h4:before {
	content: "\f018";
    color: #1961c1;
    font-size: 18px;
    font-weight: 600;
    font-family: Font Awesome\ 5 Pro!important;
    margin-right: 6px;
}
.lienhebu h2 {
    font-weight: 600;
    color: #ed1b24;
    text-decoration: underline;
}
div#codewidget-20 {
    clear: both;
    line-height: 20px;
    color: #000;
}
label.selectedswatch.wcva_single_textblock {
    border: 1px solid #f89008!important;
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 12px;
    min-width: 85px!important;
    margin-right: 8px;
    display: inline-block;
    text-transform: none;
    background: #fff;
    color: #000;
    outline: solid 0px #9C9999 !important;
    line-height: initial;
    font-size: 15px;
    font-weight: 500 !important;
}
label.wcva_single_textblock {
    border: 1px solid #ddd!important;
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 12px;
    min-width: 85px!important;
    margin-right: 8px;
    display: inline-block;
    text-transform: none;
    background: #fff;
    color: #000;
    outline: solid 0px #9C9999 !important;
    line-height: initial;
    font-size: 15px;
    font-weight: 500 !important;
}
label.selectedswatch.wcva_single_textblock:before {
    content: "\f058";
    color: #3fb846;
    font-weight: 600;
}
label.wcva_single_textblock:before {
    content: "\f111";
    font-family: Font Awesome\ 5 Pro!important;
    color: #ACACAC;
    font-size: 16px;
    font-weight: 300;
    margin-left: 0;
    margin-right: 5px;
    float: left;
    margin-top: 1px;
}



/* trang chu */
.section-thucdon {
    min-height: 580px;
}

.fo55 .row5 {
    padding: 0 0 0px;
}
.b1 .row5 {
    margin-top: 50px;
}




.fo0 {
    margin-top: -80px;
    padding-top: 50px!important;
    background-color: #96d4d4;
    background-repeat: repeat;
}
.fo1, .fo3, .fo5{
    background-color: #f4f2e7;
    background-repeat: repeat;
    background-image: url(https://dishup.qodeinteractive.com/wp-content/uploads/2017/11/h2-background-img-2.jpg);
}
.fo2 {
    background-color: #1c1c1c;
    background-repeat: repeat;
    background-image: url(https://dishup.qodeinteractive.com/wp-content/uploads/2017/11/h2-background-img-1.jpg);
}

.fo4 {
    background-color: #96d4d4;
    background-repeat: repeat;
}
.row-eff-imgbottom {
    position: relative;
}
.eff-imgbottom {
    position: absolute;
    top: 38px;
    right: -30px;
    height: auto;
    z-index: 1;
}
.eff-imgbottom2 {
    position: absolute;
    top: -350px;
    left: -55px;
} 


.fo0 .h3head {
    display: block;
    margin: 30px 0 -25px;
    text-shadow: 0 0 16.49px rgba(251,29,37,.86);
    font-size: 110px;
    font-family: 'tudev' !important;
    color: #fb1d25;
    padding: 0;
    line-height: initial;
}
.fo1 .h3head, .fo2 .h3head, .fo3 .h3head, .fo4 .h3head, .fo5 .h3head {
    display: block;
    margin: 0 0 -5px;
    text-shadow: 0 0 20.49px rgba(251,29,37,.86);
    font-size: 75px;
    font-family: 'tudev' !important;
    color: #fb1d25;
    padding: 0;
    font-weight: 400;
    line-height: initial;
}
.fo1 .h3head {
    font-size: 105px;
    margin: 0 0 -25px;
}
.fo1 h3 {
    font-size: 67px;
    line-height: initial;
    text-shadow: 5px 6px 1px #1c9797;
    color: rgba(255,255,255,0.2);
    margin: 10px 0;
    letter-spacing: -5px!important;
}
.fo5 .h3head {
    text-align: center;
    margin: 0px auto 33px;
}
.fo0 h3{
    text-shadow: 5px 6px 1px #1c9797;
    color: #ffffff;
    font-size: 67px;
    line-height: initial;
    margin: 25px 0;
}
p.fo1-des {
    font-size: 18px;
}
.row0-right img{
    width: inherit;
}
.row1-left {
    padding-top: 30px;
}
.row1-right {
    padding-bottom: 100px;
}
.row2-left img {
    width: inherit;
}
.row2-right {
    padding: 60px 0 110px;
}
.row3-left {
    padding-top: 50px;
}
.row3-right {
    padding: 50px 0;
}
.row5 {
    padding: 65px 0 0;
}
.row5 .box-text-inner {
    padding: 10px 0;
}
.fo2 h4.dev-gia-tenmon a {
    color: #FFF;
}
.fo2 .dev-gia2-ct {
    color: #9f9f9f;
}





.dev-giatong {
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.dev-gia1 {
    margin-bottom: 3px;
}
h4.dev-gia-tenmon {
    position: relative;
    display: table-cell;
    width: 1%;
    padding: 0 2px 0 0;
    margin: 0;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 22px;
    line-height: 1em;
}
.dev-gialine {
    border-bottom: 1px solid rgba(168,164,161,0.49);
    position: relative;
    display: table-cell;
    height: 3px;
    width: 98%;
    z-index: 1;
}
.dev-gia {
    display: table-cell;
    width: 1%;
    padding: 0 0 0 2px;
    white-space: nowrap;
}
.dev-gia h4 {
    color: #fb1d25;
    line-height: .1;
    font-size: 22px;
    margin: 0;
}
.dev-gia h4 span {
    letter-spacing: -1.5px!important;
}
.dev-gia2-ct {
    margin: 0;
    font-size: 14px;
    color: #584b4b;
}





.f-line .section-content svg {
    bottom: -23px;
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    transform: scaleY(-1);
    position: absolute;
    width: 100%;
    overflow: hidden;
}

/* #trang chu */
/* Footer */
.fa-map-marker:before {
    content: "\f3c5";
}
.fa-phone:before {
    content: "\f2a0";
}
.dc-footer .column.span-4, .glinkf p a, .AdvPayBottom .desc, .dc-footer .a-white {
    color: #eee;
}
.fhr {
    border-top: 1px solid #5c5c5c70!important;
    opacity: 1;
}
.dc-footer {
    position: relative;
}
.flogo {
    position: relative;
    top: -56px;
    z-index: 1;
}
.glinkf {
    margin-top: 10px;
    line-height: 30px;
}
.glinkf p {
    margin: 0;
}
footer a:hover{
    color: #fff;
    text-decoration: underline;
}
.column.span-4.row_plus {
    padding-left: 30px;
}


/* #Footer */
/* #BUSANFOOD */



/* fillter shop catalog */
.woocommerce-ordering, .woocommerce-ordering select {
    margin: 0px 0 35px;
}
.category-page-row {
    padding-top: 10px;
}
form.woocommerce-ordering a {
    margin: 0 3px;
    color: black;
    border-radius: 0px;
    padding: 5px 10px;
    border: 1px solid black;
}
/* #fillter shop catalog */

/* icon check */
input[type="checkbox"] {
    opacity: 0;
}
input[type="checkbox"]:checked + span:before {
    content: "\f14a";
    color: #e52c25;
    font-weight: 900;
}
input[type="checkbox"] + span:before {
    font-family: "Font Awesome 5 Pro";
    /* display: inline-block; */
    content: "\f0c8";
    letter-spacing: 4px;
    font-size: 15px;
    vertical-align: inherit;
    margin-left: -15px;
    color: #888;
    font-weight: 300;
}
/* #icon check */ 

/* Cataogue Shop Page */
.tax-product_cat.woocommerce-page #main .large-3.col{
    padding: 0 30px;
    border-left: 1px solid #ececec;
}
.tax-product_cat.woocommerce-page #main  .col.large-9{
    padding: 0 15px 0;
}
.tax-product_cat.woocommerce-page .breadcrumbs {
    font-weight: 300;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0px 15px;
    margin: 0px 0 0;
    clear: both;
    font-size: 14px;
    color: #288ad6!important;
}
.breadcrumbs a {
    color: #288ad6;
}
.tax-product_cat.woocommerce-page .is-large{
	padding: 0 15px;
}
.shop-container .entry-content {
    font-size: 17px;
    padding-top: 0; 
} 
.shop-container .entry-content h1{
	font-size: 23px;
}
span.divider {
    display: inline-block;
    font-size: 20px;
    opacity: .6!important;
    color: #000;
    margin: 0px 3px!important;
    line-height: 1;
}
/* #Cataogue Shop Page */

/* Form đăng ký */
.tudevform {
    display: block;
    background: #fff;
    padding: 20px 18px 0px;
    margin-top: 28px;
    border: 1px solid #F79420;
    border-top: 13px dotted #f79420;
    width: 100%;
    clear: both;
}
.tudevform label {
    color: #000;
    font-size: 16px;
    font-weight: 300;
}
li:hover .product-title {
    color: #F79420;
}
.tudevform .ss-q-title label {
    float: left;
}
.tudevform label.ss-q-item-label {
    float: left;
    margin-bottom: 2px;
}
.tenphieugiam{
    color: #105eab;
    font-weight: 600;
    font-size: 17px;
}
.tudevform .nhaptext {
    height: 33px!important;
    margin-bottom: 10px;
    font-size: 18px!important;
    border: 1px solid #d6d6d6;
}
.tudevform  ul.product_list_widget ins span.amount {
    font-family: 'HelveticaNeue-Light', Helvetica, Arial, sans-senif!important;
    font-weight: bold;
    font-size: 17px;
    color: #911A1D;
}
.tudevform .widget ul {
    clear: both;
}
.tudevform ul.ss-choices {
    clear: both;
}
.tudevform ul.ss-choices label,.tudevform li.ss-choice-item {
    margin: 0;
}
.tudevform .nut-gui {
    background-color: #0070c9;
    background: linear-gradient(#42a1ec,#0070c9);
    border: 1px solid #07c;
    border-radius: 4px;
    color: #fff;
    /* background: #105eab!important; */
    color: #fff!important;
    width: 100%;
    font-size: 19px!important;
    font-weight: 300!important;
    margin-bottom: 0px;
}
.tudevform .nut-gui:hover {
    box-shadow: inset 0 0 0 100px rgba(0,0,0,0);
}
.tudevform td {
    border-bottom: 0px solid #ececec;
    padding: 0;
}
aside#codewidget-36:after{
    display: none!important;
}
.tudevform ul.ss-choices {
    clear: both;
}
li.ss-choice-item {
    list-style: none;
}
ul.ss-choices {
    margin: 0 0 10px!important;
}

/* #Form đăng ký */ 
/* Blog post */
@media screen and (min-width: 1025px){/* chỉ PC */
.category-bang-gia .large-8 {
    max-width: 74.66667%;
    -ms-flex-preferred-size: 74.66667%;
    flex-basis: 74.66667%;
}
.category-bang-gia .large-4 {
    max-width: 25.33333%;
    -ms-flex-preferred-size: 25.33333%;
    flex-basis: 25.33333%;
}
}

ul.product_list_widget li {
    font-weight: 300;
    font-size: 15px;
}
ul.product_list_widget ins span.amount {
    color: #b20000;
}
div#codewidget-19 {
    font-weight: bold;
    font-size: 23px;
    margin-bottom: 4px;
    position: relative;
}
div#codewidget-19:after {
    position: absolute;
    content: '';
    height: 38px;
    width: 73px;
    border-bottom: 2px solid #F79420;
    left: 0;
}
div#codewidget-36 ul.product_list_widget li {
    margin-left: 2px;
}


img.size-full.alignnone {
    margin-bottom: 15px;
}
.category-bang-gia .blog-wrapper.blog-archive h5.post-title {
    height: 70px;
    background: #414141;
    margin-top: 0px!important;
    padding: 11px 10px 15px;
    color: #fff;
}
.blog-wrapper.blog-archive .col.post-item {
    width: 50%;
    float: left;
    position: initial!important;
}
body.category .post-sidebar.large-4.col {
    margin-top: -51px;
}
p.chuyenmuc {
    font-size: 12px;
    font-weight: 300;
    text-transform: none;
    border: 1px solid #fff;
    width: max-content;
    margin-left: 23px;
    margin-top: 15px;
    padding: 2px 10px;
    background: #f1f1f12e;
}
.entry-content.single-page {
    text-align: justify;
}
.entry-content.single-page img {
    width: 100%;
    /*height: auto;*/
}
.blog-single0000, .entry-content.single-page000, .blog-single #comments {
    width: 800px;
    margin: 0 auto;
}
.blog-featured-title .flex-col{
    position: absolute;
    left: 0;
} 
.single-post .blog-wrapper.blog-single.page-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}
.blog-featured-title h1.entry-title {
    display: block;
    text-align: left;
    overflow: hidden;
    color: #fff;
    padding: 20px 20px;
    font-weight: 600;
}
.blog-featured-title .flex-col {
    text-align: left;
}
.blog-single article.post {
    margin: 0 0 0 0;
}
.blog-single #comments .comment-respond {
    margin-top: 0;
}
.social-icons a.button {
    color: #888;
    border: 1px solid #c1c1c1;
    padding: 1px 0;
    font-size: 17px;
    margin-left: 0.5em;
}
.single-post h6.entry-category {
    font-size: 12px;
    font-weight: 300;
    font-family: Roboto;
    text-transform: none;
    border: 1px solid #fff;
    width: max-content;
    padding: 5px 10px;
    background: #f1f1f12e;
}
.single-post .entry-meta {
    font-size: 11px;
    font-weight: 300;
    font-family: Roboto;
    text-transform: none;
}
aside.widget_codewidget {
    font-weight: bold;
    font-size: 23px;
    margin-bottom: 4px;
    position: relative;
}
aside.widget_codewidget:after {
    position: absolute;
    content: '';
    height: 38px;
    width: 73px;
    border-bottom: 2px solid #F79420;
    left: 0;
}
.archive-page-header h1 {
    text-align: left;
}
.blog-single .entry-content.single-page {
    font-size: 18px;
}
.archive.category .h3-list-vnews{
    display: none;
}

table.tb-congtrinh {
    margin: 5px auto 35px;
    width: 100%;
    border: 1px solid #cecece;
    background-color: #f2f2f2;
}
table.tb-congtrinh td {
    font-size: 17px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #cecece;
    padding: 8px 14px;
    color: #123123;
}
table.tb-congtrinh tr:last-child td{
    border-bottom: 0px solid #cecece;
}
table.tb-congtrinh td:first-child {
    width: 19%;
    color: #f00;
    border-right: 1px solid #cecece;
}
table.tb-congtrinh h2, table.tb-congtrinh h3, table.tb-congtrinh h4 {
    font-size: 16px;
    font-weight: 300;
    margin: 0;
}

table.tb-congtrinh td:first-child:before {
    background: #0dc042;
    color: #fff;
    border-radius: 50%;
    padding: 1px 6px;
    margin-right: 4px;
    font-weight: 300;
    font-size: 14px;
}
table.tb-congtrinh tr:nth-child(1) td:first-child:before {content: '1'}
table.tb-congtrinh tr:nth-child(2) td:first-child:before {content: '2'}
table.tb-congtrinh tr:nth-child(3) td:first-child:before {content: '3'}
table.tb-congtrinh tr:nth-child(4) td:first-child:before {content: '4'}

.badge-circle-inside .badge-inner {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 15px;
    padding: 7px 9px 0px 7px;
    background-color: #fff;
    border-radius: 5px !important;
    box-shadow: 3px 4px 5px 0 rgba(0,0,0,.22);
    z-index: 9;
    -webkit-transition: top .3s cubic-bezier(.59,-.52,0,1.24);
    -moz-transition: top .3s cubic-bezier(.59,-.52,0,1.24);
    transition: top .3s cubic-bezier(.59,-.52,0,1.24);
}
span.post-date-day {
    font-size: 30px;
    font-weight: 600;
    color: #fb1d25;
}
span.post-date-month.is-xsmall {
    margin-top: 5px;
    color: #34c2c2;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.73em;
}

/* #Blog post */


/* Menu main */
.nav-dropdown {
    background-color: #151515;
    border-top: 3px solid #1c9797!important;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.03);
    border: 0px solid #ddd;
    min-width: 270px;
    top: 54px;
}
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before {
    bottom: -11px;
}
.msanpham ul.nav-dropdown li a {
    font-size: 15px;
}
.header-main .nav > li.menu-item > a:hover {
    color: #fb1d25;
}
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {
    color: rgb(255, 255, 255);
    transition: all 0s;
    font-weight: 300;
}
.nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover {
    color: #fb1d25;

}
.menufix a:hover {
    color: #fb1d25!important;
}
.nav-column li>a, .nav-dropdown>li>a {
    padding: 6px 20px;
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: 0px solid #464646;
}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .title>a, .nav-dropdown .nav-dropdown-col>a {
    text-transform: uppercase;
    margin-bottom: 5px!important;
    font-weight: 600;
    padding: 3px 8px!important;
    color: #fff!important;
    background: #fb1d25a1;
}
.menucha ul li ul {
    position: relative;
    border: 2px dashed #fff;
    margin: 8px 10px!important;
    padding: 7px!important;
    border-radius: 1px;
    background: #ffffff17;
}
.nav-dropdown .menufix.menu-item-has-children>a {
    background: none;
    padding: 3px 0 !important;
    text-transform: none;
    font-weight: 300;
}
.menucha ul li ul:before {
    content: "\f0de";
    position: absolute;
    font-family: Font Awesome\ 5 Pro!important;
    top: -20px;
    left: 17px;
    font-weight: 600;
    font-size: 28px;
    color: #fff;
}
.menufix ul li a:before {
    content: "→ ";
    margin-left: -10px;
}
.header-nav li.has-dropdown {
    padding-top: 5px;
}





.msanpham .nav-dropdown>li.nav-dropdown-col{
    width: 25%;
    padding: 0 20px;
}
.nav-dropdown-has-arrow li.has-dropdown:after {
    border-bottom-color: #1c9797;
}
.nav-dropdown-has-arrow li.has-dropdown:before {
    border-bottom-color: #1c9797;
}
li.html.custom.html_topbar_left {
    position: absolute;
    right: 40px;
}
li.cart-item.has-icon {
    position: absolute;
    right: 5px;
}
.header-inner.logo-center {
    max-width: 100%;
}
.nav-right {
    justify-content: left;
}
.nav-left {
    justify-content: flex-end;
}

.logo-left .logo {
    margin-right: 10px;
}
input.search-field {
    font-size: 12px;
}
.secondary, .checkout-button, .button.checkout, .button.alt {
    background-color: #fb5533; 
}
#wide-nav>.flex-row>.flex-left {
    width: 100%;
    flex: initial!important;
    margin-right: 0px;
}
.header-bottom {
    border-bottom: solid 1px #ebebeb; 
}
.nav>li>a {
    padding: 0px 0;
}
.nav.header-nav li a {
    text-align: left;
    display: block;
}
.nav.header-nav li a p {
    font-weight: 300;
    text-transform: initial;
    font-size: 11.5px;
    color: #fff;
}
.nav.header-nav li.menu-item a img {
    width: 45px;
    background: #f4f4f4;
    border-radius: 50%;
    height: 45px;
    margin-bottom: 2px;
}  
.nav.header-nav form.searchform {
    border-radius: 4px;
    border: 3px solid #fff;
}
.nav.header-nav input[type='search']{
    border: 0px solid #ddd;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.1);
}
[data-icon-label]:after {
    right: -15px;
    background-color: #ffffff;
    color: #f8281f;
    font-weight: 300;
    line-height: 15px;
    height: 15px;
    min-width: 15px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);
}
.image-icon img {
    max-width: 28px; 
}
/* #Menu main */ 


/* Footer All*/ 
#footer .dark p,#footer .dark{
    color: #252a2b;
    font-size: 14px;
}
.fdev-title {
    color: #252a2b!important;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.5px;
}
.fdev-bottom .pull-right {text-align: right;}
.fdev-bottom {
    background: #000;
    color: #818181;
    font-size: 12px;
    line-height: 20px;
}
.fdev-bottom p {margin: 0;}
.copyright-footer {margin-top: 20px;}
.fdev-bottom img.img-copyright {
    width: 110px;
    margin-bottom: 3px;
}
.back-to-top,.back-to-top:hover{
	background-color: #fff!important;
	color: #989898!important;
    border: 1px solid #989898!important;
    border-radius: 0!important;
    width: 40px!important; 
    height: 40px!important;
}
.fdev-email input.wpcf7-submit {
    position: absolute;
    right: 0;
    top: 0;
    background: black;
    border: none;
    color: white;
    margin: 0;
}
.fdev-email span.wpcf7-form-control-wrap input.wpcf7-form-control {
    margin-bottom: 0;
    border: 1px solid #989898;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.1);
    font-size: 14px;
    height: 34px;
}
.fdev-email .wpcf7-list-item-label {
    font-size: 13px; 
    color: #777;
}
.fdev-email input[type="checkbox"] {
    margin: 0!important;
}
.fdev-thongtin p, .fdev-hotrokh p {
    margin: 0 0 5px 0;
} 
/* Footer All*/ 
/* Footer MXH */ 
.fdev-mxh {
    margin-top: 20px;
}
.navbar-social li {
    display: inline-block;
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.navbar-social a:before{
    display:none;
}
p.title-md-footer {
    margin: 0 0 24px 0!important;
}
.navbar-social a {
    margin-top: 9px;
    color: #ffffff;
    border: 1px solid #ffffff;
    width: 44px;
    height: 44px;
    padding: 11px 11px;
    display: inline-block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-left: .40em;
    margin-right: .40em;
}
.navbar-social li .fa {
    font-weight: 300;
    font-size: 18px;
}

.navbar-social li:hover:nth-child(1) .fa {
    color: #3B5998;
}
.navbar-social li:hover:nth-child(1) a{
    border: 1px solid #3B5998;
}

.navbar-social li:hover:nth-child(2) .fa {
    color: #ffa371;
}
.navbar-social li:hover:nth-child(2) a{
    border: 1px solid #ffa371;
}

.navbar-social li:hover:nth-child(3) .fa {
    color: #ff494f;
}
.navbar-social li:hover:nth-child(3) a{
    border: 1px solid #ff494f;
}
.navbar-social li:hover:nth-child(4) a{
    border: 1px solid #398dcf;
}
.navbar-social li .fa-zalo {
    background: rgba(0, 0, 0, 0) url(/images/logo-zalo-vector-black-min.png) no-repeat scroll 0 0 / cover;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-top: -6px!important;
    vertical-align: middle;
}
.navbar-social li:hover .fa-zalo {
    background: rgba(0, 0, 0, 0) url(/images/logo-zalo-vector-min.png) no-repeat scroll 0 0 / cover;
}

.fa-instagram:before {
    content: "\f16d";
    font-family: "Font Awesome 5 Brands";
}
i.fa.fa-facebook-official:before {
    content: "\f39e";
    font-family: "Font Awesome 5 Brands";
}
.fa-youtube:before {
    content: "\f167";
    font-family: "Font Awesome 5 Brands";
}
i.fa.fa-envelope-o:before {
    content: "\f0e0";
}
.fa-map-marker:before {
    content: "\f3c5";
}
.fdev-thongtin i.fa {
    font-weight: 300;
}

/* #Footer MXH */ 



/* Hiển thị sản phẩm */
.name.product-title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-flex: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.box-text {
    font-size: 15px;
    color: #000;
 	padding-bottom: 0;
 	padding-top:0;
}
.product-small .price-wrapper span {
    color: #e01b22;
    font-size: 15px;
}
.name.product-title {
    min-height: 42px;
}
.name.product-title a, .product-small .price-wrapper span {
    letter-spacing: -0.3px;
}
/* #Hiển thị sản phẩm */


/* Album 6sản phẩm */
.mfp-close {
    mix-blend-mode: luminosity;
}
.al-tensp, .al-giaban {
    text-align: center;
}
.album-heading {
    text-align: center;
    font-weight: 600;
    line-height: initial;
    font-size: 30px;
    color: #f00;
    margin: 30px auto 15px;
}
.button-album {
    padding-bottom: 25px;
    padding-top: 10px;
}
.al-gia-niem-yet {
    font-size: 21px;
    color: #464646;
    margin: 0;
}
.al-gia-niem-yet .span2 {
    text-decoration: line-through;
}
.al-gia-niem-yet .span3 {
    color: #fff;
    background-color: #ee1e25;
    text-align: center;
    border-radius: 2px;
    margin-left: 10px;
    padding: 4px 8px;
}
.al-gia-ban {
    line-height: initial;
    font-size: 37px;
    margin: 0;
}
.al-gia-ban .span4 {
    font-weight: 600;
    color: #ee1e25;
    line-height: 20px;
}
p.button-album a {
    width: fit-content;
    display: block;
    overflow: hidden;
    padding: 15px 25px;
    border-radius: 4px;
    font-size: 21px;
    margin: 0 auto;
    line-height: normal;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    background: #fd6e1d;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));
    background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
    background: -moz-linear-gradient(top,#f59000,#fd6e1d);
    background: -ms-linear-gradient(top,#f59000,#fd6e1d);
    background: -o-linear-gradient(top,#f59000,#fd6e1d);
}


@media (min-width: 320px) and (max-width: 767px){/* mobile Album*/
.album-heading {
    font-size: 28px;
    margin: 25px auto 15px;
}
p.button-album a {
    padding: 14px 16px;
    font-size: 20px;
    line-height: normal;
    text-transform: capitalize;
}
.al-gia-niem-yet .span3 {
    padding: 1px 6px;
}
.al-gia-ban {
    font-size: 33px;
}
}
/* #Album 6sản phẩm */





.clip-youtube img {
    border-radius: 10px;
}
.box-text.text-center {
    padding-left: 0;
}
h5.post-title.is-large {
    margin: 10px 0;
    text-align: left;
    font-size: 19px;
    text-transform: uppercase;
}
p.from_the_blog_excerpt {
    font-size: 17px;
    text-align: left;
}
a.wcvaswatchinput {
    width: auto!important;
}

 

/* CSS IPAD + Mobile -----------------------------------*/
@media (max-width: 4024px) and (min-width: 780px){/*#Ipad + Mobile*/
main#main,.blog-featured-title {
    margin-top: -70px;
}
.page-template.page-template-page-left-sidebar main#main, .single-product2 main#main, .post-type-archive-product main#main, .single.single-post  main#main, .archive.category main#main, .page-id-4312 main#main,
.term-cha-ca-suje-eomuk  main#main, .archive.tax-product_cat main#main, .page-id-4469 main#main{
    margin-top: 0px;
}
.page-template.page-template-page-left-sidebar .header-wrapper, .single-product2 .header-wrapper, .post-type-archive-product .header-wrapper, .archive.category .header-wrapper, .page-id-4312 .header-wrapper,
.term-cha-ca-suje-eomuk .header-wrapper, .archive.tax-product_cat .header-wrapper, .page-id-4469 .header-wrapper{ 
    background-color: #43adad/*#96D4D4*/;
}

.blog-featured-title .page-title-inner.container {
    padding-top: 210px;
}

}

 


/* CSS IPAD + Mobile -----------------------------------*/
@media (max-width: 1280px) and (min-width: 860px){/*#Laptop nhỏ*/
.f-line .section-content svg {
    bottom: -18px;
}
.row2-left img {
    width: 80%;
    margin-top: 200px;
    margin-left: 76px;
}
li.item_1idt {
    margin: 10px 22px 20px 0;
    width: 102px;
}
}


/* CSS IPAD + Mobile -----------------------------------*/
@media (max-width: 1024px) and (min-width: 320px){/*#Ipad + Mobile*/
.nav.nav-vertical li.mobilemenu {
    background: #369E15!important;
}
.nav.nav-vertical li.mobilemenu a {
    text-transform: uppercase!important;
    margin-left: 15px!important;
}
.nav.nav-vertical li.mobilemenu a:before{
    display: none;
}
.nav.nav-vertical li.cha-ca a {
    margin-left: 21px;
}
.nav.nav-vertical li.cha-ca a:before{
    content: "\f178"!important;
	background: none;
	font-family: Font Awesome\ 5 Pro!important;
}
.eff-imgbottom {
    right: 0;
}
.fo0 .h3head, .fo1 .h3head {
    font-size: 80px;
}
.fo0 h3, .fo1 h3 {
    font-size: 40px;
}
.fo1 h3 {
    letter-spacing: 0px!important;
}
.fo1 .medium-6, .fo3 .medium-6 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.f-line .section-content svg {
    height: 36px;
    bottom: -23px;
}
.eff-imgbottom2 {
    position: absolute;
    top: 47px;
    left: 0;
}
h4.dev-gia-tenmon {
    text-transform: none;
}
.dev-giatong {
    padding-right: 20px;
}
.fo2 .dev-giatong {
    padding-right: 24px;
}
h4.dev-gia-tenmon {
    text-transform: none;
    letter-spacing: -1px!important;
    font-size: 20px;
}
.row3-right {
    padding: 0px 0 30px 0;
}
.fo3 img {
    padding: 0 8%;
}
a.link-view {
    margin: 0 auto;
}
.fo3 .h3head{
    font-size: 67px;
}
#row-834116586 .grid-col-1-2 {
    height: 290px!important;
}
.fo1 .h3head, .fo2 .h3head, .fo3 .h3head, .fo4 .h3head, .fo5 .h3head {
    font-size: 64px;
}
.fo55 .row5 {
    padding: 0 0 0px;
}
.fo5 .h3head {
    text-align: center;
    margin: 0px auto 15px;
}
.page-id-3797 .bg-fill {
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: 0;
}
.section-thucdon {
    min-height: 326px;
}
.thucdon {
    padding: 0 6% 55px;
}
.page-left-sidebar .large-3.col.col-first.col-divided {
    order: 1;
    -ms-flex-order: 1;
}

.column.span-4.row_plus {
    padding: 30px 0 20px;
}


}


/* CSS Mobile -----------------------------------*/
@media (min-width: 320px) and (max-width: 480px){/* mobile dọc*/
.fo0 {
    margin-top: -34px;
}
.page-title.blog-featured-title.featured-title {
    margin-top: 30px;
}
button#buy_now_button {
    width: 100%!important;
}
.header-main {
    height: 19px!important;
}
.blog-wrapper.blog-archive {
    margin-top: 28px;
}
.lh1 {
    margin-top: -30px;
}
.lienhebu h4 {
    margin-top: -26px;
}
.section-thucdon {
    min-height: 189px!important;
}
.thucdon {
    margin-top: -13px;
    padding: 0 0% 55px;
} 
.box-thucdon {
    border: 6px solid #0976b5;
}
.page-template-page-left-sidebar .page-wrapper {
    padding-top:50px;
} 



.eff-imgbottom {
    position: initial;
    top: 0;
    right: 0;
}
.f-line .section-content svg {
    height: 41px;
    bottom: -23px;
}
.eff-imgbottom2 {
    position: initial;
    top: 0;
    left: 0;
}
.row2-right {
    padding: 10px 25px 30px;
}
h4.dev-gia-tenmon {
    text-transform: capitalize;
    font-size: 20px;
}

}
@media (min-width: 481px) and (max-width: 767px) {/*#mobile ngang*/

}
/*###CSS Mobile-----------------------------------*/


/* CSS IPAD -----------------------------------*/
@media (min-width: 768px) and (max-width: 1024px){/*#ipad dọc*/
.page-template-page-left-sidebar .page-wrapper {
    padding-top:20px;
} 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {/*#ipad ngang*/

}

@media (max-width: 1024px) and (min-width: 768px){/*#Ipad right sidebar */

}
@media (max-width: 1024px) and (min-width: 320px){/*#Ipad + Mobile right sidebar */

}
/*###CSS IPAD-----------------------------------*/