/*
Theme Name: Theme dịch vụ Wordpress DV02
Theme URI: http://e-web.vn
Author: Hieu.dev
Author URI: http://e-web.vn
Description: Kho giao diện wordpress lớn nhất Việt Nam
Version: 2.2
Text Domain: eweb
Domain Path: /languages/
Tags:
*/

/* Font */
/*@font-face{font-family: 'UTM Avo Bold';src: url(fonts/utm_avobold.eot);src: url(fonts/utm_avobold.eot?#iefix) format( 'embedded-opentype' ),url(fonts/utm_avobold.woff) format( 'woff' ),url(fonts/utm_avobold.ttf) format( 'truetype' ),url(fonts/utm_avobold.svg#utm_avobold) format( 'svg' )}*/
/*@font-face{font-family: 'UTM Avo';src: url(fonts/utm_avo.eot);src: url(fonts/utm_avo.eot?#iefix) format( 'embedded-opentype' ),url(fonts/utm_avo.woff) format( 'woff' ),url(fonts/utm_avo.ttf) format( 'truetype' ),url(fonts/utm_avo.svg#utm_avo) format( 'svg' )}*/
/*@font-face{font-family: ''Roboto', sans-serif';src: url(fonts/uvf_aphrodite_pro.eot);src: url(fonts/uvf_aphrodite_pro.eot?#iefix) format( 'embedded-opentype' ),url(fonts/uvf_aphrodite_pro.woff) format( 'woff' ),url(fonts/uvf_aphrodite_pro.ttf) format( 'truetype' ),url(fonts/uvf_aphrodite_pro.svg#uvf_aphrodite_proregular) format( 'svg' )}
@font-face{font-family: ''Roboto', sans-serif';src: url(fonts/UTM_Androgyne.ttf) format( 'truetype' )}
@font-face{font-family: 'UTM Impact';src: url(fonts/UTM_Impact.ttf) format( 'truetype' );font-weight: normal;font-style: normal}
@font-face{font-family: 'Cleargothic Xlight';src: url(fonts/Cleargothic_Xlight.ttf) format( 'truetype' );font-weight: normal;font-style: normal}*/
@font-face{
	font-family:'FontAwesome';
	src:url('font-awesome/fonts/fontawesome-webfont.eot');
	src:url('font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		url('font-awesome/fonts/fontawesome-webfont.woff') format('woff'),
		url('font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'),
		url('font-awesome/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
	font-weight:normal;
	font-style:normal
}
[class^="icon-"]:before,[class*=" icon-"]:before{
	font-family:FontAwesome;
	font-weight:normal;
	font-style:normal;
	display:inline-block;
	text-decoration:inherit
}

/*
    HTML5 Reset :: style.css
    ----------------------------------------------------------
    We have learned much from/been inspired by/taken code where offered from:

    Eric Meyer                  :: http://meyerweb.com
    HTML5 Doctor                :: http://html5doctor.com
    and the HTML5 Boilerplate   :: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/*html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; }*/
article, aside, figure, footer, header, nav, section, details, summary {display: block;}
/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {box-sizing: border-box; }
*, *:before, *:after {box-sizing: inherit; }
/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
 /* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img, object, embed {max-width: 100%;}
/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
    In fact, it *will* cause problems with Google Maps' controls at small size.
    If this is the case for you, try uncommenting the following:

#map img {
        max-width: none;
}
*/
 /* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}
/* we use a lot of ULs that aren't bulleted.
    you'll have to restore the bullets within content,
    which is fine because they're probably customized anyway */
ol,ul {margin: 0 0 10px; padding: 0}
ul li, ol li{list-style: none; margin-bottom: 10px}
ul li:last-child, ol li:last-child{ margin-bottom: 0}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
/* tables still need cellspacing="0" in the markup */
table {border-collapse: separate; border-spacing: 0;}
th {font-weight: bold; vertical-align: middle}
td {font-weight: normal; vertical-align: middle}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
small {font-size: 85%;}
strong {font-weight: bold;}
td, td img {vertical-align: middle}
/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}
/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], input[type=file], button {cursor: pointer;}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}
/* make buttons play nice in IE */
button, input[type=button] {width: auto; overflow: visible;}
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}
/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:after { content: " "; display: block; clear: both; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-top: 20px; margin-bottom: 10px; font-weight: 700}
h1, h2, h3, h4, h5, h6, a, span, p, button, input, label, i,img{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
html {margin: 0 auto}
body {font-size: 16px; line-height: 1.4; color: #444}
a, a:focus{outline: none}
a, a:hover, a:focus {text-decoration: none}
a:focus {outline-offset: inherit}
a img{ border:none}
img { max-width:100%; height: auto}
p{margin-bottom: 10px}
p:last-child{margin-bottom:0 }
blockquote{border: 3px dashed #F47555;padding: 20px;margin: 10px 0; background-color: #FFFFDF; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px}
ul li, ol li{list-style: none}
embed,iframe,object,video {max-width: 100%}
.h1, h1 {font-size: 1.4em}
.h2, h2 {font-size: 1.3em}
.h3, h3 {font-size: 1.25em; }
.h4, h4 {font-size: 1.125em; }
.h5, h5 {font-size: 1em; }
.h6, h6 {font-size: .85em; opacity: .8; }
/*h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}*/
::-moz-selection { background-color: #338FFF; color: #fff;  }
::selection { background-color: #338FFF; color: #fff  }
main {display: block }
dfn, cite, em, i {font-style: italic; }
address {margin: 0 0 1.5em; }
pre {background: #eee; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }
abbr, acronym {border-bottom: 1px dotted #666; cursor: help; }
/*mark, ins {background: #fff9c0; text-decoration: none; }*/
small {font-size: 75%; }
big {font-size: 125%; }
li{list-style-type: disc; list-style-position: inside}
fieldset{padding:5px 10px;border:1px solid #d9d9d9;}
legend{padding-left:10px;padding-right:10px;width:auto;color:red}
iframe{max-width:100%}
svg {transition: fill 120ms ease-in-out; fill: currentColor}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0}.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto}.alignright {float:right;margin: 5px 0 20px 20px}.alignleft {float: left;margin: 5px 20px 20px 0}a img.alignright {float: right;margin: 5px 0 20px 20px}a img.alignnone {margin: 5px 20px 20px 0}a img.alignleft {float: left;margin: 5px 20px 20px 0}a img.aligncenter {display: block;margin-left: auto;margin-right: auto}.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center}.wp-caption.alignnone {margin: 5px 20px 20px 0}.wp-caption.alignleft {margin: 5px 20px 20px 0}.wp-caption.alignright {margin: 5px 0 20px 20px}.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto}.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px}.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden}.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000}.wp-block-image{text-align: center}

/* =Forms
--------------------------------------------- */
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	margin-bottom: 15px
}
input:focus,textarea:focus, select:focus, button:focus {outline: none}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, select {width: 100%; border: 1px solid #c3c3c3; background-color: #fff;color: #a8a8a8; line-height: 38px;padding: 0 10px}
select{height: 40px;width: auto}
textarea{padding: 0 10px; overflow: auto; vertical-align: top;line-height: inherit}
input[type="submit"], button[type="submit"], input[type="button"], input[type="search"], input[type="reset"]{color: #fff;padding: 0 20px; line-height: 38px; background-color: #DA251D;border: 1px solid #DA251D}
input[type="submit"], button[type="submit"], input[type="button"], input[type="search"], input[type="reset"]{-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow;}
input[type="submit"]:hover, button[type="submit"]:hover, input[type="button"]:hover input[type="search"]:hover, input[type="reset"]:hover{box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5)}
input[type="checkbox"], input[type="radio"] { width: auto; padding: 0; /* Addresses excess padding in IE8/9 */ }
input[type="search"], input[type="submit"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: border-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
input[type="search"]::-webkit-search-decoration, input[type="submit"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
select:-moz-focusring{color: transparent;text-shadow: 0 0 0 rgba(255, 255, 255, 0.5)}
option {background-color: #fff}
::-webkit-input-placeholder {color:#a8a8a8}
::-moz-placeholder {color:#a8a8a8}
::-ms-placeholder {color:#a8a8a8}
::placeholder {color:#a8a8a8}
input[type='radio']:after {width: 18px; height: 18px; border-radius: 18px; top: -2px; left: -1px; position: relative; background-color: #fff; content: ''; display: inline-block; visibility: visible; border: 1px solid #C3C3C3; }
input[type='radio']:checked:after {background-color: #333468}

/* = Tables
--------------------------------------------- */
table {border-collapse: collapse;border-spacing: 0;line-height: 2;margin-bottom: 40px;width: 100%}
tbody {border-bottom: 1px solid #ddd}
th,td {text-align: left}
th {font-weight: bold;text-transform: uppercase}
td {border-top: 1px solid #ddd;padding: 6px 0}

/* = Comment
--------------------------------------------- */
ol.commentlist{float: left;width: 100%}
ol.commentlist li{border: 1px solid #e3e3e3;padding: 10px;margin-bottom: 10px;border-radius: 5px;list-style-type: none;float: left;width: 100%}
ol.commentlist li:last-child{margin-bottom: 0}
ol.commentlist img{float: left;margin-right: 10px}
ol.commentlist .comment-metadata time, ol.commentlist .comment-metadata .comment-edit-link{font-size: 14px;color: #7d7d7d}
ol.commentlist .comment-metadata .comment-edit-link{color: #D9534F}
ol.commentlist .fn{ line-height: 1;display: block; color: #444;font-weight: 700;font-size: 14px}
ol.commentlist .says{display: none}
ol.commentlist .reply a{display: inline-block;background-color: #444;font-size: 14px;padding: 0 10px;color: #fff}
ol.commentlist .depth-2{background-color: #e3e3e3}
ol.commentlist .depth-3{background-color: #d5d5d5}
ol.commentlist .depth-4{background-color: #b7b7b7}
ol.commentlist .depth-5{background-color: #9d9d9d} 
ol.commentlist .children{margin: 10px 0 0}
#comments{font-size: 18px; font-weight: 700}
#respond{border: 1px solid #e3e3e3; padding: 0 10px; clear: both; border-radius: 5px; margin-top: 10px; position: relative; top: 10px; margin-bottom: 10px;background-color: #fff}
#respond h3{font-size: 18px}
#respond h3,#respond form p{margin-bottom: 15px}
#respond form input{margin: 0}
/*#respond form textarea{height: 100px;margin-bottom: 0}*/
#respond #submit{background: #245895;color: #fff;padding: 2px 20px;border-radius: 5px}
.comment-form-cookies-consent input[type="checkbox"]{float: left;margin: 4px 5px 0 0!important}

/* =Editor Stylesheet
--------------------------------------------- */
.entry-content {line-height: 1.625; }
/*.entry-content a {border-bottom: 1px solid #ddd; color: #ff70a9 }*/
/*.entry-content a:hover {color: #333; }*/
.entry-content strong {font-weight: 700 }
.entry-content ol, .entry-content ul {margin: 0 0 10px 0; padding: 0; list-style: inherit}
.entry-content ol li, .entry-content ul li{list-style-type: disc; list-style-position: inside;margin-bottom: 10px }
.entry-content ol li{list-style-type: decimal }
.entry-content ol li:last-child, .entry-content ul li:last-child{margin-bottom: 0}
.entry-content blockquote, .entry-content blockquote::before {color: #999; }
/*.entry-content blockquote {margin: 40px 40px 24px; }*/
.entry-content blockquote::before {content: "\201C"; display: block; font-size: 30px; height: 0; left: -15px; position: relative; top: -15px; }
.entry-content cite {font-style: normal; }
.entry-content figure + *{clear: both}
/* Headings
--------------------------------------------- */
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {font-weight: 700; line-height: 1.4; margin: 0 0 15px; }
.entry-content li h1, .entry-content li h2, .entry-content li h3, .entry-content li h4, .entry-content li h5, .entry-content li h6{display: inline-block}

/* Tables
--------------------------------------------- */
.entry-content table {border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; border: 1px solid #eee;display: table;width: auto;max-width: 100%; margin: 0 auto}
.entry-content table tr:nth-child(even) {background: #F9F9F9}
.entry-content tbody {border-bottom: 1px solid #ddd; }
.entry-content th, .entry-content td {text-align: left; padding: 5px;border-right: 1px dotted #eee}
.entry-content th {font-weight: bold; text-transform: uppercase; }
.entry-content td {border-top: 1px solid #ddd}
/*
Common Classes
---------------------------------------------------------------------------------------------------- */
/*.entry-content *{margin-bottom: 10px}*/
.entry-content img.centered, .entry-content .aligncenter {margin: 0 auto 5px; clear: both; margin-left: auto; margin-right: auto}
.entry-content img.alignnone {margin-bottom: 12px; }
.entry-content .alignleft {float: left; text-align: left; }
.entry-content .alignright {float: right; text-align: right; }
.entry-content img.alignleft, .entry-content .wp-caption.alignleft {margin: 0 24px 24px 0; }
.entry-content img.alignright, .entry-content .wp-caption.alignright {margin: 0 0 24px 24px; }
.entry-content .wp-caption-text {font-size: 14px; font-weight: 700; text-align: center; }

/*
Gallery
---------------------------------------------------------------------------------------------------- */
.gallery figure img{max-width:100%;height:auto;margin:0 auto;display:block;}
.gallery figure{float:left;margin:0 2% 1em 0;}
.gallery figure figcaption{text-align: center; font-style: italic; margin: 10px 0 0}
.gallery.gallery-columns-1 figure{width:100%;margin:0 0 1em 0;float:none;}
.gallery.gallery-columns-3 figure{width:32%;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3){margin-right:0;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4){clear:left;}
.gallery.gallery-columns-2 figure{width:49%;}
.gallery.gallery-columns-2 figure:nth-of-type(even){margin-right:0;}
.gallery.gallery-columns-2 figure:nth-of-type(odd){clear:left;}
.gallery.gallery-columns-4 figure{width:23.25%;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4){margin-right:0;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+5){clear:left;}
.gallery.gallery-columns-5 figure{width:18%;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5){margin-right:0;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+6){clear:left;}
.gallery.gallery-columns-6 figure{width:14.2%;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6){margin-right:0;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+7){clear:left;}
.gallery.gallery-columns-7 figure{width:12%;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7){margin-right:0;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+8){clear:left;}
.gallery.gallery-columns-8 figure{width:10.2%;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8){margin-right:0;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+9){clear:left;}
.gallery.gallery-columns-9 figure{width:8.85%;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9){margin-right:0;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+10){clear:left;}
@media (max-width:767px){img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb{display:block;margin:1em auto;float:none;}
.gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure{width:100%;margin:0 0 1em 0;float:none;}
}

a{color: #444}
a:hover{color: #DA251D}
#___plusone_0,#___plusone_1{width:60px!important}
#___plusone_0,#___plusone_1,.twitter-share-button{  position: relative!important;top: 8px!important}

b, strong{font-weight: 700}
.m-0 {margin: 0!important; }
.m-1 {margin: 0.25rem!important; }
.m-2 {margin: 0.5rem!important; }
.m-3 {margin: 1rem!important; }
.m-4 {margin: 1.5rem!important; }
.m-5 {margin: 3rem!important; }
.mt-0, .my-0 {margin-top: 0!important; }
.mt-1, .my-1 {margin-top: 0.25rem!important; }
.mt-2, .my-2 {margin-top: 0.5rem!important; }
.mt-3, .my-3 {margin-top: 1rem!important; }
.mt-4, .my-4 {margin-top: 1.5rem!important; }
.mt-5, .my-5 {margin-top: 3rem!important; }
.mb-0, .my-0 {margin-bottom: 0!important; }
.mb-1, .my-1 {margin-bottom: 0.25rem!important; }
.mb-2, .my-2 {margin-bottom: 0.5rem!important; }
.mb-3, .my-3 {margin-bottom: 1rem!important; }
.mb-4, .my-4 {margin-bottom: 1.5rem!important; }
.mb-5, .my-5 {margin-bottom: 3rem!important; }

.p-0 {padding: 0!important; }
.p-1 {padding: 0.25rem!important; }
.p-2 {padding: 0.5rem!important; }
.p-3 {padding: 1rem!important; }
.p-4 {padding: 1.5rem!important; }
.p-5 {padding: 3rem!important; }
.pt-0, .py-0 {padding-top: 0!important; }
.pt-1, .py-1 {padding-top: 0.25rem!important; }
.pt-2, .py-2 {padding-top: 0.5rem!important; }
.pt-3, .py-3 {padding-top: 1rem!important; }
.pt-4, .py-4 {padding-top: 1.5rem!important; }
.pt-5, .py-5 {padding-top: 3rem!important; }
.pb-0, .py-0 {padding-bottom: 0!important; }
.pb-1, .py-1 {padding-bottom: 0.25rem!important; }
.pb-2, .py-2 {padding-bottom: 0.5rem!important; }
.pb-3, .py-3 {padding-bottom: 1rem!important; }
.pb-4, .py-4 {padding-bottom: 1.5rem!important; }
.pb-5, .py-5 {padding-bottom: 3rem!important; }

.d-flex {display: -ms-flexbox!important; display: flex!important; }
.flex-wrap {-ms-flex-wrap: wrap!important; flex-wrap: wrap!important; }
.justify-content-center {-ms-flex-pack: center!important; justify-content: center!important; }
.justify-content-between {justify-content: space-between !important; }
.text-center{text-align: center;}
.flex-column{flex-direction: column;}
.flex-row{flex-direction: row;}
.align-items-center{align-items: center;}
.fw-b{font-weight: 700}
.table-responsive {overflow-x: auto; -webkit-overflow-scrolling: touch; }

.main-container-wrap{background:#f3f3f3}
/*Header*/
.top-head{background: #222}
.top-head li{float: left;padding: 5px 0}
.top-head li a{color: #fff;border-right: 1px solid rgba(255, 255, 255, 0.3);padding: 0 10px}
.top-head li:hover a{opacity: 0.6 !important}
.top-head li:last-child a,.social-top-head ul a{border-right: none}
.social-top-head ul{float: right}
.menu-and-search-wrap{background: #00579C}
/*Menu*/
.menu-and-search-wrap .main-menu-mobile{display:none}
#show-menu{display: block;line-height: 38px;color: #fff;background: url(images/icon-menu-sm.png) no-repeat right 7px;text-indent: -9999px}
.menu-head{}
.main-menu ul li{position: relative;display: inline;float: left}
.main-menu ul li.search{float:right;padding-top:5px}
.main-menu ul li.search:hover{background:none}
.main-menu ul li.current-menu-item,.main-menu ul li:hover{background:#DA251D}
.main-menu ul li a{white-space: nowrap; display: block; color: #fff;text-decoration: none; padding: 0 14px; text-transform: uppercase; outline:none; line-height: 40px}
* html .main-menu ul li a,* html .main-menu ul li a span{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block}
.main-menu ul li a:link, .main-menu ul li a:visited{color:#fff}
/*SUB*/
.main-menu ul li:hover > .sub-menu{display: block;visibility: visible;z-index: 9999;opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0.3s ease, opacity 0.2s ease .1s;-webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s}
.main-menu ul li .sub-menu{background: rgba(237, 27, 36, 0.7);min-width:210px;opacity: 0;padding:0;position:absolute;-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0.5s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease}
.main-menu ul li .sub-menu li {margin:0;width: 100%;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s}
.main-menu ul li .sub-menu li:hover{background:#DA251D}
.main-menu ul li .sub-menu li a{padding: 0 15px;line-height: 37px; text-transform: none}
.main-menu ul li .sub-menu ul {left:210px;margin-top: -37px}
/* Holly Hack for IE \*/
* html .main-menu{height: 1%;} /*Holly Hack for IE7 and below*/
.menu-fixed{z-index: 9999;position: fixed;top: 0;left: 0;right: 0}
/*Search*/
#searchform input[type='text']{  background: none repeat scroll 0 0 #fff;border: medium none;float: left;height: 30px;left: 0;padding: 0 0 0 10px;width: 240px; margin-bottom: 0}
#searchform input[type='submit']{background: url(images/search.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left;border: medium none;cursor: pointer; height: 30px;margin: 0;padding: 0;width: 34px;text-indent: -9999px}
/*Slider*/
#slider{}
#slider #owl-slider .item img{width:100%;height:auto}
#slider .owl-theme .owl-controls{margin-top:0;position: absolute;top: 93%;left: 0;right: 0}
#slider .owl-theme .owl-controls .owl-page span.owl-numbers{font-size:inherit;border-radius: 50%;text-indent: -9999px;margin: 0px 3px;background:#00579C;width: 10px;height: 10px;padding: 0}
#slider .owl-theme .owl-controls .owl-page.active span,#slider .owl-theme .owl-controls.clickable .owl-page:hover span{background:#E83A18}
/*Content main*/
.box-post{float:left;min-height: 506px;margin-top: 40px}
.box-post .content{background: url(images/bg_home_public.png) repeat-x scroll left bottom #fff;border-radius: 5px;float: left;width: 100%;padding: 10px}
.box-post .content .views-item{float: left;width: 100%}
.box-post .content .views-item:first-child{padding:0}
/*.box-post .content .views-item .field-thumb{border: 3px solid #DA251D;border-radius: 50%;overflow: hidden;width: 190px;height: 190px;margin: 0 auto}*/
.box-post .content .view-item-first{text-align:center}
.box-post .content .views-item .first-row{border-bottom: 1px dashed #DDD;margin:10px 0;padding-bottom: 5px;float: left;width: 100%;text-align: left}
.box-post .content .views-item .first-row a{display: inline-block; font-weight: 700}
.box-post .content .views-item .other-item{margin-bottom: 3px;padding-bottom: 3px}
.box-post .content .views-item .other-item i{color: #DA251D}
.box-post .content .view-footer{border-top: 1px dashed #ddd;margin-left: 10px;margin-right: 10px;padding-bottom: 5px;padding-top: 5px;text-align: right;width: 94%;display: inline-block}
.box-post .content .view-footer a{color: #00579C;  font-size: 15px}
.field-thumb{position: relative;overflow: hidden}
.link-overlay-thumb {cursor: pointer;position: absolute; width: 10%;height: 10%;top: 50%;margin-top: -9px;left: 50%;margin-left: -13px;right: 0;bottom: 0;background: #000;opacity: 0;z-index: 100}
.view-item-first:hover .link-overlay-thumb{opacity: 0.3; width: 90%;height: 90%;left: 10%;top: 10%}
.view-item-first .field-thumb img{width: 100%}
.view-item-first:hover .field-thumb img{  -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1,1.1)}

.home .bv_feature {margin-top: 40px}
.bv_feature {float:left;width: 100%}
.bv_feature .owl-carousel,.yk-kh .owl-carousel,.doi-tac .owl-carousel{float: left}
.bv_feature .item{padding:10px}
.bv_feature .item .ten-bv,.post-related .title-post-related{background: rgba(0, 0, 0, 0.6);float: left;width: 100%;color: #fff;padding: 3px 0;text-align: center;margin-top: -28px;position: relative;text-transform: capitalize}
.post-related .title-post-related{margin-top: -29px;padding: 7px 0}
.posts-related h3{  margin-bottom: 20px}
.bv_feature .item .thumb-bv img{width:100%;height:auto}
.bv_feature .owl-buttons{position: absolute;top: 50%;margin-top: -32px;width: 100%}
.bv_feature .owl-buttons div{margin: 0!important;text-indent: -9999px;height: 63px;border-radius:0!important}
.bv_feature .owl-buttons .owl-prev{float:left;background:url(images/icons.png) no-repeat scroll -70px -103px rgba(0,0,0,0)!important}
.bv_feature .owl-buttons .owl-next{float:right;background:url(images/icons.png) no-repeat scroll -95px -103px rgba(0,0,0,0)!important}
.bv_feature .owl-controls{margin-top:0!important}
/*YK Khách hàng*/
/*.yk-kh{float:left;width:100%;margin-bottom:20px}*/
/*.yk-kh .title-yk{color: #00579C; font-size: 19px;float: left;margin-bottom: 10px;white-space:nowrap;position: relative;z-index: 1}*/
/*.yk-kh .owl-carousel{background:#fff;float: left;border:1px solid #e5e5e5}*/
.yk-kh,.doi-tac{float:left;margin-top: 40px}
.doi-tac .item{padding: 0 5px}
.yk-kh{clear: both}
.yk-kh .item .thumb-yk, .doi-tac .item .thumb-yk{float: left;width: 190px;height: 127px;overflow: hidden;margin-right: 25px}
.yk-kh img,.doi-tac img{border: 1px solid #e5e5e5;padding: 1px;float: left;width: 100%;height: auto}
.yk-kh .content-yk{background-image: url(images/blockquote.png);background-repeat: no-repeat;background-position:200px 0;font-style:italic}
.readmore{color: #00579C}
.yk-kh .owl-buttons div,.doi-tac .owl-buttons div{margin: 0!important;text-indent: -9999px;border-radius: 0!important;opacity:1!important;padding: 4px 15px!important}
.yk-kh .owl-buttons .owl-prev, .doi-tac .owl-buttons .owl-prev{float: right;background:#00579C url(images/testimonials-right-01.png) no-repeat 50%!important}
.yk-kh .owl-buttons .owl-next, .doi-tac .owl-buttons .owl-next{float: right;background:#00579C url(images/testimonials-left-01.png) no-repeat 50%!important;margin-right: 5px!important}
.yk-kh .owl-buttons, .doi-tac .owl-buttons {position: absolute;top:0;margin-top: -50px;width: 100%}
/*Sidebar*/
.sidebar .block-sidebar{background: #fff;border-radius: 3px;float: left;width: 100%;margin-bottom:30px;padding: 10px}
/*Suport*/
.block-suport .hotline,.block-video .video{  padding-bottom: 8px;width: 100%;text-align: center}
.block-video .video{border-bottom:none}
.block-suport .icon-ht{background: url(images/icons.png) no-repeat scroll -66px -67px transparent;float: left;height: 36px;width: 38px}
.block-suport .ht{color: #5D9E0E; font-size: 18px; font-weight: 700}
.block-suport ul{float: left;width: 100%;margin-top: 10px}
.block-suport li{float: left;text-align: center;width:50%}
.block-suport li p.phone{color: #CD3437;font-weight: 700;margin:5px 0}
/*Video*/
.block-video .icon-video{background: url(images/media-icon-play.png) no-repeat;float: left;height: 28px;width: 28px}
.block-video .vd{color: #00579C; font-size:21px;left: 5px;position: relative;text-transform: capitalize;top: 2px}
.block-video .playlist .field-content .titleVideo{cursor:pointer;color:#666}
.block-video .playlist .icon{background: url(images/icons.png) no-repeat scroll -126px -128px transparent;float: left;height: 10px;margin-right: 5px;position: relative;top: 3px;width: 10px}
/*Tab*/
.sidebar .block-tab{background:inherit;padding:0}
.shadetabs li{display: inline;margin: 0;text-align: center}
.shadetabs li a{text-decoration: none;position: relative;z-index: 1;padding: 10px 0;color: #00579C;background: #f8f8f8;outline: none;float: left;width: 33.333333333333333%;margin: 0 auto;;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s}
.shadetabs li a.selected{background:#00579C;color:#f8f8f8}
.tabcontent{display:none}
/*Tab Nhà mạng*/
.tab-nm{float: left;width: 100%; margin-bottom: 15px}
.tab-nm .tieude{text-align: center; font-weight: 700; line-height: 40px;color: #fff;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00579C), to(#50BBEF));
    background: -webkit-linear-gradient(top, #50BBEF, #00579C);
    background: -moz-linear-gradient(top, #50BBEF, #00579C);
    background: -ms-linear-gradient(top, #50BBEF, #00579C);
    background: -o-linear-gradient(top, #50BBEF, #00579C)
}
.tab-nm .nhamang{text-align: center;border: 1px solid #ccc; border-top-color: transparent}
.tab-nm .nhamang img,.tab-nm .nhamang .gia{margin: 5px 0}
.tab-nm .nhamang .gia{font-weight: 700;font-size: 22px;color: #DA251D;}
.tab-nm .noidung{border: 1px solid #ccc; border-top-color: transparent}
.tab-nm .noidung li:before{content:'\f14a'; font-family: 'FontAwesome'; float: left; margin-right: 5px}
.tab-nm .chitiet{background-color: #ccc;text-align: center;padding: 5px 0px;line-height: 35px}
.tab-nm .chitiet a{color: #DA251D; font-size: 18px}
.tab-nm .chitiet:hover{background: #00579C}
.tab-nm .chitiet:hover a{color:#fff;}
.title-ti{margin: 25px 0; font-size: 24px; font-weight: 700}
.icon-li{text-align: center; margin-bottom: 10px}
.icon-li i{display: block;font-size: 70px;color: #222;margin-bottom: 10px;cursor: pointer}
.icon-li i:hover{color: #00579C}
.tien-ich-item:nth-child(3n+1){clear: both}

@media print {.tabcontent {display:block !important}}
.content-tab{width: 100%;padding: 10px;background: #fff;float: left}
.content-tab .item-list li{border-bottom: 1px dashed #d7d7d7;margin-bottom: 10px;padding-bottom:10px;float: left;width: 100%}
.content-tab .item-list li:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0}
.content-tab .item-list li a{color:#333}
.content-tab .item-list li img{float: left;margin-right: 10px;width:60px;height:auto}
.content-tab .item-list li .time{display:block;font-style:italic}
.content-tab .the-tags a{background: #00AEEF;color: white;padding: 5px;margin: 2px 5px;float: left;white-space:nowrap}
/*Quảng cáo*/
.block-qc .item img{width:100%;height:auto}
.block-img-qc img{width:100%;height:auto}
.archive .block-img-qc{float: left;width: 100%;padding: 0 15px}
.sidebar .block-img-qc{padding:10px}
/*Footer*/
.footer-wrapper{margin-top: 40px}
.footer-top{background: none repeat scroll 0 0 #00579C}
.menu-footer{text-align: center}
.menu-footer ul li{display: inline; margin-bottom: 0}
.menu-footer ul li a{color: #fff; line-height:35px; padding:0 12px; display: block;}
.footer-center{margin-top: 1px;background-color: #066291;background-image: url(images/bg-footer.jpg);background-position: center center;background-repeat: repeat;padding: 20px 0}
.box-footer{padding: 10px 15px;color: #fff;  line-height: 30px}
.box-footer .widget-title{color: #fff; border-bottom: 1px dotted #fff; margin-bottom: 15px; padding-bottom: 10px; text-transform: uppercase}
.box-footer p, .box-footer a{color: #fff}
.box-footer li:hover{padding-left: 5px}
.box-footer li a:before{content: "\f101";display: inline-block;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: 5px}
.copy-right{background: #222;padding: 7px 0}
.copyright{color: #fff;float: left;width: 100%}
.copyright a{color:#fff}
/*Breadcrumb*/
#breadcrumb .breadcrumb{background-color:inherit;border-radius:inherit;margin-bottom:0}
#breadcrumb a{color:#666;outline:none}
#breadcrumb a:focus{text-decoration:none}
#breadcrumb a.active{color: #00579C;font-weight: 700}
/*Pagenavi*/
.wp-pagenavi {clear: both;float:right}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;border: 1px solid #BFBFBF;padding: 3px 5px;margin: 2px}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #000}
.wp-pagenavi span.current {font-weight: bold}
/*Archive*/
.category-image img{width: 100%;height: auto;background: none repeat scroll 0 0 #00AFF0;border-radius: 0 0 5px 5px;padding-bottom: 3px}
.list-post{float: left; width: 100%; background: #fff; margin: 10px 0 20px; padding:15px 10px 10px}
.post{float:left;width:100%;margin-bottom:20px}
.post:last-child{margin-bottom:0}
.post .thumb-img{float: left;margin-right:10px}
.post .excerpt-post{padding-right: 10px}
.post .excerpt-post .field-head a{ font-size: 18px; font-weight: 700}
/*Single*/
.title-post, .title-arc, .titte-cate{border-bottom: 1px dashed #E5E5E5; color: #00579C; font-size: 24px; padding-bottom: 5px; margin-top: 0; font-weight: 700; margin-bottom: 15px!important}
.title-post span, .title-arc span, .titte-cate a, .titte-cate span{border-left: 4px solid red; padding-left: 10px; color: #00579C}
.tag-cloud{float: left;width: 100%;margin:20px 0}
.tag-cloud .tag{color: #00579C; font-size: 19px;font-weight: 400;float: left;margin-right: 10px}
.tag-cloud h3{float:left;display:block; margin-top: 6px}
.tag-cloud .separator{float: left;position: relative;top: -3px}
/*Post Related*/
.posts-related{float: left;width: 100%;margin-top: 20px}
.post-related{float: left;width: 100%;text-align: center;margin-bottom: 10px}
.posts-related .field-head-related{padding: 0 15px 15px;color: #00579C; font-size: 25px;font-weight: 400}
.post-related .thumb-related{float: left;width: 100%;margin-bottom: 5px}
.post-related .thumb-related img{width: 100%;height: auto}
.post-related a.title-post-related{color: #333;float: left;height: 30px;overflow: hidden}
.title-bv{ font-size: 25px;color: #00579C}
/*Nguyên liệu*/
.tax-danh-muc-nguyen-lieu .title-arc{margin-bottom: 10px}
.tax-danh-muc-nguyen-lieu .list-post{background:inherit;margin-bottom: 0}
.tax-danh-muc-nguyen-lieu .list-post .wraper-nl{float:left;width:100%;background:#fff;padding-top:15px}
.tax-danh-muc-nguyen-lieu .post .thumb-img{margin-right:0;position: relative;overflow: hidden}
.tax-danh-muc-nguyen-lieu .post .thumb-img img{width:100%;height:auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s}
.tax-danh-muc-nguyen-lieu .post .excerpt-post .field-head{float: left;height: 28px;overflow: hidden;margin-top: 5px;text-align: center;padding: 0 5px;width: 100%}
.tax-danh-muc-nguyen-lieu .post .excerpt-post .field-content{height: auto;overflow: inherit;width: 100%;text-align: center;float:left}
.tax-danh-muc-nguyen-lieu .post:last-child{margin-bottom:20px}
.tax-danh-muc-nguyen-lieu .excerpt-post{float: left;width: 100%;padding-right: 0}
.des-cate{float: left;width: 100%;background: #fff;padding: 10px;padding-right: 20px;margin-bottom: 20px}
.category .des-cate{padding:0}
.price{float: left;width: 100%;text-align: center;color: #b40000;font-weight: 700;font-size: 13px;min-height: 36px}
.price .old-price,.price .new-price{display:block}
.price .old-price{text-decoration:line-through;font-size:12px;color:#530101}
.price-lh,.liheight-span{line-height:36px}
.danh-gia{float: left;width: 100%;text-align: center;margin-bottom: 5px;min-height: 18px}
.add-cart{background: #00579C;border: 1px solid #c2c2c2;color: #fff}
.link-overlay {cursor: pointer;position: absolute;right: 0;bottom: 0;background: rgba(0, 0, 0, 0);-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;z-index: 100;width: 10%;height: 10%;top: 50%;margin-top: -10px;left: 50%;margin-left: -9px}
.post-sp:hover .link-overlay{width: 90%;height: 90%;left: 10%;top: 10%;background: rgba(0, 0, 0, 0.3)}
.post-sp:hover .thumb-img img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2,1.2)}
/* Tab Single*/
.contents .content-tab{padding:15px}
.contents .shadetabs li{margin: 0 1em 0 0;float: left}
.contents .shadetabs li a{padding:7px 10px;border-radius: 5px 5px 0 0;font-size: 15px;white-space: nowrap;width:auto}
.contents .content-tab{padding-right:20px;line-height: 20px;font-size: 15px}
.contents .content-tab img{max-width:100%;height:auto}

/*Widget*/
.block-sale-product .post .thumb-img,.block-feature-product .post .thumb-img{float: none;margin:0 auto}
.block-sale-product .post,.block-feature-product .post{text-align:center}
.block-sale-product .post .excerpt-post .field-head,.block-feature-product .post .excerpt-post .field-head{margin-top:5px}
.block-sale-product .post .price,.block-feature-product .post .price{text-align:center}
.block-sale-product .post .price .new-price,.block-feature-product .post .price .new-price{font-size:inherit}
.block-sale-product .post .danh-gia,.block-feature-product .post .danh-gia{text-align:center;margin:0}
.block-sale-product .thumb-img img,.block-feature-product .thumb-img img{width:auto!important}
p.ew_field_head{border-bottom: 1px dashed #E5E5E5;color: #00579C; font-size: 21px;font-weight: normal;padding-bottom: 10px;margin-bottom: 10px}
.scroll-text{width: 100%;height:668px;overflow: hidden}
.scroll-text ul {width: 100%;height: 1000000000px;overflow: hidden;margin: 0}
.scroll-text ul li {height:334px;margin-bottom: 10px}
.block-feature-post .post{margin-bottom:10px}
.block-feature-post img{width: 100%;margin-bottom: 5px}
.block-feature-post .text-666{ background: url(images/icons.png) no-repeat scroll -126px -128px transparent;padding-left: 10px}

.home .block-img-qc{padding:0 15px;margin-top:40px;  float: left;width: 100%}
.form-book{text-align:center;margin: 0 0 10px;float: left;width: 100%}
.form-book a{width: 139px;height: 46px;display: block;margin:5px auto;text-indent: -9999px;outline:none}
.form-book a.dat-lich{background:url(images/datlich.png) no-repeat}
.form-book a.hoi-dap{background:url(images/hoidap.png) no-repeat}
.form-book a.khuyen-mai{background:url(images/khuyenmai.png) no-repeat}
/*Contact Form*/
.wpcf7-form p{font-weight: 700;margin-bottom:12px}
.wpcf7-form .ew-title{padding: 6px 0;white-space:nowrap}
.wpcf7-form .required:after{padding-left: 3px;color: #ea7162;content: "*";font-size: 13px;line-height: 1px}
.wpcf7-form input[type='text'],.wpcf7-form input[type='email'],
.wpcf7-form input[type='tel'],.wpcf7-form select,
.wpcf7-form textarea{height: 32px;width: 100%;outline: none;padding: 0 10px;cursor:pointer}
.wpcf7-form textarea{height:60px}
.wpcf7-form .wpcf7-submit{background: #00579C;border: 1px solid #c2c2c2;color: #fff;padding: 5px 20px;border-radius: 5px}
.block-sidebar .wpcf7-form{height:70px;overflow:hidden;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s}
input.wpcf7-not-valid, textarea.wpcf7-not-valid { background: #fff url(images/error.png) no-repeat 98% center; border: 1px solid #f00!important}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{background-color: #e8e8e8}
.wpcf7 .wpcf7-not-valid-tip{margin-top: -13px; position: relative; padding: 5px 8px; line-height: 1.2em; border-radius: 3px; opacity: .8; background-color: #f1f1f1; color: #b20000;}
.wpcf7 .wpcf7-not-valid-tip:after {bottom: 100%; left: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136,183,213,0); border-bottom-color: #f1f1f1; border-width: 10px; margin-left: -10px; }
.wpcf7 .ajax-loader, .wpcf7 form.invalid .wpcf7-response-output{display: none!important}
.processing{position:relative}
.processing:before{content:'';margin:0px auto;font-size:10px;text-indent:-9999em;border-top:3px solid rgba(0,0,0,0.1) !important;border-right:3px solid rgba(0,0,0,0.1) !important;border-bottom:3px solid rgba(0,0,0,0.1) !important;opacity:.8;border-left:3px solid #446084;animation:spin .6s infinite linear;border-radius:50%;width:30px;height:30px;pointer-events:none}
.processing:before{position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;z-index:99}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.wpcf7-form{float: left; width: 100%}
.wpcf7-form .processing *{opacity:.8}
/*Toolbox*/
#toolbox{bottom: 25%;margin-left: -550px;position: fixed;right: 10px;background: #00579C;width: 40px;opacity: 0}
.show_toolbox{opacity: 1!important}
#toolbox ul{  float: right;width: 40px;margin: 0;padding: 0}
#toolbox li{height: 25px;margin-top: 10px;width: 40px;list-style: none;color: #fff}
#toolbox li a{color: #fff;text-indent: -9999px}
#toolbox li.toTop a {display: block;background: url(images/gotop.png) no-repeat center top;height: 17px;width: 100%}
#dialog {background: rgba(0, 0, 0, 0.4);bottom: 0;display: none;left: 0;position: fixed;right: 0;top: 0;z-index: 9999999}
#dialog > div {background:#FFFFFF;box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.4);left: 50%;margin: 0 0 0 -200px;overflow: hidden;position: fixed;top: 40%;width: 400px}
#dialog .header {background: #3399CC;color: #fff; font-size: 1.3em;line-height: 1.4;padding: 6px 15px;text-transform: uppercase}
#dialog .content {font-size: 1.1em;line-height: 1.4;padding: 0 15px 10px 15px}
#dialog .content a{color: #222}
#dialog .content a{color: #3399CC}
#dialog .content > div p {margin-bottom: 10px}
#dialog .action { text-align:center; padding:5px 0; background:#eee}
#dialog .action button { border:1px solid #ccc; background:#fff; border-radius: 5px; padding: 5px 10px; box-shadow:2px 1px 0 #ddd; cursor:pointer; margin:0 10px}
#dialog .action button:hover { border-color:#0098D3; color:#0098D3}
/*Widget calendar*/
#wp-calendar { width: 100%; font-size: 11px; }
#wp-calendar thead th { background: #f5f5f5; border: 1px solid #ddd; border-top: none; font-size: 11px; }
#wp-calendar tbody td { text-align: center; border: 1px solid #ddd; line-height: 2.5em; transition: background 0.15s ease; -webkit-transition: background 0.15s ease; -o-transition: background 0.15s ease; -moz-transition: background 0.15s ease; }
#wp-calendar tbody td:hover { background: #f1f1f1; color: #333; }
#wp-calendar tbody td a { display: block; text-decoration: none; background: #f1f1f1; color: #333; }
#wp-calendar tbody td:hover a { background: #4d4d4d; color: #fff; }
#wp-calendar tfoot td { padding-top: 1px; padding: 4px}
#wp-calendar tfoot td#next{text-align: right}
#wp-calendar caption { cursor: pointer; font-size: 13px; text-transform: uppercase; margin: 0; padding: 12px; outline: 0 none !important; background: #3b86b0; color: #fff; }
#wp-calendar tbody a { display: block; text-decoration: underline; }
#wp-calendar th { text-align: center; border: 1px solid transparent; border-top: none; padding: 7px 0; color: #a7a7a7; }

.fb-comments,
.fb-comments > span,
.fb-comments > span > iframe {max-width: 100%; width: 100% !important}

/*col-md*/
@media screen and (max-width: 1199px) {
    
}

/*col-sm*/
@media screen and (max-width: 991px) {
	.top-head, #toolbox{display: none}
	.menu-and-search-wrap .main-menu{display:none}
	.menu-and-search-wrap .main-menu-mobile{display:block}
	.menu-and-search-wrap .main-menu-mobile li.search{display:none}
}

/*col-xs*/
@media screen and (max-width: 767px) {
	.tien-ich-item:nth-child(3n+1){clear: inherit;}
	.tien-ich-item:nth-child(2n+1){clear: both;}
	.owl-controls{display:none!important}
}

@media only screen and (max-width:600px) {
	.post-sp:hover .link-overlay{display:none}
	.checkout-card{margin: 10px 0}
	.kns .col-xs-12{margin-bottom: 15px}
	.yk-kh .item .thumb-yk, .doi-tac .item .thumb-yk{width: 100%;height: auto;margin-right: 0}
	.yk-kh img, .doi-tac img{margin-bottom: 10px}
	.yk-kh .tit-yk{margin-bottom: 5px}
	.yk-kh .content-yk{background-image: none}
}

@media only screen and (max-width:568px) {

}

@media only screen and (max-width: 480px) {
	.contents .shadetabs li{width: 100%}
	.contents .shadetabs li a{border-radius: 0;width: 100%}
}

@media only screen and (max-width: 390px) {
	.contents-main .ti .col-md-4{width: 100%}
}
@media only screen and (max-width: 320px) {
	.menu-footer{background:inherit}
	.post .thumb-img{width: 100%;margin-right: 0;margin-bottom: 10px}
	.post .thumb-img img{width: 100%}
}

@media (min-width: 576px) {
    .d-sm-flex {display: flex !important ; }
    .mb-sm-0 {margin-bottom: 0!important ; }
}