/*
Theme Name: BH02
Theme URI: http://e-web.vn
Author: Ngô Đức Hiếu
Author URI: http://e-web.vn
Description: Mẫu website bán hàng BH02 - Kho giao diện wordpress lớn nhất Việt Nam
Version: 06/02/2022
Text Domain: ew
Domain Path: /languages/
Tags:
*/

@charset "utf-8";
@import url('css/owl.carousel.min.css');
@import url('css/owl.theme.default.min.css');
@import url('css/jquery.FlowupLabels.css');
/*@import url('css/animate.css');*/
/*@import url('bootstrap/css/bootstrap.min.css');*/
@import url('bootstrap-v4.0.0/css/bootstrap.min.css');
@import url('font-awesome/css/font-awesome.min.css');
@import url('css/reset.css');
@import url('css/wp-core.css');

@font-face {
    font-family: 'utm-avo';
    src: url(fonts/utm-avo.ttf);
}
@font-face {
    font-family: 'utm-avo-bold';
    src: url(fonts/utm-avo-bold.ttf);
}
@font-face {
    font-family: 'utm-avo-bold-italic';
    src: url(fonts/utm-avo-bold-italic.ttf);
}
@font-face {
    font-family: 'utm-avo-italic';
    src: url(fonts/utm-avo-italic.ttf);
}

@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
}
::-webkit-input-placeholder {color: #a8a8a8}
:-moz-placeholder {color: #a8a8a8}
::-moz-placeholder {color: #a8a8a8}
:-ms-input-placeholder {color: #a8a8a8}
h1, h2, h3, h4, h5, h6, a, span, p, button, input, label, i,img, .overlay,#menu-primary li, .owl-nav [class*=owl-]{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.no-transition{
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
html {margin: 0 auto}
body {font-size: 16px; line-height:24px; font-family: 'Roboto'}
a{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}
blockquote{border: 3px dashed #F47555;padding: 20px;margin: 10px 0; background-color: #FFFFDF; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px}
ol,ul {margin: 0;padding: 0}
ul li{list-style: none}
embed,iframe,object,video {max-width: 100%}
h1{ font-size:21px}
h2{ font-size:19px}
h3{ font-size:17px}
h4, h5, h6{ font-size:15px}
::-moz-selection { background-color: #AB631B; color: #fff}
::selection { background-color: #AB631B; color: #fff}
main {display: block }
dfn, cite, em, i {font-style: italic; }
address {margin: 0 0 1.5em; }
pre {background: #eee; 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%; }
p:last-child{margin-bottom: 0}

/* =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 */
}
input:focus,textarea:focus, select:focus, button:focus {outline: none}
input[type="text"],input[type="url"],input[type="email"],input[type="tel"],input[type="search"],input[type="password"], textarea, select {width: 100%; border: 2px solid #909090; color: #131313; line-height: 36px; padding: 0 15px;border-radius: 3px}
/*input:read-only {background-color: yellow}*/
input, textarea, select {margin-bottom: 10px}
select{height: 38px}
textarea{padding: 10px; overflow: auto; vertical-align: top; line-height: inherit; height: 152px}
button[type="submit"], input[type="submit"]{border-radius: 3px;color: #fff;padding: 0 38px; line-height: 36px; background-color: #f13a30; border: 1px solid #f13a30}
input[type="checkbox"], input[type="radio"] {padding: 0; /* Addresses excess padding in IE8/9 */ }
/*input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}*/
input[type="search"]::-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:#fff}
::-moz-placeholder {color:#fff}
::-ms-placeholder {color:#fff}
::placeholder {color:#fff}*/
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: #65bab1}

/* = Shortcode
--------------------------------------------- */
/*#accordion .panel:first-child{margin-top: 0}
#accordion .panel{ border: none;background: none;box-shadow: none;border-bottom: 1px solid #EAEAEA;padding-bottom: 19px; border-radius: 0; margin-top: 19px}
#accordion .panel .panel-heading{ border: none; color: #fff; padding: 0; background-color: transparent}
#accordion .panel .panel-heading .panel-title{line-height: 32px;color: #14171c; text-transform: uppercase; font-style: italic}
#accordion .panel .panel-heading .panel-title:hover,#accordion .panel .panel-heading.bg-heading .panel-title{color: #65bab1}
#accordion .panel .panel-heading .panel-title a{padding-left: 20px}
#accordion .panel .panel-collapse{color: #999}
#accordion .panel .panel-collapse .panel-body{ border: none; padding: 24px 0 0 0}
#accordion .panel .panel-heading .panel-title .pt{width: 32px; height: 32px; border: 1px solid #65bab1}
#accordion .panel .panel-heading .panel-title .pt-tru{background: url(images/tru.png) no-repeat center center}
#accordion .panel .panel-heading .panel-title .pt-cong{background: url(images/cong.png) no-repeat center center}*/

/* = Modal
--------------------------------------------- */
.modal-content {top: 100px}
.modal-header, .modal-footer{ background-color: #65bab1; color: #fff; text-transform: uppercase; text-align: center;}
.modal-header{ border-radius: 4px 4px 0 0}
.modal-footer{ border-radius: 0 0 4px 4px}
.modal-header .close{opacity: 1; color: #fff}
.modal-body input, .modal-body select{border-color: transparent; border-bottom-color: #c3c3c3;  border-radius: 0}
.modal-body input[type="submit"]{border-radius: 5px}

/* = Tables
--------------------------------------------- */
.table {border-collapse: collapse}
.table-bordered{border: 1px solid #65bab1}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border: 1px solid #9B9FD0}
.table thead{ background: #65bab1; color: #fff}
.table th, .table td{text-align: center}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align: middle}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border: 2px solid #fff}

/* =Editor Stylesheet
--------------------------------------------- */
.entry-content {line-height: 1.625; }
.entry-content a {color: #65bab1 }
.entry-content a:hover {color: #333; }
.entry-content p {margin: 0 0 10px; padding: 0; }
.entry-content strong {font-weight: 700; }
.entry-content ol, .entry-content ul {margin: 0 0 15px 40px; padding: 0; }
.entry-content ol li {list-style-type: decimal; }
.entry-content ul li {list-style-type: disc; }
.entry-content ol ol, .entry-content ul ul {margin-bottom: 0; }
.entry-content blockquote, .entry-content blockquote::before {color: #999; }
.entry-content blockquote {margin: 15px 0}
.entry-content blockquote::before {content: "\201C"; display: block; font-size: 30px; height: 0; left: -15px; position: relative; top: -10px; }
.entry-content cite {font-style: normal; }

/*
Gallery
---------------------------------------------------------------------------------------------------- */
.gallery figure img{max-width:100%;height:auto;margin:0 auto;display:block;}
.gallery figure{float:left;margin:0 2% 1em 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;}
}

/* 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.2; margin: 0 0 16px; }

/* Tables
--------------------------------------------- */
/*.entry-content table {border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; }*/
/*.entry-content tbody {border-bottom: 1px solid #ddd; }
.entry-content th, .entry-content td {text-align: center }
.entry-content th {font-weight: bold}
.entry-content td {border-top: 1px solid #ddd; padding: 6px 0; }
.entry-content tr:nth-child(odd) td:nth-child(odd) {background-color: #AFE8EF }
.entry-content tr:nth-child(odd) td:nth-child(even) {background-color: #98CBD1 }
.entry-content tr:nth-child(even) td:nth-child(even){background-color: #AFE8EF }
.entry-content tr:nth-child(even) td:nth-child(odd){background-color: #98CBD1 }
.entry-content th:nth-child(odd){background-color: #98CBD1 }
.entry-content th:nth-child(even){background-color: #AFE8EF }*/
/*
Common Classes
---------------------------------------------------------------------------------------------------- */
.entry-content *{margin-bottom: 10px}
.entry-content img.centered, .entry-content .aligncenter {display: block; margin: 0 auto 24px; }
.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; }
.entry-content ul, .entry-content ol{margin-left: 15px}
.entry-content li{list-style-type: inherit; list-style-position: inside}
.entry-content p{margin-bottom: 10px}

/*
General
---------------------------------------------------------------------------------------------------- */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
.avo{font-family: 'utm-avo', sans-serif}
.avo-b{font-family: 'utm-avo-bold', sans-serif}
.avo-bi{font-family: 'utm-avo-bold-italic', sans-serif}
.avo-i{font-family: 'utm-avo-italic', sans-serif}

.btn-red, .btn-blue, .btn-grey, .btn-white, .btn-black{padding: 0 20px; text-transform: uppercase; border-radius: 5px; line-height: 30px}
.btn-red{background-color: #A5241C; color: #fff; display: inline-block}
.btn-blue{background-color: #65bab1; color: #fff; display: inline-block}
.btn-white{background-color: #fff; color: #65bab1; display: inline-block}
.btn-black{background-color: #131313; color: #fff; display: inline-block}
.blue{color: #65bab1}
.bg-blue{background-color: #65bab1}
.white{color: #fff}
.bg-white{background-color: #fff}
.red{color: #A5241C}
.bg-red{background-color: #A5241C}
.grey{color: #999}
.bg-grey{background-color: #E7E7E7}
.black{color: #131313}
.bg-black{background-color: #131313}
.orange{color: #e87c12}
.flw{float: left;width: 100%}
.clear { float:none; clear:both; margin:0px; padding:0px;height: 0;display: block}
.overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0}
.bold {font-weight: bold}
.italic{font-style: italic}
.site-title{visibility: hidden; position: absolute;}
.no-padding{padding: 0}
.thumbnail{ margin: 0 0 10px; padding: 0;border-radius: 0;border: none; display: block; line-height: 0; position: relative}
.no-margin{margin: 0}
.block{display: block}
.block-inline{display: inline-block}
.center-block {display: block; margin-right: auto; margin-left: auto}
.none{display: none}
.font13{font-size: 13px}
.font14{font-size: 14px}
.font16{font-size: 16px}
.font18{font-size: 18px}
.font20{font-size: 20px}
.font22{font-size: 22px}
.font24{font-size: 24px}
.font26{font-size: 26px}
.font28{font-size: 28px}
.font30{font-size: 30px}
.font40{font-size: 40px}
.font50{font-size: 50px}
.relative{position: relative}
.absolute{position: absolute}
.overflow{overflow: hidden}
.rotate-img img{ -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; }
.rotate-img:hover img{-webkit-transform: rotate(8deg) scale(1.3) skew(1deg) translate(0px); -moz-transform: rotate(8deg) scale(1.3) skew(1deg) translate(0px); -o-transform: rotate(8deg) scale(1.3) skew(1deg) translate(0px); transform: rotate(8deg) scale(1.3) skew(1deg) translate(0px) }
.border-anm:before{box-shadow: inset 0 0 0 48px transparent; z-index: 1; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: "";}
.border-anm:hover:before{box-shadow: inset 0 0 0 4px #AB631B}
.circle{-moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%}
.thumb-shadow{background-color: #fff; -moz-box-shadow: 1px 2px 4px rgba(0,0,0,.1); -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,.1); box-shadow: 1px 2px 4px rgba(0,0,0,.1); padding: 2px}

.owl-nav{margin-top: 0}
.owl-dots{margin-top: 25px}
.owl-dots .owl-dot span{background: #AEAEAE; width: 10px; height: 10px; border: none; -webkit-transition: width .3s, height .3s; transition: width .3s, height .3s; margin: 5px 3px; display: block; border-radius: 50%; cursor: pointer}
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span{background: #65bab1}
.owl-nav [class*=owl-]{position: absolute; top: 50%; margin: -20px 0 0; padding: 0}
.owl-nav [class*=owl-], .owl-nav [class*=owl-]:hover{ background-color: transparent}
.owl-nav [class*=owl-] i{font-size: 40px;color: #65bab1}
.owl-nav .owl-prev{left: 0; margin-left: -60px}
.owl-nav .owl-next{right: 0; margin-right: -60px}

/*
Structure and Layout
-------------------------------------------------------------- */
	#main{overflow: hidden}
	section.section .section-title{ margin-bottom: 40px; display: block; position: relative; line-height: 1; font-size: 24px; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px}
	section.section .section-title:before{ content: ''; display: inline-block; background: #65bab1; width: 50px; height: 3px; position: absolute; bottom: -2px; left: calc(50% - 25px); right: auto;}
	section.section .section-title a{ color: #131313}
	section.section .section-title i{margin-top: 30px; text-transform: initial}

	/* = Header
	-------------------------------------------------------------- */
	.topbar {background: #333; height: 35px}
	.topbar .dropdown-back{ position: relative; color: #fff; font-size: 14px; line-height: 35px}
	.topbar .dropdown-back:hover{ color: #fff}
	.topbar .dropdown-back i{ font-size: 16px}
	.topbar .basket-item-count{ position: absolute; top: 2px; background: red; left: 10px; display: inline-block; min-width: 16px; min-height: 16px; line-height: 16px; text-align: center; border-radius: 100%}
	.topbar .basket-item-count .cart-items-count{  font-size: 10px}
	.topbar .dropdown-menu{  left: initial; right: 0; top: 35px; border-radius: 0; margin-top: 0; padding: 15px; min-width: 300px}
	.widget_shopping_cart_content .mini_cart_item{margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #ebebeb; display: flex; align-items: center}
	.widget_shopping_cart_content .mini_cart_item .remove_from_cart_button{ color: #333!important; margin-right: 15px; font-weight: 700; font-size: 16px; height: 1em; width: 1em; line-height: 1em; text-align: center; border-radius: 50%}
	.widget_shopping_cart_content .mini_cart_item .remove_from_cart_button:hover{ background-color: red; color: #fff!important}
	.widget_shopping_cart_content .mini_cart_item img{width: 55px; margin-right: 15px}
	.widget_shopping_cart_content .mini_cart_item .product-title{color: #333; font-weight: 700}
	.widget_shopping_cart_content .total{display: flex; justify-content: space-between}
	.widget_shopping_cart_content .total strong{font-weight: 400}
	.widget_shopping_cart_content .total .amount{font-weight: 700}
	.widget_shopping_cart_content .buttons .wc-forward{background-color: #65bab1; display: block; text-align: center; color: #fff; line-height: 38px}
	.info-top{ border-bottom: 2px solid #E7E7E7}
	#logo-pc{margin: 15px 0}
	.home .info-top{border-bottom: none}
	#header .info-top li{float: left; margin-right: 30px}
	#header .info-top li:last-child{margin-right: 0}
	#header .info-top li *{color: #131313; line-height: 40px}
	.button-navbar{cursor: pointer;}
	.button-navbar .bar1, .button-navbar .bar2, .button-navbar .bar3 {width: 26px; height: 3px; background-color: #65bab1; margin: 5px 0; transition: 0.4s; border-radius: 3px;}
	.button-navbar.active .bar1 {-webkit-transform: rotate(-45deg) translate(-5px, 6px); transform: rotate(-45deg) translate(-5px, 6px); }
	.button-navbar.active .bar2 {opacity: 0;}
	.button-navbar.active .bar3 {-webkit-transform: rotate(45deg) translate(-5px, -6px); transform: rotate(45deg) translate(-5px, -6px); }
	.menu-fixed .head-mobile .button{top: 10px!important}
	#logo-mobile a{display: block;line-height: 0}

	/*
	Navigation
	-------------------------------------------------------------- */
	@-webkit-keyframes fontbulger {
	    0% {-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 0s linear, opacity 0.2s linear;-webkit-transition: -webkit-transform 0s linear, opacity 0.2s linear}
	    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s linear, opacity 0.2s linear;-webkit-transition: -webkit-transform 0s linear, opacity 0.2s linear}
	}
	@-moz-keyframes fontbulger {
	    0% {-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 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
	    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
	}
	@-o-keyframes fontbulger {
	    0% {-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 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
	    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
	}
	@keyframes fontbulger {
	    0% {-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 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
	    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
	}
	.scrolled{animation: fontbulger 0.5s;-webkit-animation: fontbulger 0.5s}
	.menu-fixed {z-index: 999999!important;position: fixed;top: 0;left: 0;right: 0; padding: 0; min-height: 40px; margin-top: 0!important; margin-bottom: 0!important; padding: 10px 0}
	.menu-fixed {background: rgba(19, 19, 19, 0.9); -webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.6); box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.6);}
	.menu-fixed #menu-primary li a{color: #fff}
	.menu-fixed #menu-primary ul li .sub-menu li a{color: #131313}

	#menu-primary .menu{text-align: center; display: flex; align-items: center; justify-content: center}
	#menu-primary li{display: inline-block;position: relative; padding: 0 20px}
	#menu-primary li a{color: #131313; display: block; font-size: 14px; line-height: 40px; font-family: 'utm-avo-bold', sans-serif; text-transform: uppercase}
	#menu-primary li.current-menu-item a, #menu-primary li:hover > a{color: #65bab1}
	/*Sub Menu*/
	#menu-primary ul li .sub-menu{ min-width:260px;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}
	#menu-primary ul li .sub-menu .wrapper-sub{background: #fff; float: left; width: 100%;border-top: 1px solid #65bab1;border-bottom: 1px solid #65bab1;}
	#menu-primary 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}
	#menu-primary ul li .sub-menu li {border-right: none;text-align: left; margin:0;width: 100%;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s; border-bottom: 1px solid #eee}
	#menu-primary ul li .sub-menu li:hover>a{color: #65bab1}
	#menu-primary ul li .sub-menu li a{text-transform: none; font-weight: normal; line-height: 40px;border-bottom: none; padding-bottom: 0;font-family: 'utm-avo', sans-serif}
	#menu-primary ul li .sub-menu ul {left:260px;margin-top: -41px}
	#menu-primary .sub-menu .sub-menu {-webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1);}
	/*Mobile Menu*/

	body.menu-open .mobile-menu {z-index: 99999999; visibility: visible; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s; -moz-transition: -moz-transform .4s ease, visibility 0s ease .5s, z-index 0s ease 0s; -o-transition: -o-transform .4s ease, visibility 0s ease .5s, z-index 0s ease 0s; transition: transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s; }
	.mobile-menu {background: rgba(51, 51, 51, 0.97); top: 0; bottom: 0; left: 0; height: 100%; overflow: hidden; position: fixed; visibility: hidden; z-index: -1; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s; -moz-transition: -moz-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s; -o-transition: -o-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s; transition: transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s; }
	.mobile-menu ul {width: 250px; text-align: initial; list-style: none; }
	.mobile-menu ul > li:last-child {border-bottom: none; }
	.mobile-menu ul li {border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; }
	.mobile-menu ul li.menu-item-has-children::after {content: '\f078'; position: absolute; top: 0; right: 20px; font: 1em/46px 'FontAwesome'; pointer-events: none; -webkit-transition: -webkit-transform .5s ease-in-out; -moz-transition: -moz-transform .5s ease-in-out; -o-transition: -o-transform .5s ease-in-out; transition: transform .5s ease-in-out; color: #fff}
	.mobile-menu ul li.menu-item-has-children.active::after {-webkit-transform: rotate(540deg); -moz-transform: rotate(540deg); -ms-transform: rotate(540deg); -o-transform: rotate(540deg); transform: rotate(540deg); }
	.mobile-menu ul li a {padding: .7em 1em; display: block; color: #fff; line-height: 20px; border-left: 2px solid transparent; }
	.mobile-menu ul li:hover > a, .mobile-menu ul li.active > a, .mobile-menu ul li.current-menu-item > a {border-color: #65bab1; }
	.mobile-menu ul li.menu-item-has-children > a {display: inline-block; }
	.mobile-menu .sub-menu a {padding-left: 20px; }
	.mobile-menu .sub-menu a::before {content: '-'; display: inline-block; font-family: 'FontAwesome'; color: #999; margin: 0 5px 0 0; }
	.mobile-menu .sub-menu .sub-menu a::before {content: '--'; }
	.mobile-menu .sub-menu .sub-menu .sub-menu a::before {content: '---'; }
	.mobile-menu .close-menu {text-align: center; display: block; color: #65bab1; font-size: 28px; line-height: 50px; }

	/* = Primary
	-------------------------------------------------------------- */

		/*Slider*/
		#slider{position: relative}
		#slider .owl-dots{position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: center}
		#slider .owl-nav [class*=owl-]{position: absolute; top: 50%; margin: -30px 0 0; padding: 0}
		#slider .owl-nav [class*=owl-], #slider .owl-nav [class*=owl-]:hover{background-color: transparent}
		#slider .owl-nav [class*=owl-] i{font-size: 60px;color: #B1AAB3}
		#slider .owl-nav .owl-prev{left: 0; margin-left: -30px}
		#slider .owl-nav .owl-next{right: 0; margin-right: -30px}
		#slider .owl-carousel:hover .owl-prev{margin-left: 30px}
		#slider .owl-carousel:hover .owl-next{margin-right: 30px}
		/*@-webkit-keyframes beat {
			from {-webkit-transform: scale(1); transform: scale(1); }
			to {-webkit-transform: scale(1.1); transform: scale(1.1); }
		}
		@keyframes beat {
			from {-webkit-transform: scale(1); transform: scale(1); }
			to {-webkit-transform: scale(1.1); transform: scale(1.1); }
		}
		.btn-registration{ -webkit-animation: beat 1s ease infinite alternate; animation: beat 1s ease infinite alternate}
		.btn-registration{ position: absolute; bottom: 0; margin-bottom: 10px; z-index: 10; left: 50%; margin-left: -93px; line-height: 40px; padding: 0 40px; color: #fff; border-radius: 5px}
		.btn-registration:hover{color: #fff}*/
		.banner {position: relative; display: block; overflow: hidden}
		.banner:before{border-color:#000 transparent transparent;border-style:solid;border-width:0;content:"";height:0;left:0;opacity:0.2;position:absolute;top:0;transition:all 0.5s ease-in-out;width:0}
		.banner:after{border-color:transparent transparent #000;border-style:solid;border-width:0;bottom:0;content:"";height:0;opacity:0.2;position:absolute;right:0;transition:all 0.5s ease-in-out;width:0}
		.banner:hover:before{border-width:1150px 680px 0 0;transition:all 0.3s ease-in-out}
		.banner:hover:after{border-width:0 0 1150px 680px;transition:all 0.3s ease-in-out}
		.banner-center:nth-child(1) {margin-bottom: 13px}
		.title-alt{ bottom: 10px; left: 0; right: 0; text-align: center}
		.title-alt span{ text-transform: uppercase; color: #fff; background-color: rgb(0 0 0 / 70%); padding: 0 40px; line-height: 40px; display: inline-block}

		/*Section 1*/
		.item-product{margin-bottom: 20px}
		.item-product .thumbnail{margin-bottom: 0}
		.product-3-col .product:nth-child(3n+1){clear: both}
		.product-4-col .product:nth-child(4n+1){clear: both}

		/*Section 2*/
		.item-service .thumbnail{margin-bottom: 0}
		.article-title{margin: 14px 0 0; height: 44px; overflow: hidden}
		.article-exp{margin-top: 14px}
		/*.post-date{margin-top: 10px}*/
		.item-service{margin-bottom: 20px}
		.term-service-home .col-md-3:nth-child(4n+1){clear: both}

		/*Section 3*/
		.item-news{margin-bottom: 20px}
		.term-service-home .col-md-4:nth-child(3n+1){clear: both}

		/*Section 4*/
		#ew-list-item .icon-box-img .icon-inner {max-width: 200px; float: none; margin: 0px auto 20px auto; width: 100%; height: 200px; position: relative; overflow: hidden; display: table; border-radius: 50%; }
		#ew-list-item .icon-box-img .icon-inner img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50px; border: 2px solid #ccc}
		

		/*Section 5*/
		

		/*Section 6*/
		.section-breacrumb {text-transform: uppercase; color: #131313; font-family: 'utm-avo-bold', sans-serif; padding: 15px 0}
		.woocommerce-breadcrumb, .woocommerce-breadcrumb a{color: #131313!important; font-size: 12px!important; margin: 0!important; padding: 0!important }

	/* = Woocommerce
	-------------------------------------------------------------- */
	.woocommerce-tabs .panel {border: none; box-shadow: none; -webkit-box-shadow: none}
	.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{padding: 0 1em}
	.woocommerce span.onsale{border-radius: 0; top: .5em; left: .5em; min-height: 30px; line-height: 30px; padding: 0 10px; background-color: #65bab1}
	.price .amount, .contact-price{color: #65bab1;font-family: 'utm-avo-bold', sans-serif}
	.price ins{text-decoration: none}
	.price del{float: right; text-decoration: none; position: relative; color: #999}
	.price del .amount{color: inherit; font-family: inherit; font-size: 16px}
	.price del:after{content: " "; display: block; width: 100%; border-top: 2px solid rgba(169, 169, 169, 0.8); height: 4px; position: absolute; bottom: 9px; left: 0; transform: rotate(11deg);}
    .price del:before{content: " "; display: block; width: 100%; border-top: 2px solid rgba(169, 169, 169, 0.8); height: 4px; position: absolute; bottom: 9px; left: 0; transform: rotate(-11deg);}
    .summary .price del{float: inherit; margin-right: 5px}
    .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{width: 30px; height: 30px; line-height: 30px; padding: 0}
    .summary .price{clear: both; margin-bottom: 15px}
    .summary .price .label{padding: 0}
    .cart button.plus, .cart button.minus {border: 1px solid #ccc; color: #888; float: left; font-size: 14px; height: 38px; width: 38px; line-height: 36px; text-align: center; text-decoration: none;float: left }
    .woocommerce div.product form.cart div.quantity{margin-right: 0}
	.cart .quantity .qty {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 0; border-right: 0; color: #888; float: left; font-size: 14px; height: 38px; text-align: center}
	.cart .quantity input[type=number]::-webkit-inner-spin-button, .cart .quantity input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; }
	.cart .quantity input{margin: 0}
	.woocommerce div.product form.cart .button{margin-left: 10px}
	.woocommerce div.product form.cart{margin-bottom: 15px}
	.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color: #65bab1; border-radius: 0}
	#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{padding: 0 10px; line-height: 38px}
	.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{background-color: #65bab1; border-radius: 0; color: #fff; padding: 0 1em; line-height: 38px; font-weight: 400}
	.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{width: 100px}
	#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{padding: 0; line-height: 38px; font-size: 16px}
	.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{background-color: #131313}
	.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{background-color: #131313; color: #fff}
	.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ padding: 10px; border: 1px solid #909090}
	#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li{list-style-type: none}
	.woocommerce div.product div.images .flex-control-thumbs li{width: 20%}
	.woocommerce div.product div.images .flex-control-thumbs li img{height: 90px}

	.quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button {display: none; margin: 0; }
    .quantity input.qty {appearance: textfield; -webkit-appearance: none; -moz-appearance: textfield; }

	/* = Product
	-------------------------------------------------------------- */
	.product-title{margin: 13px 0 5px}
	.product_title{font-family: 'utm-avo-bold', sans-serif; font-size: 22px; color: #65bab1; text-transform: uppercase; margin-bottom: 15px}
	.property{margin-bottom: 10px}
	.single_excerpt{color: #999; margin: 10px 0}
	.hotline{background-color: #65bab1; padding: 0 20px; line-height: 60px; float: left; margin: 0 10px 20px 0}
	.contact-product{float: left; line-height: 60px; padding: 0 15px; border: 1px solid #DEDEDE; color: #373737; margin-bottom: 20px}
	.products h2{font-family: 'utm-avo-bold', sans-serif; font-size: 20px; color: #131313; position: relative; margin-bottom: 60px}
	.products h2:after, .section-related .related-title:after{content: ''; width: 50px; height: 3px; background-color: #65bab1; position: absolute; left: 0; bottom: 0; margin-bottom: -30px}

	/* = Detail Post
	-------------------------------------------------------------- */
	/*.date-entry{border-bottom: 2px solid #D2D2D2; margin-top: 10px; margin-bottom: 20px}
	.social-entry{border-top: 2px solid #D2D2D2; border-bottom: 2px solid #D2D2D2}
	.social-entry li{float: left; margin-right: 20px}
	.social-entry li a{color: #999; font-size: 18px}

	.entry-content{margin-bottom: 50px}
	.entry-metadata{border: 1px solid #999; margin-bottom: 20px; float: left; width: 100%; padding: 5px 15px; margin-top: 15px}
	.single .entry-content{margin-bottom: 0}
	.block-related{margin: 20px 0 50px}*/

	/* = Sidebar
	-------------------------------------------------------------- */

	/* = Category
	-------------------------------------------------------------- */
	.category .item-news {margin-bottom: 30px}
	.post-by-category .item-news:nth-child(3n+1){clear: both}
	.category .item-news .thumbnail{margin-bottom: 0}
	.content-description{margin-bottom: 20px}

	/* = Contact
	-------------------------------------------------------------- */
	/*.info-contact{ margin-top: 28px}
	.info-contact i{ color: #1D439C; font-size: 14px; margin-right: 6px}
	.info-contact .company{ font-family: 'Roboto',sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; color: #c58933; margin-bottom: 20px}
	.info-contact p{ font-size: 14px; color: #999}
	.form-contact input{line-height: 45px; border: 1px solid #EAEAEA; border-radius: 0; background-color: #fff; margin-bottom: 20px; padding: 0 35px 0 14px}
	.form-contact textarea{ height: 195px; border: 1px solid #EAEAEA; width: 100%; padding: 9px 35px 9px 14px}
	.form-contact input, .form-contact textarea{float:left; color: #999; font-size: 14px; font-style: italic}
	.form-contact button[type="submit"] {float: right; background-color: #1D439C;border-radius: 0;width: auto;padding: 0 25px; margin-top: 15px}
	.form-contact p:after {font-family: 'FontAwesome';position: absolute;color: #999;line-height: 45px;margin-left: -27px;font-size: 14px}
	.form-contact p.your-name:after {content: '\f007'}
	.form-contact p.your-phone:after {content: '\f095'}
	.form-contact p.your-mail:after {content: '\f003'}
	.form-contact p.your-add:after {content: '\f041'}
	.form-contact p.your-message:after {content: '\f044'}*/

	/* = Footer
	-------------------------------------------------------------- */
	#footer{background: url(images/bg-footer.png) no-repeat center center; background-size: cover}
	#footer {color: #fff; font-family: 'utm-avo', sans-serif}
	#footer a{color: #fff}
	#footer .menu li{ margin-bottom: 20px; float: left; width: 50%}
	#footer .menu li:before{content: ''; width: 10px; height: 10px; float: left; margin: 7px 10px 0 0; background-color: #65bab1; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg)}
	#footer .widget{padding-bottom: 20px; float: left; width: 100%}
	.title-widget-ft{margin: 30px 0 50px; position: relative}
	.title-widget-ft:after{content:''; width: 47px; height: 3px; background-color: #fff; position: absolute; left: 0; bottom: 0; margin-bottom: -24px}
	.bg-opc{background-color: rgba(171, 99, 27, 0.5); padding: 0 15px; float: left; width: 100%}
	.copyright{background-color: rgba(255, 255, 255, 0.1); padding: 15px 0}
	.copyright p, .copyright a{color: #999; font-size: 16px}

	.scrollTo{ display: block; text-align: center; line-height: 0; position: absolute; right: 0; margin-right: 10%; z-index: 1; cursor: pointer; width: 30px; line-height: 30px; font-size: 24px;}
	.scrollTo{background: #AB631B; position: fixed; bottom: 0; opacity: 0; visibility: hidden}
	.scrollTo i{color: #fff; line-height: 30px; font-size: 14px}
	.scrollTo.show{opacity: 1; visibility: visible }

	#searchform, .woocommerce-product-search{position: relative}
	#searchform input, .woocommerce-product-search input, .woocommerce-product-search button{margin-bottom: 0}
	#searchform input[type="submit"], .woocommerce-product-search button[type="submit"]{position: absolute; right: 0; top: 0}

	/* = Paging
	-------------------------------------------------------------- */
	.woocommerce-pagination {    text-align: center;float: right; margin: 10px auto 20px;}
	nav.woocommerce-pagination ul {display: inline-block; white-space: nowrap; padding: 0; border: 1px solid #d3ced2; border-right: 0; margin: 1px; }
	nav.woocommerce-pagination ul li {border-right: 1px solid #d3ced2; padding: 0; margin: 0; float: left; display: inline-block; overflow: hidden; }
	nav.woocommerce-pagination ul li a, nav.woocommerce-pagination ul li span {margin: 0; text-decoration: none; line-height: 1; font-size: 1em; font-weight: 400; padding: .5em; min-width: 1em; display: block; }
	nav.woocommerce-pagination ul li a:focus, nav.woocommerce-pagination ul li a:hover, nav.woocommerce-pagination ul li span.current {background: #ebe9eb; color: #8a7e88}
	.wp-pagenavi{float: right; margin-bottom: 20px}
	.wp-pagenavi a, .wp-pagenavi span {line-height: 20px; padding: 6px 12px; margin: 0 5px 0 0; border: 1px solid #65bab1; color: #65bab1; background: #fff; display: inline-block }
	.wp-pagenavi span.current, .wp-pagenavi a:hover {background: #65bab1; color: #fff; border: 1px solid #65bab1 }
	.wp-pagenavi a:last-child, .wp-pagenavi span:last-child{margin-right: 0}

	div.wpcf7-response-output{margin: 1em 0!important}

	.FlowupLabels .fl_wrap{margin: auto; width: 100%; border-bottom: 1px solid #DEDEDE; margin-bottom: 20px}
	.FlowupLabels .fl_label{left: 0; color: #131313; z-index: 1; font-size: 16px}
	.FlowupLabels.searchform .fl_label{left: 30px; font-size: 20px}
	.FlowupLabels .fl_wrap.focused .fl_label {color: #c2c2c2 }
	.FlowupLabels .fl_wrap.focused .fl_label, .FlowupLabels .fl_wrap.populated .fl_label, .no-js .FlowupLabels .fl_label {top: -10px; font-size: 12px}
	.FlowupLabels .fl_input{border-bottom: none; margin-bottom: 0; padding: 0}

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

	.section-related li{list-style-type: initial; list-style-position: inside}
	
    .google-map iframe{width: 100%!important}
    #main section.section-home{padding: 30px 0}

/*
Media Queries
-------------------------------------------------------------- */

/*Min col-sm*/
@media (min-width: 576px){
    
}

/*Min col-md*/
@media (min-width: 768px){
    
}

/*Min col-lg*/
@media (min-width: 992px){
    .justify-content-md-evenly{-webkit-box-pack: space-evenly!important; -ms-flex-pack: space-evenly!important; justify-content: space-evenly!important;}
}

/*Min col-xl*/
@media (min-width: 1200px){
    
}

/* Max col-lg*/
@media screen and (max-width: 1199px) {
	
}
/* Max col-md*/
@media screen and (max-width: 991px) {
    .head-mobile #logo-mobile img{max-height: 40px; width: auto}
	.owl-controls{display: none!important}
}
/* Max col-sm*/
@media screen and (max-width: 767px) {
	.product-3-col .product:nth-child(3n+1):nth-child(3n+1), .post-by-category .item-news:nth-child(3n+1){clear: inherit}
	.product-3-col .product:nth-child(3n+1):nth-child(2n+1), .post-by-category .item-news:nth-child(2n+1){clear: both}
	.product-4-col .product:nth-child(4n+1){clear: inherit}
	.product-4-col .product:nth-child(2n+1){clear: both}
	.hotline{padding: 0 10px; margin: 0 0 20px 0; width: 100%}
	.product-title{text-align: center}
	.item-product .price, .contact-price{display: block; text-align: center}
	.item-product .price del{float: none}
}
/* Max col-xs*/
@media screen and (max-width: 575px) {
	.section.section .section-title{font-size: 18px}
	section.section .section-title a{top: -30px; position: relative}
	#footer .menu li{width: 100%}
}
@media screen and (max-width: 480px) {
    
}
@media screen and (max-width: 320px) {
    
}





@media screen and (max-width: 320px) {
	.ew-xs{width: 100%!important}
}

@media (min-width: 768px) {
	.col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}