/*Add Css Custom Here*/
div.tshirtecommerce-btn-group{
	display: inline-block;
	background-color: #ff3c20;
    border-radius: 3px;
    margin: 0 5px;
    padding: 0 10px;

    width: auto;
    vertical-align: top;
}
div.tshirtecommerce-btn-group > a{ color: white; text-transform: uppercase;}
/*====== Fix bugs Megamenu not showing icon font (26/1/2018) =====*/
@media (min-width: 992px)  {
	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern:before,
	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern:after{display: none;}
	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical .vertical-wrapper{
      visibility: hidden;
      opacity: 0;
    }
    .common-home .navbar-compact.typeheader-1 .container-megamenu.vertical:hover .vertical-wrapper{
      visibility: visible;
      opacity: 1;
      top: 40px; }
}
@media (min-width: 992px){
	/*.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a {    padding: 9px 0; line-height: 24px; height: auto;}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a i,
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a b {
	    display: inline-block;
	}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.with-sub-menu > a:before{display: none;} */
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a img{position: static; transform: inherit;}

}

.typeheader-12 .navbar-logo .logo{
	min-height: 40px;
}

@media (max-width: 480px){
	div.thumb-vertical-outer{padding:0}
	div.thumb-vertical-outer ul li .thumbnail.active {margin-top: 0%;}
}
/************************************************************************************************
 MODULE HOME SLIDER
 *************************************************************************************************/
.sohomepage-slider .so-homeslider .owl2-nav div::before, .sohomepage-slider .so-homeslider .owl2-nav div:hover:before {
  background-color: transparent !important; }

.module.sohomepage-slider {
  margin: 0;
  z-index: 0; }
  .module.sohomepage-slider .form-group {
    margin-bottom: 0; }
  .module.sohomepage-slider .so-homeslider {
    border: none; }
    .module.sohomepage-slider .so-homeslider img {
         max-width: 100%!important;
    height: auto!important;
    width: 100%!important;}
      .module.sohomepage-slider .so-homeslider:hover .owl2-controls .owl2-nav .owl2-next, .module.sohomepage-slider .so-homeslider:hover .owl2-controls .owl2-nav .owl2-prev {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        transition: all 0.2s ease-in-out 0s; }
  .module.sohomepage-slider .owl2-controls {
    height: 0; }
    .module.sohomepage-slider .owl2-controls .owl2-nav .owl2-next, .module.sohomepage-slider .owl2-controls .owl2-nav .owl2-prev {
      font-size: 0px;
      z-index: 99;
      width: 45px;
      height: 45px;
      line-height: 43px;
      text-align: center;
      border-radius: 0;
      top: 35%;
      margin-top: 0px;
      text-indent: -999em;
      display: block;
      background-color: transparent;
      border: none;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      transition: all 0.2s ease-in-out 0s; }
      .module.sohomepage-slider .owl2-controls .owl2-nav .owl2-next:after, .module.sohomepage-slider .owl2-controls .owl2-nav .owl2-prev:after {
        display: none; }
      .module.sohomepage-slider .owl2-controls .owl2-nav .owl2-next:before, .module.sohomepage-slider .owl2-controls .owl2-nav .owl2-prev:before {
        font-size: 40px;
        color: #222;
        font-family: 'FontAwesome';
        display: block;
        text-indent: 0 !important;
        width: 45px;
        height: 45px;
        line-height: 43px;
        opacity: 1; }
      .module.sohomepage-slider .owl2-controls .owl2-nav .owl2-next:hover, .module.sohomepage-slider .owl2-controls .owl2-nav .owl2-prev:hover {
        background-color: transparent; }
        .module.sohomepage-slider .owl2-controls .owl2-nav .owl2-next:hover:before, .module.sohomepage-slider .owl2-controls .owl2-nav .owl2-prev:hover:before {
          color: #09abfe; }
    .module.sohomepage-slider .owl2-controls .owl2-nav .owl2-next {
      right: 20px;
      left: auto; }
      .module.sohomepage-slider .owl2-controls .owl2-nav .owl2-next:before {
        content: "\f105"; }
    .module.sohomepage-slider .owl2-controls .owl2-nav .owl2-prev {
      left: 20px;
      right: auto; }
      .module.sohomepage-slider .owl2-controls .owl2-nav .owl2-prev:before {
        content: "\f104"; }
    .module.sohomepage-slider .owl2-controls .owl2-dots {
      bottom: 20px;
      position: static;
      left: auto;
      right: auto;
      width: 100%;
      display: inline-block;
      text-align: center;
      position: relative;
      top: -50px;
      z-index: 10; }
      .module.sohomepage-slider .owl2-controls .owl2-dots .owl2-dot {
        background: rgba(0, 0, 0, 0.15) !important;
        margin: 0 5px;
        width: 14px;
        height: 14px;
        padding: 0;
        transition: all 0.3s ease 0s;
        border-radius: 50%;
        float: none;
        display: inline-block; }
        .module.sohomepage-slider .owl2-controls .owl2-dots .owl2-dot span {
          background: rgba(0, 0, 0, 0.15);
          display: block;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          margin: 0; }
        .module.sohomepage-slider .owl2-controls .owl2-dots .owl2-dot:hover, .module.sohomepage-slider .owl2-controls .owl2-dots .owl2-dot.active {
          background: #09abfe !important; }
          .module.sohomepage-slider .owl2-controls .owl2-dots .owl2-dot:hover span, .module.sohomepage-slider .owl2-controls .owl2-dots .owl2-dot.active span {
            box-shadow: none;
            -webkit-box-shadow: none;
            background: #09abfe !important; }
  .module.sohomepage-slider .owl2-item.active .sohomeslider-description .buynow {
    opacity: 1;
    animation: myeffect-slideshow 1s ease-in-out;
    -webkit-animation: myeffect-slideshow 1s ease-in-out;
    /* Chrome, Safari, Opera */
    -moz-animation: myeffect-slideshow 1s ease-in-out;
    -o-animation: myeffect-slideshow 1s ease-in-out; }
  .module.sohomepage-slider .owl2-item.active .sohomeslider-description .show2 {
    opacity: 1;
    animation: myeffect-slideshow 1.5s ease-in-out;
    -webkit-animation: myeffect-slideshow 1.5s ease-in-out;
    /* Chrome, Safari, Opera */
    -moz-animation: myeffect-slideshow 1.5s ease-in-out;
    -o-animation: myeffect-slideshow 1.5s ease-in-out;
    -ms-animation: myeffect-slideshow 1.5s ease-in-out; }
  .module.sohomepage-slider .owl2-item.active .sohomeslider-description .show3 {
    opacity: 1;
    animation: myeffect-slideshow 2s ease-in-out;
    -webkit-animation: myeffect-slideshow 2s ease-in-out;
    /* Chrome, Safari, Opera */
    -moz-animation: myeffect-slideshow 2s ease-in-out;
    -o-animation: myeffect-slideshow 2s ease-in-out;
    -ms-animation: myeffect-slideshow 2s ease-in-out; }
  .module.sohomepage-slider .owl2-item.active .sohomeslider-description .show1 {
    opacity: 1;
    animation: myeffect-slideshow 2.5s ease-in-out;
    -webkit-animation: myeffect-slideshow 2.5s ease-in-out;
    /* Chrome, Safari, Opera */
    -moz-animation: myeffect-slideshow 2.5s ease-in-out;
    -o-animation: myeffect-slideshow 2.5s ease-in-out; }
  .module.sohomepage-slider .sohomeslider-description {
    position: static;
    padding: 0; }
    .module.sohomepage-slider .sohomeslider-description .text-slide {
      position: absolute;
      top: 45%;
      left: 19%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
 @media (min-width: 1200px) and (max-width: 1649px) {
      .module.sohomepage-slider .sohomeslider-description .text-slide {
        left: 8%; } }
		 .module.sohomepage-slider .sohomeslider-description .text-slide .show {
      opacity: 0; }
      .module.sohomepage-slider .sohomeslider-description .text-slide .show1 span {
        font-size: 20px;
        color: #222; }
      .module.sohomepage-slider .sohomeslider-description .text-slide .show1 h3 {
        font-size: 50px;
        color: #222;
        font-weight: 700; }
    .module.sohomepage-slider .sohomeslider-description .text-slide .show2 {
      font-size: 16px;
      color: #222;
      text-transform: uppercase;
      letter-spacing: 12px;
      margin: 20px 0 30px 0; }
    .module.sohomepage-slider .sohomeslider-description .buynow {
      background-color: #09abfe;
      line-height: 41px;
      border-radius: 0px;
      font-size: 14px;
      font-weight: 400;
      text-transform: uppercase;
      padding: 0 40px;
      color: #fff;
      display: inline-block; }
      .module.sohomepage-slider .sohomeslider-description .buynow:hover {
        background-color: #018cd3; }
.icon {
    display: inline-block;
    font-size: 22px;
    line-height: 1;
    color: #fff!important;
}
.hot_line, .hot_line a {
    font-size: 28px;
   	color: #fff!important;
}
.hot_line i{font-size: 28px;
   	color: #fff!important;}
a.hot_line_phone {
    font-size: 25px;
    padding: 4px;
    border-radius: 3px;
    border: 0;
    margin-right: 5px;
	color: #fff!important;
}





.clients-modern {
 position: relative;
 display: block;
 max-width: 270px;
 margin-left: auto;
 margin-right: auto;
 background: #fff;
 border: 1px solid #e1e1e1;
 transition: all .3s ease-in-out
}

.clients-modern::before,
.clients-modern::after {
 position: absolute;
 content: '';
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 border-width: 1px;
 border-style: solid;
 border-color: transparent;
 transition: color .1s ease, -webkit-transform .3s ease;
 transition: color .1s ease, transform .3s ease;
 transition: color .1s ease, transform .3s ease, -webkit-transform .3s ease;
 will-change: transform
}

.clients-modern::before {
 -webkit-transform: scaleX(0);
 transform: scaleX(0)
}

.clients-modern::after {
 -webkit-transform: scaleY(0);
 transform: scaleY(0)
}

.clients-modern img {
 width: 100%;
 opacity: 1
}

@media(min-width:992px) {
 .clients-modern img {
  will-change: transform;
  transition: all .3s ease
 }
.clients-modern:hover {
  border-color: transparent;
 }
 .clients-modern:hover::before,
 .clients-modern:hover::after {
  -webkit-transform: none;
  transform: none
 }
 .clients-modern:hover::before {
  border-color: #f5cdae transparent #f5cdae transparent
 }
 .clients-modern:hover::after {
  border-color: transparent #f5cdae transparent #f5cdae
 }
 .clients-modern:hover img {
  opacity: 1;
  -webkit-transform: scale(.9);
  transform: scale(.9)
 }
}

.slider-brands .owl2-prev, .slider-brands .owl2-next {
	position: absolute;
	top: 40%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font: 400 0px/50px 'FontAwesome';
	color: #ccc;
	cursor: pointer;
	font-size: 0;
	height: 47px;
	width: 26px;
}
.slider-brands .owl2-prev:hover, .slider-brands .owl2-next:hover {
	opacity: 0.8;
}
.slider-brands .owl2-prev {
	left: 40px;
	background: url(../images/nav-icon.png) left top no-repeat;
	opacity: 0.5;
}
.slider-brands .owl2-prev::before {
	content: '\f104'
}
.slider-brands .owl2-next {
	right: 40px;
	background: url(../images/nav-icon.png) right top no-repeat;
	opacity: 0.5;
}
.slider-brands .owl2-next::before {
	content: '\f105'
}
.slider-brands .owl-dots {
	position: absolute;
	text-align: center;
	font-size: 0;
	line-height: 0;
	bottom: 30px;
	width: 100%
}
.slider-brands .owl-dots.disabled {
	display: none!important
}
.slider-brands .owl-dot {
	text-align: center;
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	border: none;
	border-radius: 0;
	margin-left: 6px;
	margin-right: 6px;
	outline: none;
	cursor: pointer;
	transition: .2s
}

@media(min-width:992px) {
.slider-brands .owl-dot {
	margin-left: 4px;
	margin-right: 4px
}
}
.slider-brands .owl-dot::before, .owl-dot::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.slider-brands .owl-dot::before {
	background: #9b9b9b;
	transition: opacity .3s ease, background-color .3s ease, -webkit-transform .3s ease;
	transition: transform .3s ease, opacity .3s ease, background-color .3s ease;
	transition: transform .3s ease, opacity .3s ease, background-color .3s ease, -webkit-transform .3s ease
}
.slider-brands .owl-dot::after {
	opacity: 0;
	background: #f17600;
	-webkit-transform: translateY(-200%);
	transform: translateY(-200%);
	transition: opacity .3s ease, visibility 0s .3s, -webkit-transform .3s ease;
	transition: transform .3s ease, opacity .3s ease, visibility 0s .3s;
	transition: transform .3s ease, opacity .3s ease, visibility 0s .3s, -webkit-transform .3s ease
}
.slider-brands .owl-dot:only-child {
	display: none
}
.slider-brands .owl-dot:hover::before, .slider-brands .owl-dot:focus::before {
	background: #151515
}
.slider-brands .owl-dot.active::after {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	transition: opacity .3s ease, -webkit-transform .3s ease;
	transition: transform .3s ease, opacity .3s ease;
	transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease
}
.slider-brands .owl-dot.active::before {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(200%);
	transform: translateY(200%)
}
.breadcrumbs-custom {
 position: relative;
 overflow: hidden
}
.box-position {
 position: absolute;
 left: 0;
 top: 0;
 width: calc(100% + 150px);
 height: calc(100% + 150px);
 will-change: transform;
 -webkit-animation: bgPos 100s linear infinite;
 animation: bgPos 100s linear infinite;
 -webkit-transform: translate3d(-75px, -75px, 0) rotate(0.001deg);
 transform: translate3d(-75px, -75px, 0) rotate(0.001deg);
 background-position: 50% 50%;
 background-size: cover;
 z-index: -1;
 opacity: .7
}


.breadcrumbs-custom-title {
 font-size: 33px;
 color: #fff;
letter-spacing: 0;
text-transform: uppercase;
      display: none;
}

.breadcrumbs-custom {
 position: relative;
 overflow: hidden;
 padding: 40px 0;
 text-align: center;
 background-color: #2b313b;
 z-index: 1
}
@media(min-width:1200px) {
 .breadcrumbs-custom {
  padding: 170px 0;
 }
}

@-webkit-keyframes bgPos {
 25% {
  -webkit-transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
  transform: translate3d(-150px, -150px, 0) rotate(0.001deg)
 }
 75% {
  -webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);
  transform: translate3d(0, 0, 0) rotate(0.001deg)
 }
}

@keyframes bgPos {
 25% {
  -webkit-transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
  transform: translate3d(-150px, -150px, 0) rotate(0.001deg)
 }
 75% {
  -webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);
  transform: translate3d(0, 0, 0) rotate(0.001deg)
 }
}
.img-news-home{
 transition: all 0.3s ease 0s;
 width: 100%;
}
.img-news-home:hover img {
 transform: scale(1.1);
}
.news-home{overflow: hidden;padding-bottom: 20px;}




.img-news-home {
 position: relative;
 overflow:hidden;
}
.img-news-home::before {

 background: #06a2a8 none repeat scroll 0 0;
 content: "";
 height: 100%;
 left: 0;
 opacity: 0;
 pointer-events: none;
 position: absolute;
 top: 0;
 transition: all 0.3s ease 0s;
 width: 100%;
 z-index: 999;

}
.news-home:hover .img-news-home::before{opacity:0.4;}
.img-news-home>a{position:relative;display:block;}
.img-news-home > a img {
 transition: all 0.3s ease 0s;
    width: 100%!important;
    height: auto;
}

.video-special-home{
 position: relative;
 transition: all 0.3s ease 0s;
 width: 100%;
}
.video-icon-specail{
 position: absolute;
 left: 42%;
 top: 30%;
}
.video-special-home:hover i{
 color: #028e3c;
}
.video-icon-specail i{
 color:#fff;
 font-size:100px;
 transition: 0.5s;
}
.video-special-home:hover{ transform: scale(1.1);}


.conpcet-home a.nivo-prevNav {
 background: #fff;
 color: #0c203a;
 padding: 10px;
 font-weight: bold;;
}
.conpcet-home a.nivo-nextNav {
 background: #fff;
 color: #0c203a;
 padding: 10px;
 font-weight: bold;;
}
.conpcet-home a.nivo-nextNav i,.conpcet-home a.nivo-prevNav i{font-size:40px;}
.fixed {
 position: fixed;
 z-index: 999999;
 top: 0;
 width: 100%;
}
.ladding_duan {
 margin-bottom: 20px;
 text-align: center;
 background: #fff;
 padding: 10px 0px;
}

.ladding_duan a {
 cursor: pointer;
 display: inline-block;
 padding: 5px 6px;
 margin-right: 10px;
 border-bottom-right-radius: 15px;
 border-top-left-radius: 15px;
 color: #fff;
 text-transform: uppercase;
 font-weight: 700;
 margin-bottom: 5px;
 font-size: 16px;
 background: #22950f;
 transition: 0.5s;
}
.ladding_duan a:hover {
	background: #f17600;
	color: #fff;
	}
.title-block {
 text-align: center;
 font-size: 30px;
 text-transform: uppercase;
 padding: 34px 0px 10px 0px;
     color: #22950f;
}

.img-block {
 text-align: center;
 margin-bottom: 40px;
}
.img-responsive{ width: 100%;}
.border-img-tab {
    border: 5px solid #028e3c;
    margin-bottom: 10px;
}
.tienich-nav {
 text-align: center;
 justify-content: center;
}
.tienich-nav li {
 float: none;
 display: inline-block;
 border-radius: 0px;
 margin-bottom: 5px;
}
.tienich-nav li a {
 border-radius: 10px;    background: #ffffff;    color: #000;    border: 2px outset;    padding: 3px;    margin: 3px;
}
.tienich-nav li a:hover{background: #08b14e;color:#fff;}
.tienich-nav > li.active > a {
 color: #fff;
 background-color: #ff6816;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	color: #fff;
 background-color: #ff6816;
	}

.tienich-nav > li + li {
 margin-left: 2px;
}
.layout-form{ margin-top:50px;}
.facebook-fixed{display: flex; justify-content: center; align-items: center;margin-top:15px;}
@-moz-keyframes shake-anim { 0%{transform:rotate(0) scale(1) skew(1deg) } 10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg) } 20%{-moz-transform:rotate(25deg) scale(1) skew(1deg) } 30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg) } 40%{-moz-transform:rotate(25deg) scale(1) skew(1deg) } 50%{-moz-transform:rotate(0) scale(1) skew(1deg) } 100%{-moz-transform:rotate(0) scale(1) skew(1deg) } }
@-webkit-keyframes shake-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) } }
@-o-keyframes shake-anim { 0%{-o-transform:rotate(0) scale(1) skew(1deg) } 10%{-o-transform:rotate(-25deg) scale(1) skew(1deg) } 20%{-o-transform:rotate(25deg) scale(1) skew(1deg) } 30%{-o-transform:rotate(-25deg) scale(1) skew(1deg) } 40%{-o-transform:rotate(25deg) scale(1) skew(1deg) } 50%{-o-transform:rotate(0) scale(1) skew(1deg) } 100%{-o-transform:rotate(0) scale(1) skew(1deg) } }
.shake-anim {-webkit-animation:shake-anim 1s infinite ease-in-out; -moz-animation:shake-anim 1s infinite ease-in-out; -ms-animation:shake-anim 1s infinite ease-in-out; -o-animation:shake-anim 1s infinite ease-in-out; animation:shake-anim 1s infinite ease-in-out; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -o-transform-origin:50% 50%; transform-origin:50% 50% }
.btn-zalo { height:60px; width:60px; position:fixed; right: 25px;
    bottom: 100px; text-align:center; border-radius:100px; z-index:99; }
.pinkBg { background-color: #0c5dad; background-image: linear-gradient(90deg, #4a82e8, #4fa6e4); }
.btn-zalo img { display: block;max-width: 100%}
.btn-zalo .ripple{ position:absolute; width:100px; height:100px; z-index:-1; left:50%; top:50%; opacity:0; margin:-50px 0 0 -50px; border-radius:100px; -webkit-animation:ripple 1.8s infinite; animation:ripple 1.8s infinite }
.btn-zalo .ripple:nth-child(2){ animation-delay:.3s; -webkit-animation-delay:.3s }
.btn-zalo .ripple:nth-child(3){ animation-delay:.6s; -webkit-animation-delay:.6s }
@-webkit-keyframes ripple{ 0%{opacity:1; -webkit-transform:scale(0); transform:scale(0) } 100%{opacity:0; -webkit-transform:scale(1); transform:scale(1) } }
@keyframes ripple{ 0%{opacity:1; -webkit-transform:scale(0); transform:scale(0) } 100%{opacity:0; -webkit-transform:scale(1); transform:scale(1) } }
@-webkit-keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }

.hotline1 a {
 position: fixed;
 padding: 16px;
 color: #0c9445;
 bottom: 180px;
 right: 0;
 font-weight: bold;
 cursor: pointer;
 background: #fff;
 font-size: 13px;
 z-index: 99;
 border-bottom-left-radius: 30px;
 border-top-left-radius: 30px;
 padding-right: 0px;
 padding-left: 50px;
 font-family: Arial;
 width: 154px;
 background: #fff url(../images/hotline.png) no-repeat;
}
.hotline2 {
 position: fixed;
 padding: 8px;
 bottom: 65px;
 right: 0;
 font-weight: bold;
 cursor: pointer;
 background: #fff;
 z-index: 99;
 border-bottom-left-radius: 30px;
 border-top-left-radius: 30px;
 padding-right: 10px;
 color: #0c9445;


}

.clients-classic {
 position: relative;
 display: block;
 max-width: 270px;
 margin-left: auto;
 margin-right: auto;
 background: #fff;
 border: 1px solid #e1e1e1;
 transition: all .3s ease-in-out;
 margin-bottom: 20px
}

.clients-classic::before {
 position: absolute;
 content: '';
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 border: 1px solid transparent;
 transition: all .3s ease;
 will-change: transform
}

.clients-classic img {
 width: 100%;
 opacity: 1;
 display: inline-block;
    max-width: 100%;
    height: auto;
}

@media(min-width:992px) {
 .clients-classic img {
  will-change: transform;
  transition: all .3s ease
 }
 .clients-classic:hover {}
 .clients-classic:hover::before {}
 .clients-classic:hover img {}
 .context-dark .clients-classic:hover,
 .bg-gray-dark .clients-classic:hover,
 .bg-primary .clients-classic:hover {
  border-color: rgba(255, 255, 255, .6)
 }
}
 .bg_dark {
    background-color: #f4f4f4;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}
 .section-sm {
    padding: 50px 0;
}
.hero {
	position: relative;
	margin: 0
}
.hero::after {
	clear: both;
	content: "";
	display: table
}
@media only screen and (min-width: 768px) {
.hero {

}
}
.hero .inner {
	margin: 0 auto
}
@media only screen and (min-width: 768px) {
.hero .inner {
	width: 80%;
	max-width: 820px
}
}
.hero .hero-bg {
	background-color: #f3f3f3;
	overflow: hidden;
}
.hero .hero-bg video {
	position: absolute
}
@media only screen and (min-width: 768px) {
.hero .hero-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
}
.hero .hero-container {
	width: 100%
}
.hero .hero-title, .hero .hero-subtitle {
	margin: 0;
	line-height: 1.2;
	text-transform: uppercase
}
.hero .hero-title {
	word-break: break-word;
	text-align: center
}
@media only screen and (min-width: 480px) {
.hero .hero-title {
	font-size: 300%
}
}
.hero .hero-subtitle {
	font-weight: 400
}
@media only screen and (min-width: 768px) {
.hero .hero-subtitle {
	font-size: 106.25%
}
}
.hero .hero-body {
	padding-top: 10px
}
@media only screen and (min-width: 768px) {
.hero.align-left .inner, .hero.align-right .inner {
	width: auto
}
}
@media only screen and (min-width: 768px) {
.hero.align-left .hero-title, .hero.align-left .hero-subtitle, .hero.align-left .text {
	text-align: left
}
}
@media only screen and (min-width: 768px) {
.hero.align-right .hero-title, .hero.align-right .hero-subtitle, .hero.align-right .text {
	text-align: left
}
}
.hero-large {
	overflow: hidden
}
.hero-large .hero-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.hero-large .hero-container {
	position: relative;
	display: table;
	table-layout: fixed;
	margin: 50px 0;
	height: 395px;
	margin-top: 75px
}
@media only screen and (min-width: 768px) {
.hero-large .hero-container {
	height: 715px;
	margin: 125px 0 50px
}
}
@media only screen and (min-width: 1024px) {
.hero-large .hero-container {
	height: 455px;
	margin-bottom: 70px
}
}
@media only screen and (min-width: 1400px) {
.hero-large .hero-container {
	height: 730px
}
}
.hero-large .hero-row {
	display: table-row
}
@media only screen and (min-width: 768px) {
.hero-large .hero-row:first-child {
	height: 100%
}
}
.hero-large .hero-content {
	display: table-cell;
	vertical-align: middle
}
.hero-large .hero-title, .hero-large .hero-subtitle {
/*text-shadow: 0 1px 1px rgba(0,0,0,0.3)*/
}
.hero-large .hero-title {
	line-height: 1;
	font-size: 21px
}
.hero-large .hero-title::after {
	content: '';
	display: block;
	height: 0;
	width: 50%;
	margin-top: 30px;
	margin-left: 25%;
	border-bottom: 1px solid #ccc
}

@media only screen and (min-width: 768px) {
.container, .module-pillars .text, .hero .hero-text-container, .carousel-full .carousel-item-list .carousel-item .text-container, .carousel-home .carousel-item-list .carousel-item .text-container, .carousel-home .carousel-progress-container, #search-overlay .search-form, .pillar-list {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
.container:after, .module-pillars .text:after, .hero .hero-text-container:after, .carousel-full .carousel-item-list .carousel-item .text-container:after, .carousel-home .carousel-item-list .carousel-item .text-container:after, .carousel-home .carousel-progress-container:after, #search-overlay .search-form:after, .pillar-list:after {
	content: " ";
	display: block;
	clear: both
}
}
@media only screen and (min-width: 1024px) {
.container, .module-pillars .text, .hero .hero-text-container, .carousel-full .carousel-item-list .carousel-item .text-container, .carousel-home .carousel-item-list .carousel-item .text-container, .carousel-home .carousel-progress-container, #search-overlay .search-form, .pillar-list {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.container:after, .module-pillars .text:after, .hero .hero-text-container:after, .carousel-full .carousel-item-list .carousel-item .text-container:after, .carousel-home .carousel-item-list .carousel-item .text-container:after, .carousel-home .carousel-progress-container:after, #search-overlay .search-form:after, .pillar-list:after {
	content: " ";
	display: block;
	clear: both
}
}
@media only screen and (min-width: 1400px) {
.container, .module-pillars .text, .hero .hero-text-container, .carousel-full .carousel-item-list .carousel-item .text-container, .carousel-home .carousel-item-list .carousel-item .text-container, .carousel-home .carousel-progress-container, #search-overlay .search-form, .pillar-list {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto
}
.container:after, .module-pillars .text:after, .hero .hero-text-container:after, .carousel-full .carousel-item-list .carousel-item .text-container:after, .carousel-home .carousel-item-list .carousel-item .text-container:after, .carousel-home .carousel-progress-container:after, #search-overlay .search-form:after, .pillar-list:after {
	content: " ";
	display: block;
	clear: both
}
}
@media only screen and (min-width: 1400px) {
.hero .hero-text-container {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto
}
.hero .hero-text-container:after{
	content: " ";
	display: block;
	clear: both
}
}
@media only screen and (min-width: 768px) {
.hero-large .hero-title {
	font-size: 200%
}
.hero-large .hero-title::after {
	width: 70%;
	margin-left: 0
}
}
@media only screen and (min-width: 1024px) {
.hero-large .hero-title {
	font-size: 300%
}
}
.hero-large .hero-subtitle {
	margin-bottom: 3px;
	font-size: 16px;
	line-height: 1;
	text-align: center
}
@media only screen and (min-width: 768px) {
.hero-large .hero-subtitle {
	font-size: 157%
}
}
@media only screen and (min-width: 1024px) {
.hero-large.align-left .hero-title, .hero-large.align-right .hero-title {
	font-size: 170%
}
}
@media only screen and (min-width: 768px) {
.hero-large.align-left .text {
	width: 66.10169%;
	float: left;
	margin-right: 1.69492%
}
}
@media only screen and (min-width: 1024px) {
.hero-large.align-left .text {
	width: 49.15254%;
	float: left;
	margin-right: 1.69492%
}
}
@media only screen and (min-width: 1400px) {
.hero-large.align-left .text {
	width: 40.67797%;
	float: left;
	margin-right: 1.69492%
}
}
@media only screen and (min-width: 768px) {
.hero-large.align-right .text {
	width: 66.10169%;
	float: right;
	margin-right: 0
}
}
@media only screen and (min-width: 1024px) {
.hero-large.align-right .text {
	width: 49.15254%;
	float: right;
	margin-right: 0;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 30px;
}
}
@media only screen and (min-width: 1400px) {
.hero-large.align-right .text {
	width: 40.67797%;
	float: right;
	margin-right: 0
}
}
.hero-large.contain-text .hero-title::after {
	display: none
}
.hero-large.contain-text .text {
	text-align: center;
	padding-top: 0
}
.green {
 color: #007136
}
.gt_left{padding-right: 20px;}

.gt_left{width:600px;float:left;}
.gt_right{width:445px; float:right;}

@media only screen and (max-width: 1024px) {
.gt_left, .gt_right {
	width: 100%;
	float: none;
}
.gt_right {
	margin-top: 65px;
}
}
.columns-222 img{float:left; margin-right:15px;}
.columns-33{
	width: 33.333333%;
	float: left
}

.columns-66{
	width: 42%;
	float: left;
	margin:0 4%;
}
.module-paragraph.module {
	margin: 20px 0
}
@media screen and (min-width: 768px) {
.module-paragraph.module {
	margin: 50px 0
}
}
.title_lvhd{color:#fff;font-size:2em !important;text-transform:uppercase;margin-bottom:50px;letter-spacing:1px;}
.linh_vuc_hd{background:#0a863e; padding:50px 0px; background-size:100% ; color:#fff; text-align:center;}
.linh_vuc_hd ul{margin-left:12%; margin-right:12%; margin-top:20px;}
.linh_vuc_hd ul li{width:32%; float:left; list-style-type:none; margin:0%; font-size:17px; line-height:24px;
font-family:"bvn",Arial, Helvetica, sans-serif;}
.linh_vuc_hd ul li img{width:75px;}
.viewmore a {
    font-size: 14px;
    color: #fff;
    background-color: #22950f;
    line-height: 40px;
    border-radius: 20px;
    padding: 0 80px;
    display: inline-block;
    text-transform: capitalize;
}
.viewmore a:hover {
	 color: #fff;
    background-color: rgb(34 149 15 / 78%); }
.extra-layout18 .viewmore a {
    font-size: 14px;
    color: #fff;
    background-color: #009548;
    line-height: 40px;
    border-radius: 20px;
    padding: 0 80px;
    display: inline-block;
    text-transform: capitalize;
}

h1.title-h1{ font-size:20px;margin:10px 0; line-height:1.5;}
h2.title-h2{ font-size:16px; margin:10px 0; line-height:1.5;}
h3.title-h3{ font-size:14px; margin:10px 0; line-height:1.5;}
.module.border {
    border: 1px solid #22950f;
    padding: 50px;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px
}
.border .banners>div img {
    border: 1px solid #22950f;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}
/* video */
.home-video .box-video {
  text-indent: -999em;
  height: 770px; }
@media (max-width: 767px) {
  .home-video .box-video {
    height: 350px; } }
.home-video .box-video:hover {
  cursor: pointer; }

  .social-fixed {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 9999;
  margin-top: -130px;
  width: 34px; }
  .social-fixed a {
    display: inline-block;
    vertical-align: middle;
    height: 36px;
    line-height: 36px;
    position: relative;
    margin-bottom: 3px;
    padding-left: 34px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }

    .social-fixed a strong {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 34px;
	  height:34px;
      line-height: 34px;
      text-align: center; }
    .social-fixed a span {
      white-space: nowrap;
      display: block;
      font-size: 15px;
      text-transform: uppercase;
      color: #ffffff;
      text-align: center;
	  font-family: 'Oswald', sans-serif;
      padding: 0 15px 0 5px; }
    .social-fixed a:hover {
      text-decoration: none;
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
      margin-left: 44px; }
      .social-fixed a:hover.f {
        background: #4267b2; }
      .social-fixed a:hover.y {
        background: #de0000; }
      .social-fixed a:hover.i {
        background: #c1558b; }
      .social-fixed a:hover.p {
        background: #20df40; }
      .social-fixed a:hover.z {
        background: #0072b2; }