/***************************************

	Theme Name: minhduongads

	Theme URI: http://minhduongads.com

	Description: The Ultimate WordPress News Theme you have been waiting for!

	Author: minhduongads

	Author URI: http://minhduongads.com

	Version: 1.3.0

	License: GPL

***************************************/



body.admin-bar .page {

	padding-top: 32px;

}

header {
	/* position: relative;
	background: url(assets/images/bg-header.png) right top no-repeat;
	background-size: cover; */
	padding: 20px 0px;
}

.main-menu {

	background-color: #1faa00;

	font-family: 'Tahoma';

	font-size: 16px;

	padding-top: 0;

	padding-bottom: 0;

	min-height: 40px;

}

body.admin-bar .sticky-top {

	top: 32px;

}

.main-menu .navbar-nav .nav-link {

	color: #fff;

	padding-top: 12px;
	
	padding-bottom: 12px;

	padding-left: 25px;

	padding-right: 25px;

	font-size: 14px;

	text-transform: uppercase;

}

.main-menu .navbar-nav .active>.nav-link,

.main-menu .navbar-nav .nav-link.active,

.main-menu .navbar-nav .nav-link.show,

.main-menu .navbar-nav .show>.nav-link,

.main-menu .navbar-nav li:hover .nav-link {

	color: #ffff00

}

.main-menu .navbar-nav .dropdown .dropdown-menu {

	background-color: #fff;

	border-radius: 0;

	border: 1px solid #cdcdcd;

	border-top: 0;

	margin: 0;

	width: 250px;

	padding: 0;

	left: 20px;

}

.main-menu .dropdown-item:focus, .main-menu .dropdown-item:hover {

	background-color: transparent;

	padding-left: 20px!important; 

}

.main-menu .navbar-nav .dropdown .dropdown-menu .dropdown-item {

	color: #333;

	font-size: 16px;

    text-transform: none;

    font-weight: 500;

    padding-left: 10px;

    border-top: 1px solid #cdcdcd;

    transition: all .3s ease-in-out 0s;

    line-height: 40px;

    padding-top: 0;

    padding-bottom: 0;

}

.metaslider .flexslider .flex-direction-nav li a {

	display: none!important;

}

.metaslider .flexslider:hover .flex-next, .metaslider .flexslider:hover .flex-prev {

	display: block!important;

}

.heading {

    font-size: 16px;

    font-weight: bold;

    clear: both;

    line-height: 50px;

    margin-bottom: 15px;

    padding: 0 15px;

    text-transform: uppercase;

    font-family: "AvantGardeBold";

	background-color: transparent;

	position: relative;

	padding: 0;

	text-align: left;

}

.heading.post-content {

    background: #333333;

	text-align: left;

	padding: 0 15px

}

.heading.news {

	text-align: left;

}

.heading a {

	position: relative;

	background: #1faa00;

	color: #fff;

	text-transform: uppercase;

	padding: 10px 15px;

	z-index: 1

}

.heading:before {

	content: "";

	position: absolute;

	height: 1px;

	background-color: #fcbd1d;

	width: 100%;

	left: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	z-index: 0;

}

.heading.post-content:before {

	display: none

}

.block-content {

	padding: 0 -10px;

	font-family: "AvantGardeBold";

}

.block-product h2.custom-post {

	margin-bottom: 15px;

}

.block-content .thumb {

	width: 100%;

	overflow: hidden;

	border:1px solid #ddd;

	margin-bottom: .5rem

}

.block-content .figure img {

	width: 100%;

	height: 100%;

	margin-bottom: 0;

	    -webkit-transition: all .5s ease-in-out 0s;

    -moz-transition: all .5s ease-in-out 0s;

    transition: all .5s ease-in-out 0s;

}

.block-content .figure:hover img {

	-webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}

.block-content a {

	text-decoration: none;

}

.block-content a:hover figcaption {

	color: #0056b3!important

}

.block-col .widget {

	list-style: none;

}

.block-col .widget h2,

.block-col h2 {

	font-size: 20px;

    font-weight: 600;

    margin-bottom: 10px;

}

.block-content .owl-nav {

	margin: 5px auto;

	text-align: center;

}

.block-content .owl-nav button {

	width: 50px;

	height: 25px;

	background-color: #ffc107!important;

	margin: 0 5px;

}

.term .box-mission {

    width: 12rem;

    height: 15.652rem;

    margin: 0 auto;

    position: relative;

}

.term .box-mission a {

    display: block;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

}

/*.term .box-mission:hover a {

    transform: rotateZ(180deg);

    transition: 1s;

}

.term .box-mission:hover a img {

    transform: rotateZ(-180deg);

    transition: 1s;

}*/

.term .text-center {

    color: #666;

    text-transform: uppercase;

    font-weight: bold;

    display: block;

}

.term .box-mission a img {

    border-radius: 50%;

	width: 12rem;

	height: 12rem;

    text-align: center;

    margin: auto;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border: 3px solid #1faa00;

}

.commitment {

	margin-top: 20px;

	background-color: #393939;

	padding: 40px 0 20px;

	color: #fab702;

}

.commitment .icon {

	height: 70px;

	line-height: 80px;

	border: 1px solid #fff;

	border-radius: 5px;

}

.commitment-content {

	padding: 30px 20px;

	border: 1px solid #fff;

	position: relative;

	top: 0;

}

.commitment-title {

	position: absolute;

	top: -20px;

	left: 0;

	right: 0;

	background-color: #393939;

	margin: 0 auto;

	width: 60%;

}

.footer {

	padding: 20px 0;

    background: #000;

    color: #fff;

    clear: both;

}

#toggle-top {display: none;}

@media (max-width: 800px) {

	header {

		padding: 15px;

	}

	.main-menu .navbar-nav .nav-link {

		padding: 14px

	}

	.main-menu a {

	    font-size: 15px;

	}

}

@media (max-width: 767px) {

	#toggle-top {

	    display: block;

	    height: 25px;

	    width: 25px;

	    line-height: 25px;

	    position: absolute;

	    text-align: center;

	    top: 45%;

	    margin-top: -11px;

	    left: 15px;

	    z-index: 1000;

	    background: #333;

	    color: #fff;

	    outline: 0;

	}

	.sticky-header {

	    position: -webkit-sticky;

	    position: sticky;

	    top: 0;

	    z-index: 1020;

	}

}

.sidebar-menu-title	{

	background-color: #000;

	padding: 10px;

	color: #fff;

	text-transform: uppercase;

}

#breadcrumb a,

#breadcrumb .current {

	color: #333;

	font-size: 14px;

	margin: 0 3px;

	text-decoration: none;

}

#breadcrumb .current {

	line-height: 25px;

}

.sidebar-menu-wrap {

	width: 100%;

    background: #777777;

    margin-bottom: 5px;

}

.sidebar-menu {

	padding: 0;

    margin: 0;

    list-style: none;

    color: #FFF;

}

.sidebar-menu-wrap li {

	padding: 7px 5px 7px 10px;

    margin: 0;

    border-bottom: 1px dotted #999999;

    position: relative;

}

.sidebar-menu-wrap li:hover {

    background: #DDD;

    color: #FFF;

    cursor: pointer;

}

.sidebar-menu-wrap li:hover a,

.sidebar-menu-wrap li:hover>.sub-menu li:hover a {

	color: #f00;

}

.sidebar-menu-wrap li a {

	color: #fff;

	text-decoration: none;

	text-transform: uppercase;

	font-size: 13px

}

.sidebar-menu-wrap li:hover>.sub-menu a {

	color: #000;

	font-weight: normal;

    text-transform: uppercase;

    font-size: 14px;

}

.sidebar-menu li ul {

	padding: 0;

    margin: 0;

    list-style: none;

    color: #FFF;

    display: none;

    z-index: 99;

    top: 0;

    left: 100%;

    position: absolute;

    width: 260px;

    background: #DDD;

}

.footer section a {

	color: #fff;

	text-decoration: none

}

.footer section a:hover {

	text-decoration: underline;

}

.footer .title {

    text-transform: uppercase;

    margin: 0 0 8px 0;

    font-weight: bold;

    font-size: 14px;

    color: #fff;

}

.footer section p {

    margin: 0;

    font-size: 14px;

}

.footer section ul {

    margin: 0;

    padding: 0;

    list-style-position: inside;

}

.footer section ul li {

    margin: 7px 0;

    line-height: 17px;

}

.footer section ul li a {

    font-size: 13px;

    color: #fff;

    text-decoration: none

}

.social-bar a {

    color: #8c8c8c;

    background: #ebebeb;

    display: inline-block;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    position: relative;

    font-size: 14px;

    margin-right: 5px;

    margin-bottom: 10px;

}

.social-bar a:hover, .social-bar.line a span, .social-bar.dark a, .social-bar.colors a, .social-bar.colors a:hover {

    color: #fff;

}

.social-bar a.facebook:hover, .social-bar.colors a.facebook {

    background: #6078aa;

}

.social-bar a.twitter:hover, .social-bar.colors a.twitter {

    background: #00abf0;

}

.social-bar a.gplus:hover, .social-bar.colors a.gplus {

    background: #d95232;

}

.social-bar a.youtube:hover, .social-bar.colors a.youtube {

    background: #db2828;

}

.callus {
    background: #1faa00 url(assets/images/phone.png) no-repeat 4px 4px;
    position: fixed;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 40px;
    border-radius: 40px;
    color: #fff;
    z-index: 99999;
    opacity: .9;
    left: 10px;
    bottom: 20px;
    cursor: pointer;
}

.callus a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 1px 1px 0 #000;
    cursor: pointer;
}

.alo-floating.call-zalo {
    bottom: 180px;
    background: #1faa00;
}

.alo-floating {
    display: block;
    left: 10px;
    bottom: 10px;
    position: fixed;
    z-index: 9999;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 40px;
    cursor: pointer;
    padding-right: 5px;
    max-width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #e42222;
    padding: 0 10px;
}

.alo-floating a {
    color: #FFF;
}

.sidebar-menu-wrap li:hover>.sub-menu {

	display: block;

}

.productdt_2 .bold h1 {

	font-size: 15px;

	color: #f00;

}

.content {

	border: 1px solid #ccc;

	position: relative;

	margin-top: 50px;

	padding: 15px;

}

.content span {

	position: absolute;

	background-color: #ccc;

	color: #333;

	top: -45px;

	left: 0;

	padding: 10px;

}

.retail .retail-title {

	position: relative;

	height: 2px;

	margin-top: 50px;

	background-color: #ccc;

	margin-bottom: 25px;

}

.retail .retail-title span {

	position: absolute;

	top: -15px;

	background-color: #fff;

	font-size: 20px;

	border: 2px solid #ccc;

	padding: 0 10px

}

.relatedcat figure {

	float: left;

}

.fb-like-box, .fb-like-box span, iframe, .fb-like-box ._2p3a {

	width: 100%!important;

}

.contactInfo .media .media-left {

    width: 75px;

    height: 75px;

    line-height: 75px;

    text-align: center;

    background-color: #ff891e;

    color: #ffffff;

    padding-right: 0;

    margin-right: 25px;

    font-size: 35px;

    float: left;

}

.contactInfo > h3 {

    font-size: 20px;

    line-height: 24px;

    font-weight: 100;

}

.contactInfo .media {

    margin-bottom: 20px;

}

.contactInfo .media .media-body h4 {

    line-height: 22px;

    font-size: 17px;

    font-weight: 400;

}

@media (min-width: 768px) {

	

}

@media (max-width: 600px) {

	.imgbanner {

		margin-left: 30px;

	}

	.sidebar-menu-wrap li a {

		line-height: 30px

	}

	.sidebar-menu li ul {

		position: relative;

		left: auto;

		width: 100%;

		border: 1px dotted #ccc

	}

	.footer section {

		width: 100%;

		float: none;

	}

	.service-content table {

		width:100%;

		overflow: hidden;

		overflow-x: scroll;

		display: block;

		white-space: nowrap;

	}

}

@media (max-width: 480px) {



}

.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{

    -ms-touch-action: auto;

        touch-action: auto;

}

/* =WordPress Core

————————————————————– */



.alignnone,

.aligncenter,

.alignright,

.alignleft {

	max-width:98%;

	height:auto!important;

}

.alignnone {

margin: 5px 20px 20px 0;

}

.aligncenter, div.aligncenter {

display:block;

margin: 5px auto 5px auto;

}

.alignright {

float:right;

margin: 5px 0 20px 20px;

}

.alignleft {

float:left;

margin: 5px 20px 20px 0;

}

.aligncenter {

display: block;

margin: 5px auto 5px auto;

}

a img.alignright {

float:right;

margin: 5px 0 20px 20px;

}

a img.alignnone {

margin: 5px 20px 20px 0;

}

a img.alignleft {

float:left;

margin: 5px 20px 20px 0;

}

a img.aligncenter {

display: block;

margin-left: auto;

margin-right: auto

}

.wp-caption {

background: #fff;

border: 1px solid #f0f0f0;

max-width: 96%; /* Image does not overflow the content area */

padding: 5px 3px 10px;

text-align: center;

}

.wp-caption.alignnone {

margin: 5px 20px 20px 0;

}

.wp-caption.alignleft {

margin: 5px 20px 20px 0;

}

.wp-caption.alignright {

margin: 5px 0 20px 20px;

}

.wp-caption img {

border: 0 none;

height: auto;

margin:0;

max-width: 98.5%;

padding:0;

width: auto;

}

.wp-caption p.wp-caption-text {

font-size:11px;

line-height:17px;

margin:0;

padding:0 4px 5px;

}

/** Phone **/

.fix_tel a {

	text-decoration: none;

}

.fix_tel a .fone {

	text-decoration: none;
    display: block;
    font-size: 19px;
    color: #f00;
    line-height: 36px;
    font-weight: bold;
    padding-left: 60px;
    margin: 0 0;

}

.tel { background: #eee;width:205px; height:40px; position:relative; overflow:hidden;background-size:40px;border-radius:28px;border:none}

.ring-alo-phone {

    background-color: transparent;

    cursor: pointer;

    height: 80px;

    position: absolute;

    transition: visibility 0.5s ease 0s;

    visibility: hidden;

    width: 80px;

    z-index: 200000 !important;

}

.ring-alo-phone.ring-alo-show {

    visibility: visible;

}

.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {

    opacity: 1;

}

.ring-alo-ph-circle {

    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;

    background-color: transparent;

    border: 2px solid rgba(30, 30, 30, 0.4);

    border-radius: 100%;

    height: 70px;

    left: 10px;

    opacity: 0.1;

    position: absolute;

    top: 12px;

    transform-origin: 50% 50% 0;

    transition: all 0.5s ease 0s;

    width: 70px;

}

.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {

    animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;

}

.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {

    animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;

}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {

    border-color: #c40101;

    opacity: 0.5;

}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {

    border-color: #baf5a7;

    opacity: 0.5;

}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {

    border-color: #c40101;

    opacity: 0.5;

}



.ring-alo-ph-img-circle {

    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;

    border: 2px solid transparent;

    border-radius: 100%;

    height: 30px;

    left: 30px;		    

    opacity: 1;

    position: absolute;

    top: 33px;

    transform-origin: 50% 50% 0;

    width: 30px;

}



.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {

    background-color: #c40101;

}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {

    background-color: #75eb50;

}

.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {

    background-color: #c40101;

}

@keyframes ring-alo-circle-anim {

	0% {

	    opacity: 0.1;

	    transform: rotate(0deg) scale(0.2) skew(1deg);

	}

	25% {

		opacity: 0.25;

		transform: rotate(0deg) scale(0.4);

	}

	50% {

		opacity: 0.35;

		transform: rotate(0deg) scale(0.65);

	}

	75% {

	    opacity: 0.5;

	    transform: rotate(0deg) scale(0.85) skew(1deg);

	}

	100% {

	    opacity: 0.6;

	    transform: rotate(0deg) scale(1) skew(1deg);

	}

}



@keyframes ring-alo-circle-img-anim {

	0% {

	    transform: rotate(0deg) scale(1) skew(1deg);

	}

	10% {

	    transform: rotate(-25deg) scale(1) skew(1deg);

	}

	20% {

	    transform: rotate(25deg) scale(1) skew(1deg);

	}

	30% {

	    transform: rotate(-25deg) scale(1) skew(1deg);

	}

	40% {

	    transform: rotate(25deg) scale(1) skew(1deg);

	}

	50% {

	    transform: rotate(0deg) scale(1) skew(1deg);

	}

	100% {

	    transform: rotate(0deg) scale(1) skew(1deg);

	}

}

.ring-alo-ph-img-circle a img {

	padding: 1px 0 12px 1px;

	width: 25px;

	position: relative;

	top: -1px;

}