/*
Theme Name: Maxweb
Description: This is a child theme for Flatsome Theme
Theme URI: https:
Author: Hoan
Author URI: 
Template: flatsome
Version: 3.6.1
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
h1, h2, h3, h4, h5, h6, span, div, li, a, p, em, ul{
	font-family: "Be Vietnam Pro", sans-serif;
}


.bnt-tv{
    background-color: #df0f00 !important;
	animation-name: pulse;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes pulse{
	0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
}
.text-w h3 {
	font-size: 18px;
	line-height: 0;
	margin-bottom: 12px;
}
.text-w p {
	font-size: 18px;
	margin-bottom: 25px;
}
.text-w hr {
    opacity: 0.8;
    padding-bottom: 25px;
}
.text1 h2{
	font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 30px 0;
    background: #FFFFFF;
    color: #515728;
}
.text1 h3{
    font-size: 24pt;
	color: #ff0000;
}
.text1 P{
    font-size: 18px;
    line-height: 1.6;
    color: #515728;
}
.text1 h4{
    font-size: 19pt;
    color: #99cc00;
}
.text-table td {
    color: #fff !important;
    font-size: 17px;
}
.video1 {
    border-radius: 10px;
}
.bocuc_104 {
    clip-path: ellipse(70% 60.48% at 50% 40%);
}
@media screen and (min-width: 850px) {
    .row1 .large-2 {
        max-width: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    }
}
.row1{
    width: 90%;
}
.row1 .large-2:hover {
    background: rgba(26, 182, 241, .32);
    cursor: pointer;
	border-radius: 3px;
}
.row1 .large-2:hover img {
    -webkit-animation: swing 0.5s ease both;
    animation: swing 0.5s ease both;
	transition: transform 0.5s ease;
}
@keyframes swing{
	20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}
40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}
80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
}
.text2 p, .text2 li {
	font-size: 17px;
}
.row-with {
	width: 90%;
}
.text3 hr{
	border-top: 1px solid #c99232;
	opacity: 1;
}
.text3 li{
    font-size: 14px;
}
.text3 li::marker {
    color: #c99232;
}
.row-broder{
	border-radius: 5px;
    padding: 20px 20px 0px;
    border: 2px dashed orange;
}
.ldstyl-ul li {
    flex: 0 0 48%;
    list-style: none;
    padding: 5px;
    box-sizing: border-box;
    background: #fbe8b0;
    margin-bottom: 10px;
    margin-right: 2%;
    border-radius: 10px;
    border: 1px dashed orange;
    font-size: 20px;
}
.tieude h2 {
    text-transform: uppercase;
    border-bottom: 1px solid #155F8A;
    font-size: 27px;
    line-height: 40px;
    color: #00331e;
}
.col-heigh .col-inner{
	height: 100%;
}
.bnt1 {
	background: linear-gradient(to right bottom, rgb(174, 110, 59) 20%, rgb(230, 177, 127), rgb(255, 255, 255));
    padding: 3px 15px;
    text-decoration: none;
    border-radius: 5px;
	    font-size: 16px;
}
.bnt1:hover {
    background: linear-gradient(to right bottom, #e6b17f 20%, #ae6e3b, #fff);
}
.section-title-container {
    max-width: 100% !important;
}
.section-title b {
    opacity: 1;
    background-color: rgb(0 51 30);
}
.section-title-center span{
    background: #00331e;
    color: #fff;
    border-radius: 99px;
    padding: 10px;
}
.blog-tt .box-blog-post{
    border-radius: 15px;
    border: 1px solid #eee;
    overflow: hidden;
    margin: 15px;
}
.is-divider {
    display: none;
}
.entry-header-text {
    padding: 1.5em 0 0;
}
h1.entry-title{
    text-transform: uppercase;
    text-align: center;
    color: #008000;
}
.icon1 img{
    border-radius: 99%;
}
.bnt2{
	width: 100%;
}
.contact {
    font-weight: bold;
    margin-top: 8px;
    color: #2C2C2C;
    background: #fff;
    border: solid 1px #ccc;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
}
.reight-main-sidebar .col-inner{
    text-align: center;
    border: 1px solid #F2F2F2;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 16px;
}
.reight-main{
    text-align: center;
    border: 1px solid #F2F2F2;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 16px;
}
.blog2 .post-title {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media screen and (min-width: 550px) {
    .box-list-view .box .box-text, .box-vertical .box-text {
        padding-left: 5px;
        padding-right: 5px;
    }
}
.form-sp  {
    background: #00331e;
    border-radius: 10px;
    padding: 50px 30px 0 !important;
    clip-path: polygon(0 0, calc(50% - 30px) 0, 50% calc(0% + 30px), calc(50% + 30px) 0, 100% 0, 100% 100%, 0 100%);
}
.form-sp input[type=submit]{
    background-color: #ff0000 !important;
}
.form-sp input{
	box-shadow: none;
	border-radius: 30px;
	font-size: 16px;
}
.entry-category.is-xsmall a{
	display: none;
}
.form-sp h2{
	text-align: center;
	color: #ff0000;
}
.form-sp p{
	text-align: center;
	color: #fff;
}
.form-lh input {
    width: 100%;
    height: 45px;
    border-radius: 6px;
    box-shadow: none;
}
.form-lh input[type=submit]{
    background-color: rgb(255, 175, 51) !important;
}
.absolute-footer {
    color: #fff !important;
    padding: 15px 0;
    font-size: .9em;
}
.wpcf7-spinner {
	display: none;
}
ul.thong-tin-ngoai {
    display: flex;
    list-style: none;
    flex-flow: wrap;
    margin-bottom: 0;
}
.thong-tin-ngoai li{
    margin-left: 0 !important;
    width: 50%;
    font-size: 13.5px;
	text-align: left!important;
}
.product-small.box{
    border: 1px solid #ddd;
    padding: 5px 5px 0;
}
.product-small.box .product-title a{
    font-size: 17px;
    text-align: center;
    color: #00331e;
}
.product-small.box .box-text.text-center {
    padding-left: 0;
    padding-right: 0;
}
.product-gallery-slider img {
    border-radius: 6px;
    height: 700px;
    object-fit: cover;
}
.product-thumbnails a:hover, .product-thumbnails .is-nav-selected a {
    border: none;
}
.product-thumbnails a:hover img, .product-thumbnails .is-nav-selected a img {
    border-color: rgb(0 0 0 / 0%);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: none;
    opacity: 1;
    border-radius: 8px;
	    margin-bottom: 0;
}
.ctsp h1.entry-title {
    text-transform: inherit;
    text-align: left;
    color: #008000;
    padding-top: 30px;
}
.item-chitiet ul{
    display: flex;
    list-style: none;
    margin-left: -18px;
}
.item-chitiet ul li{
	width: 25%;
}
.item-chitiet ul li b{
	font-size: 18px;
	color: #E03C31;
}
.item-chitiet ul li strong{
	font-size: 18px;
}
.tabs.wc-tabs.product-tabs, .product-section-title-related{
	display: none;
}
.related.product-section {
    border-top: 0;
}





.contactWidget {
  top: auto;
  bottom: 75px;
  width: 75px;
  position: fixed;
  right: 0;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  z-index: 99999;
}
.contactWidget .item {
  display: block;
  text-align: center;
  padding: 10px 0;
  border-bottom: 1px dotted #dbdbdb;
  position: relative;
}

.contactWidget .item a {
  font-size: 13px;
  margin: 0;
  padding: 0;
  display: block;
}
.contactWidget .item img {
  width: 50%;
  margin-bottom: 5px;
  border-radius: 50%;
  clear: both;
}
.contactWidget .item .bubble {
  display: block;
  position: absolute;
  cursor: pointer;
  right: 10%;
  top: 10%;
  z-index: -1;
}
.contactWidget .item .bubble .bubble-outer-dot {
  margin: 1px;
  display: block;
  text-align: center;
  opacity: 1;
  background-color: rgb(13, 185, 13);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-animation: bubble-pulse 1.5s linear infinite;
  -moz-animation: bubble-pulse 1.5s linear infinite;
  -o-animation: bubble-pulse 1.5s linear infinite;
  animation: bubble-pulse 1.5s linear infinite;
}


@media all and (max-width: 768px){
.contactWidget {
  position: fixed;
  max-height: 100px;
  bottom: 0;
  background-color: #fff;
  z-index: 99999;
  border-top: 1px solid #dbdbdb;
  width: 100%;
  text-align: center;
  }

.contactWidget .item:first-child {
  border-right: none;
}

.contactWidget .item {
  width: 23%;
  display: inline-block;
  text-align: center;
  padding: 10px 0;
  border-left: 1px dotted #dbdbdb;
  max-width: 90px;
  }

.contactWidget .item {
  padding: 2px 0;}
.contactWidget .item img {
  width: 40%;}
}


.callnow-phone-ring-circle {
 width:85px;
 height:85px;
 top:10px;
 left:10px;
 position:absolute;
 background-color:transparent;
 border-radius:100%;
 border:2px solid #e60808;
 -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
 animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
 transition:all .5s;
 -webkit-transform-origin:50% 50%;
 -ms-transform-origin:50% 50%;
 transform-origin:50% 50%;
 opacity:.5
}
.callnow-phone-ring-circle-fill {
 width:55px;
 height:55px;
 top:26px;
 left:26px;
 position:absolute;
 background-color:rgba(230,8,8,.7);
 border-radius:100%;
 border:2px solid transparent;
 -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
 animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
 transition:all .5s;
 -webkit-transform-origin:50% 50%;
 -ms-transform-origin:50% 50%;
 transform-origin:50% 50%
}
.callnow-phone-ring-img-circle {
 background-color:#e4212a;
 width:33px;
 height:33px;
 top:37px;
 left:37px;
 position:absolute;
 background-size:20px;
 border-radius:100%;
 border:2px solid transparent;
 -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
 animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
 -webkit-transform-origin:50% 50%;
 -ms-transform-origin:50% 50%;
 transform-origin:50% 50%;
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 align-items:center;
 justify-content:center
}
.callnow-phone-ring-img-circle .pps-btn-img {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex
}
.callnow-phone-ring-img-circle .pps-btn-img img {
 width:25px;
 height:25px
}
.callnow-bar {
 position:absolute;
 background:#e88a25;
 background:-webkit-linear-gradient(left,#e88a25,#d40000);
 background:-o-linear-gradient(right,#e88a25,#d40000);
 background:-moz-linear-gradient(right,#e88a25,#d40000);
 background:linear-gradient(to right,#e88a25,#e4212a);
 height:40px;
 width:200px;
 line-height:40px;
 border-radius:3px;
 padding:0 10px;
 background-size:100%;
 cursor:pointer;
 transition:all .8s;
 -webkit-transition:all .8s;
 z-index:9;
 box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.1);
 border-radius:50px!important;
 border:2px solid #fff;
 left:33px;
 bottom:37px
}
.callnow-bar>a {
 color:#fff;
 text-decoration:none;
 font-size:18px;
 font-weight:900;
 text-indent:44px;
 display:block;
 letter-spacing:1px;
 line-height:38px;
 font-family:Arial
}
@media (max-width:768px) {
 .callnow-bar {
  display:none
 }
}
.callnow-phone-ring-img-circle .pps-btn-img img {
 width:25px;
 height:25px
}
img {
 border:none
}
.callnow-phone-ring-wrap {
 position:fixed!important;
 bottom:25px;
 left:0;
 z-index:1111111
}
.callnow-phone-ring {
 position:relative;
 visibility:visible;
 background-color:transparent;
 width:110px;
 height:110px;
 cursor:pointer;
 z-index:11;
 -webkit-backface-visibility:hidden;
 -webkit-transform:translateZ(0);
 transition:visibility .5s;
 left:0;
 bottom:0;
 display:block
}

@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform:rotate(0) scale(.5) skew(1deg);
    -webkit-opacity:.1;
  }
  30% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    -webkit-opacity:.5;
  }
  100% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    -webkit-opacity:.1;
  }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.6;
  }
  50% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    opacity:.6;
  }
  100% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.6;
  }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
  0% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform:rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform:rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
  }
}

@media (max-width:768px) {
  .callnow-bar {
    display:none;
  }
}

.callnow-phone-ring-img-circle .pps-btn-img img {
  width:25px;
  height:25px;
}

img {
  border:none;
}

.callnow-phone-ring-wrap {
  position:fixed !important;
  bottom:25px;
  left:0;
  z-index:1111111;
}

.callnow-phone-ring {
  position:relative;
  visibility:visible;
  background-color:transparent;
  width:110px;
  height:110px;
  cursor:pointer;
  z-index:11;
  -webkit-backface-visibility:hidden;
  -webkit-transform:translateZ(0);
  transition:visibility .5s;
  left:0;
  bottom:0;
  display:block;
}








@media (max-width: 768px) {
    .bocuc_104 {
        clip-path: ellipse(163% 59.48% at 50% 40%);
    }
	.text-table td {
    font-size: 16px;
}
}