/*
Theme Name: Minh Dương ADS Theme
Theme URI: https://minhduongads.com/
Author: Minh Dương
Author URI: https://minhduongads.com/
Description: Giao diện được nghiện cứu, chọn lọc phù hợp với từng ngành nghề kinh doanh. Tương thích trên mọi thiết bị hiển thị như: PC, Laptop, mobile, tablet. Áp dụng công nghệ Reponsive Web Design, web mobile được thiết kế phải có khả năng tự động điều chỉnh để hiện thị trên những thiết bị có kích thước màn hình khách nhau.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shtheme
Tags: html5, css3 , bootstrap 4, jquery, responsive, cslick-carousel, ...

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
## Sidebar - Widgets
# Content
	## Posts and pages
	## Comments
# Media
	## Captions
	## Galleries
## Layout construct
## Shortcode
## Footer
## Menu Mobile
## Custom css
## Responsive
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
	font-family: "Maven Pro", Sans-serif;
}
body.home img.home-bg {
    max-width: 100%;
}
.pulse-button a {
    animation: pulse 1s infinite;    
}
.pulse-button:hover a {
    animation: none
}
h1.page-title {
    text-align: center;
	margin-bottom: 30px;
}
/* h1, h2, h3, h4, h5 {
	font-family: "Saira", Sans-serif;
} */
/* Blog Shortcode 1 */
.sh-blog-shortcode.style-1 article {
	margin-bottom: 20px;
}
.sh-blog-shortcode.style-1 article .post-inner {
    background: #f5f5f5;
    border-radius: 10px;
    overflow: hidden;
}
/* .sh-blog-shortcode.style-1 .element .entry-thumb {
	border-radius: 10px;
	overflow: hidden;
  } */
  .sh-blog-shortcode.style-1 .element .entry-thumb img {
	max-width: 100%;
	height: auto;
  }
  .sh-blog-shortcode.style-1 .element .entry-title {
	margin: 0 0 5px 0;
  }
  
  .sh-blog-shortcode.style-1 .element .entry-title a {
	color: #333333;
    text-decoration: none;
    font-size: 18px;
  }
  
  .sh-blog-shortcode.style-1 .element .entry-title a:hover {
	color: #343a40;
  }
  .sh-blog-shortcode.style-1 article .entry-content {
    padding: 8px;
    padding-top: 0px;
}
  .sh-blog-shortcode.style-1 .element .entry-description p {
	margin-bottom: 5px;
  }
  
  /* Blog Shortcode 2 */
  
  /* Blog Shortcode 3 */
  
  /* Blog Shortcode 4 */
  
  /* Blog Shortcode 5 */
  
  .sh-blog-shortcode.style-5 .entry-thumb {
	float: left;
	width: 110px;
	margin-right: 15px;
  }
  
  .sh-blog-shortcode.style-5 .element .entry-title {
	margin-top: 0;
  }
  
  .sh-blog-shortcode.style-5 .element .entry-description {
	font-size: 13px;
  }
  
  /* Blog Shortcode 6 */
  
  .sh-blog-shortcode.style-6 .entry-thumb {
	padding: 3px;
	background: #fff;
	border: 1px solid #cdcdcd;
  }
  
  .sh-blog-shortcode.style-6 .entry-title a {
	color: #333333;
  }
  
  .sh-blog-shortcode.style-6 .entry-title a:hover {
	color: #343a40;
  }
  
  .sh-blog-shortcode.style-6 .first-element-layout,
  .sh-blog-shortcode.style-6 .second-element-layout {
	margin-bottom: 20px;
  }
  
  .sh-blog-shortcode.style-6 .first-element-layout .element {
	margin-bottom: 0;
  }
  
  .sh-blog-shortcode.style-6 .second-element-layout .entry-thumb {
	float: left;
	width: 110px;
	margin-right: 15px;
  }
  
  .sh-blog-shortcode.style-6 .second-element-layout .entry-title {
	margin-top: 0;
  }
  
  .sh-blog-shortcode.style-6 .second-element-layout .element:not(:last-child) {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dfdfdf;
  }
  
  .sh-blog-shortcode.style-6 .second-element-layout .element:last-child {
	margin-bottom: 0;
  }
  
  /* Blog Shortcode 7 */
  
  .sh-blog-shortcode.style-7 .first-element-layout .element .entry-thumb {
	float: left;
	width: 30%;
	margin-right: 20px;
  }
  
  .sh-blog-shortcode.style-7 .first-element-layout .element .entry-title {
	margin: 0 0 5px 0;
  }
  
  .sh-blog-shortcode.style-7 .second-element-layout {
	margin-bottom: 20px;
  }
  
  .sh-blog-shortcode.style-7 .second-element-layout .element {
	margin-bottom: 5px;
  }
  
  .sh-blog-shortcode.style-7 .second-element-layout .element .entry-title {
	margin: 0;
  }
  
  .sh-blog-shortcode.style-7
	.second-element-layout
	.element
	.entry-title
	a:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #343a40;
	border-radius: 50%;
	position: relative;
	top: -2px;
	margin-right: 5px;
  }
  
  /* Blog Shortcode 8 */
  
  .sh-blog-shortcode.style-8 .element {
	margin-bottom: 30px;
  }
  
  .sh-blog-shortcode.style-8 .element .post-inner {
	position: relative;
  }
  
  .sh-blog-shortcode.style-8 .element .entry-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9;
	background-color: rgb(0, 0, 0, 0.5);
	padding: 10px 10px;
  }
  
  .sh-blog-shortcode.style-8 .element .entry-title {
	font-size: 14px;
	line-height: 20px;
	margin: 0;
  }
  
  .sh-blog-shortcode.style-8 .element .entry-title a {
	display: block;
	color: #fff;
	max-height: 40px;
	overflow: hidden;
  }
  
  .sh-blog-shortcode.style-8 .element .entry-title a:hover {
	text-decoration: underline;
  }
  span.text-hotline {
    display: none;
}
.zalo{
	position: fixed;
    bottom: 120px;
    right: 28px;
    z-index: 999;
}
.zalo a img {
    width: 50px;
    height: 50px;
}
.messenger {
    position: fixed;
    bottom: 200px;
    right: 21px;
    z-index: 999;
}
.messenger a img {
    width: 60px;
}
.single main article.post .content-detail {
	box-shadow: 15px 13px 1px 0px #f3f3f3;
	border: 2px solid #f3f3f3;
padding: 10px;
margin-bottom: 50px;
margin-top: 30px;
border-radius: 10px;
}
h4.related-title {
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 0px;
}

.box-web {
  margin-bottom: 30px!important;
  text-align: center;
  position: relative;
  overflow: hidden;
  min-height: 370px;
  height: 370px;
  clear: both;
  border: 1px solid #e1e1e1;
  box-shadow: 0 0 20px rgba(0,0,0,.5)
}

.box-web a img {
  display: block;
  margin: auto
}

.box-web:hover img {
  top: 100%;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%)
}

.box-web a img {
  width: 100%;
  height: auto;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
  -webkit-transition: all ease-in-out 3.2s;
  -moz-transition: all ease-in-out 3.2s;
  -o-transition: all ease-in-out 3.2s;
  transition: all ease-in-out 3.2s;
  position: absolute!important;
  top: -10px;
  left: 0
}

.box-web .title-box-web {
  position: absolute;
  bottom: 0;
  background: rgba(0,0,0,.5);
  width: 100%;
  padding: 3px 0;
  display: none;
  transition: .5s
}

.box-web .title-box-web a {
  color: #fff;
  font-size: 14px
}

.demo-theme {
  float: right;
  margin-right: 2px;
  padding: 8px 8px;
  border-radius: 5px
}

.box-web-cat:hover .title-box-web .name-theme {
  margin-left: 2px!important;
  width: 165px!important
}

.title-box-web .name-theme {
  float: left;
  line-height: 37px;
  margin-left: 350px
}

.title-box-web .readmore {
  float: right;
  margin-right: 10px;
  border-radius: 5px
}

.choice-theme {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 190px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  background: #231f20;
  color: #fff;
  border-radius: 5px;
  border-bottom: 4px solid #ffa233;
  transform: scale(.4);
  opacity: 0;
  transition: all .5s ease-in-out 0s;
  -moz-transition: all .5s ease-in-out 0s;
  -o-transition: all .5s ease-in-out 0s;
  -webkit-transition: all .5s ease-in-out 0s;
  -ms-transition: all .5s ease-in-out 0s;
  z-index: 999
}

.box-web:hover .choice-theme {
  transform: scale(1);
  opacity: 1;
  text-decoration: none;
  color: #fff;
}

.box-web:hover .title-box-web {
  display: block;
  transition: .5s;
  height: 44px
}

.box-web:hover .title-box-web .name-theme {
  float: initial;
  line-height: 37px;
  margin-left: 7px;
  width: 217px;
  height: 40px
}

#relate-template .title-ms h2 {
  margin: 0 0;
  font-size: 24px;
  font-weight: 700
}
.image-post {
  border: 1px solid #ccc;
  overflow: hidden
}
@media screen and (min-width: 992px) {
  .main-banner * {
      height:100%
  }

  .price-table .col-md-3 {
      padding: 0 5px
  }

  .image-post {
      height: 700px;
      border: 1px solid #ccc;
      overflow: hidden;
      position: relative
  }

  .image-post img {
      width: 100%;
      height: auto;
      box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
      -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
      -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
      -webkit-transition: all ease-in-out 3.2s;
      -moz-transition: all ease-in-out 3.2s;
      -o-transition: all ease-in-out 3.2s;
      transition: all ease-in-out 3.2s;
      position: absolute!important;
      top: -10px;
      left: 0
  }

  .image-post:hover img {
      top: 100%;
      transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      -ms-transform: translateY(-100%)
  }
}

.img-item img {
  border: 4px solid #0dd80d
}
.form-register-web {
  margin-top: 50px
}
section#relate-template {
  padding: 30px 0px;
}
.title-ms.text-center:after {
  content: '';
  background: #231f20;
  width: 150px;
  height: 2px;
  /* position: absolute; */
  display: inline-block;
  margin-bottom: 3px;
}
.intro-themes ul {
  margin-top: 0;
  margin-bottom: 15px;
  padding-bottom: 35px;
  border-bottom: 1px dotted #ccc;
  overflow: hidden;
  padding-left: 0px;
}

.intro-themes ul li {
  display: block;
  float: left;
  width: 100%;
  background: url(../images/vicon.png) 0 1px no-repeat;
  text-align: left;
  padding-left: 26px;
  line-height: 24px;
  font-size: 16px;
  margin-bottom: 10px;
  padding-top: 5px;
  position: relative;
  font-weight: 450;
}
.intro-themes ul li:before {
  content: '\f14a';
  font-family: 'Font Awesome 5 Free';
  position: absolute;
  color: #ffa233;
  left: 0px;
  font-size: 20px;
  top: 6px;
}
.support-register {
  float: left;
  width: 100%;
  text-align: left;
  bottom: 0;
  border: 1px dotted #ccc;
  padding: 15px 20px
}

.support-register p a {
  font-size: 24px;
  color: red;
  margin-right: 6px;
  margin-left: 5px
}

.support-register p {
  font-size: 16px;
  margin-bottom: 15px
}

.list-product-relate {
  margin-top: 26px
}

.info-form {
  float: left
}
.transition {
  transition: all .2s ease-in-out 0s;
  -moz-transition: all .2s ease-in-out 0s;
  -o-transition: all .2s ease-in-out 0s;
  -webkit-transition: all .2s ease-in-out 0s;
  -ms-transition: all .2s ease-in-out 0s
}
.btn-success {
  background: #ffa233;
  border-color: #ffa233;
}
.btn-primary {
  background: #231f20;
  border-color: #231f20;
}
@media (min-width: 992px) {
	    .sidebar-content .site-main, .content-sidebar .site-main {
        float: right;
        width: 74.5%;	
    }
	    .sidebar-content .sidebar, .content-sidebar .sidebar {
        float: left;
        width: 23.5%;
		margin-top: 43px;
    }
    .content-sidebar .site-main {
        float: left;
    }
	.content-sidebar .sidebar {
        float: right;
    }
}
@media (max-width:546px) {
	.hotline-phone-2 .alo-floating-zalo {
		bottom: 120px;
		right: 2px;
        left: auto !important;
	}
	.hotline-phone-ring-wrap {
		right: 0;
        left: auto !important;
	}
}
  @media (max-width: 414px) {
	.sh-blog-shortcode .element {
	  -ms-flex: 0 0 100%;
	  flex: 0 0 100%;
	  max-width: 100%;
	}
  }