@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Mono:wght@100&display=swap');

*{
	font-family: 'Roboto Mono'
}

ul.pro li .info-pro {
	margin: 20px auto !important;
	border-radius: 5px;
	border: 1px dashed #dfdfdf;
}

ul.pro li .info-pro:hover,
ul.pro li .info-pro:focus {
	border: 1px solid blue !important;
	box-shadow: 0 0 30px 5px rgba(0, 0, 0, .1) !important;
}

ul.pro li .info-pro .cart i.ic-eye {
	display: none;
}

.header-top {
	/*background: url("https://st2.depositphotos.com/3503231/11873/v/950/depositphotos_118739346-stock-illustration-blue-grid-mosaic-background-creative.jpg") center center !important; */
	background: #fafafa;
	height: 180px;
}

.header-top .com p {
	font: 900 45px/45px 'UTM-Brewers';
	font-weight: bold;
	color: red;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.2);
	margin-top: 6px;
	margin-bottom: 10px;
}

.header-top .com h5 {
	letter-spacing: 5px;
	padding-top: 25px;
	margin-bottom: 15px;
	font: 900 45px/45px 'UTM-Brewers';
	font-weight: bold;
	color: red;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.2);
}

p.tel-head>span,
p.add-head>span {
	float: right;
	color: red !important;
	text-shadow: none !important;
}

ul.menu li:not(:last-child) a:after {
	background: none !important;
}

ul.menu li:hover a,
ul.menu li.active a {
	border-radius: 2px;
	background: blue !important;
	color: white;
	box-shadow: 0 0 20px 5px rgba(0, 0, 0, .1);
	transition: .1s ease-in-out;
}

.header-bot {
	box-shadow: 0 0 30px 5px rgba(0, 0, 0, .1) !important;
	position: relative;
}

.m-slider {
	overflow: hidden;
	/*background: url("https://thumbs.dreamstime.com/z/blue-square-illustration-white-background-business-website-presentation-colorful-150573266.jpg") center center !important;*/
}

.menu-san-pham h3,
.sidebar .box h4 {
	background: blue;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.menu-san-pham ul.danh-muc {
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
}

.menu-san-pham ::-webkit-scrollbar {
	width: 5px !important;
}

.menu-san-pham ::-webkit-scrollbar-thumb {
	/*    -webkit-border-radius: 10px;
        border-radius: 10px;*/
	background: blue !important;
	border-radius: 5px !important;
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}

.menu-san-pham ::-webkit-scrollbar-thumb:window-inactive {
	/*background: rgba(255,0,0,0.4);*/
	background: blue !important
}

.menu-san-pham ul.danh-muc li a {
	font: 500 13px/12px 'Roboto';
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.menu-san-pham ul.danh-muc li {
	padding: 10px 0 10px 40px;
}

.menu-san-pham ul.danh-muc li ul.sub-menu {
	background: rgba(0, 0, 0, 0.7);
	transition: all .1s ease;
	-o-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-webkit-transition: all .1s ease;
}

.menu-san-pham ul.danh-muc li:not(:last-child) {
	border-bottom: none !important;
}

.menu-san-pham ul.danh-muc li a:hover {
	color: blue;
	padding-left: 8px;
}

.fix-support h3 {
	background: blue !important;
	box-shadow: none !important;
}

.ct-support h4 {
	font: 500 15px/15px 'Roboto', sans-serif;
	font-weight: bold;
	color: #000;
	background: #fff;
	border-bottom: 2px dashed orange;
	text-transform: uppercase;
	padding: 10px 0;
}

.ct-support {
	box-shadow: 0 0 50px 10px rgba(77, 77, 230, .6) !important;
	background: #fff;
}

.txt-sp {
	border: none !important;
}

.txt-sp span {
	display: block;
	font: 400 13px/13px 'Roboto', sans-serif;
	font-weight: bold;
	color: #000;
	text-align: left;
	margin-bottom: 10px;
}

.txt-sp span.tm-p {
	color: blue;
}

.txt-sp strong {
	font: 500 15px/15px 'Roboto', sans-serif;
	font-weight: bold;
	color: #000;
}

.fix-support h3.active {
	box-shadow: none !important;
	right: 245px;
}

.camera_wrap {
	border: 5px solid white;
	border-radius: 5px;
	box-shadow: 0 0 30px 5px rgba(0, 0, 0, .2);
}

.m-cat-product ul li .cat-product {
	position: relative;
	border: 1px solid #ccc;
	display: none !important;
}

.m-title h4 span,
.m-title2 h4 span {
	/*   background: url("https://img.icons8.com/fluent-systems-filled/2x/chevron-right.png") left center no-repeat  !important; */
	background: url("https://img.icons8.com/material-two-tone/2x/double-right.png") left center no-repeat !important;
	color: #000;
	box-shadow: 0 0 20px 5px rgba(70, 70, 230, .2);
	border-radius: 3px !important;
	border: 2px dashed #000;
	padding: 15px 10px 15px 50px;
	font: 400 15px/20px "Utm-AvoB";
}

.m-title {
	border-bottom: none !important;
}

ul.pro li:hover .detail {
	background: blue;
}

ul.pro li .detail p span {
	color: blue;
}

.m-zoomin a.img:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	transition: .3s ease;
}

ul.pro li .detail {
	padding: 15px 10px;
}

ul.pro li .detail h5 {
	margin-bottom: 10px;
	min-height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.m-zoomin a.img img {
	border-radius: 5px !important;
}

.item__product .dnfix__thumb {
	border-bottom: 1px dashed #dfdfdf;
}

.slick-prev {
	background: url("https://www.flaticon.com/svg/static/icons/svg/566/566011.svg") no-repeat center center !important;
	background-size: cover;
}

.slick-next {
	background: url("https://www.flaticon.com/svg/static/icons/svg/566/566012.svg") no-repeat center center !important;
	background-size: cover;
}

.m-title a span {
	font: 500 14px/20px 'Roboto';
	float: right;
	margin-top: 26.275px !important;
	padding: 5px 10px;
	border-radius: 3px;
	box-shadow: 0 0 25px 2px rgba(0, 0, 0, .1) !important;
	background: #fff;
	color: blue;
	border-left: none;
	transition: none !important;
}

.m-title a span:hover,
.m-title a span:focus {
	background: blue;
	color: #fff;
	transition: .1s ease !important;
}

.header-bot form.m-search input.submit.form-control {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-radius: 1px;
	background: url(https://img.icons8.com/ultraviolet/2x/search--v2.gif) center no-repeat #fff;
	border: none;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2);
	background-size: 28px;
}

.m-hot-line {
/* 	background: url(https://stratusdental.com/wp-content/uploads/2017/02/Contact-Page-Background.jpg) no-repeat; */
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1);
}

footer {
/* 	background: url(https://stratusdental.com/wp-content/uploads/2017/02/Contact-Page-Background.jpg) no-repeat; */
}

.foot-2 span a {
	border-radius: 1px;
	color: blue;
	padding: 10px 25px;
	background: #fff;
	text-transform: uppercase;
	font: 400 12px UTM-AvoB;
}

.foot-2 span a:hover,
.foot-2 span a:focus {
	background: blue;
	color: #fff;
	transition: .2s ease;
	box-shadow: 8px 8px 1px rgba(0, 0, 0, .3);
}

.header-bot form.m-search input.text {
	font-style: normal;
	border: 1px solid #f2f2f2;
	box-shadow: none;
}

.header-bot form.m-search input.text:focus {
	border: 1px solid lightblue;
	box-shadow: 0 0 12px 3px rgba(77, 77, 230, .1);
	padding-left: 20px;
	transition: .1s ease;
}

.header-bot form.m-search .form-control {
	height: 30px;
	font: bold 13px/24px Roboto;
	font-style: normal;
}

.m-title2 h4 {
	border-bottom: none !important;
}

.m-news {
	display: none;
}

.page-numbers:hover,
.page-numbers:active,
page-numbers:focus,
.page-numbers.current {
	color: #fff !important;
	background: blue;
	transition: .1s ease !important;
}

.page-numbers {
	font: bold 12px UTM-Avo;
	padding: 7px 15px !important;
	border: 1px solid lightblue;
	border-radius: 3px;
}

.pagination-page {
	box-shadow: 0 0 30px 1px rgba(0, 0, 0, .1);
	border-radius: 5px;
}

.prev,
.next,
.pagination-page,
.dots {
	border: none !important;
}

.sidebar .sb-menu ul li a {
	font-weight: bold !important;
}

.prev {
	margin-right: 5px !important;
}