.feature-img:hover figure a, .full-heading.main-bg:before, .accordion.style-1 .panel>.panel-heading h4 a:not(.collapsed):before, .accordion.style-3 .panel>.panel-heading h4 a:not(.collapsed), .black-bg:hover>a, .blog-posts .post-item:hover .post-content, .box-5:hover, .bquote-2, .comment-list .comment-content h6, .dark-bg:not(.top-head):hover a, .darker-bg:hover a, .diamond.colored:after, .diamonds:hover, .diamonds:hover a, .feature-img2:hover figure a, .filter-by ul li:after, .filter-by.style-2 ul li.active a, .filter-by.style-3 ul li.active a, .filter-by:not(.style-2) ul li.active a, .filter-by:not(.style-3) ul li.active a, .flex-control-paging li a.flex-active, .footer-3 .footer-top .social-list li a:hover, .footer-middle h3:after, .head-4:after, .head-5:after, .head-8:before, .header-9 .top-nav>ul>li.mega-menu:hover>span:after, .header-9 .top-nav>ul>li.mega-menu:hover>span:before, .header-9 .top-nav>ul>li:not(.mega-menu):hover:after, .header-9 .top-nav>ul>li:not(.mega-menu):hover:before, .heading-full [class*=head-]:after, .heading-full [class*=head-]:before, .icon-box .filled i:hover, .icon-box.box-1 .outlined i:after, .icon-box.box-1.bordered .inner:after, .icon-box.box-1.bordered .inner:before, .icon-box.box-1.bordered:after, .icon-box.box-1.bordered:before, .icon-box.gry-border-1:hover, .icon-box.gry-border-2:hover h3, .icon-box:hover .filled i, .icons-style-1:hover .btn, .item-img .product-buttons a:hover, .list-grid a.selected, .login-box-lg .login-inner:after, .main-bg, .main-heading .heading-separator:after, .minimal-socials li a:hover, .modal-header, .nav-border-bottom li.mega-menu .inner-mega:after, .nav-border-bottom>ul>li:after, .nav-border-left li.mega-menu .inner-mega:after, .nav-border-left>ul>li:after, .nav-border-right li.mega-menu .inner-mega:after, .nav-border-right>ul>li:after, .nav-border-top li.mega-menu .inner-mega:after, .nav-border-top>ul>li:after, .on-sale, .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .pagination ul li.selected, .pagination.bar-1 ul li a:hover, .pagination.bar-3 ul:after, .pagination.bottom-border ul li:hover, .portfolio-item .fav:hover, .portfolio-item .link:hover, .portfolio-item .zoom:hover, .post-icon, .post-item:hover .bottom_tools a, .pricing-tbl.style-1.selected .btn, .pricing-tbl.style-1:hover .btn, .pricing-tbl.style-2.selected .btn, .pricing-tbl.style-2.selected h3, .pricing-tbl.style-2:hover .btn, .pricing-tbl.style-2:hover h3, .pricing-tbl.style-3.selected, .pricing-tbl.style-3:hover, .pricing-tbl.style-4.selected .btn, .pricing-tbl.style-4.selected .plan-head, .pricing-tbl.style-4.selected .plan-head:after, .pricing-tbl.style-4.selected .plan-head:before, .pricing-tbl.style-4:hover .btn, .pricing-tbl.style-4:hover .plan-head, .pricing-tbl.style-4:hover .plan-head:after, .pricing-tbl.style-4:hover .plan-head:before, .progress-bars .bar .bar-in, .saf-tags.hover-effect li:hover, .side-one li a, .sidebar_widgets .widget-head:after, .sidebar_widgets li.widget:after, .sidebar_widgets li.widget:before, .slick-dots li.slick-active button, .social-list li:not(.main-bg) a:hover, .tabs-style-ballon .nav-tabs>li.active>a, .tabs-style-bg .nav-tabs>li.active a:after, .tabs-style-bottomline li.active:after, .tabs-style-lg.style-1 .nav-tabs>li.active>a, .team-box.box-1:hover .team-details, .team-box.box-2:hover, .team-box.box-2:hover .team-pos, .timeline .post-item .timeline_date .inner_date:before, .timeline .post-item .timeline_date:before, .top-bar .social-list li a:hover, .top-bar.main-bg li.dropdown ul, .top-head.boxed-transparent .bot-line, .top-head.boxed-transparent .logo:after, .top-head.boxed-transparent .logo:before, .top-head.header-2 .top-cart>a:before, .top-head.header-2 .top-nav>ul>li.selected>a, .top-head.header-2 .top-nav>ul>li.selected>span>a, .top-head.header-2 .top-nav>ul>li:hover>a, .top-head.header-2 .top-nav>ul>li:hover>span>a, .top-head.header-2 .top-search>a:before, .top-head.header-5 .top-nav>ul>li .inner-mega:before, .top-head.header-5 .top-nav>ul>li:before, .top-head.header-6 .top-nav>ul>li .inner-mega:before, .top-head.header-6 .top-nav>ul>li.mega-menu:hover>a, .top-head.header-6 .top-nav>ul>li:hover:before, .top-head.header-6 .top-nav>ul>li:hover>a:before, .top-head.header-6 .top-nav>ul>li>span>a:before, .top-head.header-8 .top-nav>ul>li.selected>a, .top-head.header-8 .top-nav>ul>li.selected>span>a, .top-head.header-8 .top-nav>ul>li:hover>a, .top-head.header-8 .top-nav>ul>li:hover>span>a, .top-nav.colored-submenu ul li ul, .top-shop-links a:hover, .tri-line:before, footer .tags li a:hover, footer .tags.hover-effect a:after, input[type=radio]:checked+label>span>span, li.outlined.rectangle:hover {
	background-color: #30be19;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .15)
}

.inner-magazine .blog-posts .post-item:hover .post-content, .tp-caption.Photography-Menuitem:hover, .p-style5 figure .icon-links a:hover:before, .Photography-Menuitem:hover {
	background-color: #30be19 !important;
}

.accordion.style-1 .panel>.panel-heading h4 a:not(.collapsed), .accordion.style-4 .panel>.panel-heading h4 a:not(.collapsed), .big-heart:before, .blog-posts .post-item:hover .post-content .post-icon, .btn.main-border.btn-outlined, .divider i.to-top, .footer-bottom .footer-menu li a:hover, .footer-menu a:hover, .icon-box.box-1:hover .transparent i, .icon-box.box-1:hover h3, .icon-box.gry-border-1:hover i, .icons-style-1:hover .heading, .icons-style-1:hover i.animat-icon, .icons-style-2:hover .heading, .item-price, .main-color, .main-color a, .menu-widget li a:hover, .nav-animate>ul>li>a span:after, .nav-animate>ul>li>span>a span:after, .post-item .post-info h2 a, .pricing-tbl.style-1.selected .price-lg, .pricing-tbl.style-1.selected h3, .pricing-tbl.style-1:hover .price-lg, .pricing-tbl.style-1:hover h3, .pricing-tbl.style-2.selected .price-lg, .pricing-tbl.style-2:hover .price-lg, .pricing-tbl.style-4.selected .plan-head i, .pricing-tbl.style-4:hover .plan-head i, .side-nav>ul>li.hasChildren.selected:after, .side-nav>ul>li.hasChildren:hover:after, .side-nav>ul>li.selected>a, .side-nav>ul>li:hover>a, .social-list li.main-color a, .tabs nav ul li.active a, .testimonials-2 p:after, .testimonials-2 p:before, .timeline .post-item:nth-child(even) .timeline_date .day, .timeline .post-item:nth-child(even) .timeline_date .month, .top-bar ul li i, .top-head .top-nav>ul>li.selected>a, .top-head .top-nav>ul>li.selected>span>a, .top-head.dark-transparent .top-nav>ul>li:hover>a, .top-head.transparent .top-nav>ul>li.hasChildren:hover>a:after, .top-head.transparent .top-nav>ul>li:hover>a, .top-nav ul li a span:before, .top-nav ul li.selected>a, .top-nav ul li.selected>span>a, .top-nav ul li:hover>a, .top-nav>ul>li.hasChildren:hover>a:after, .top-nav>ul>li.hasChildren:hover>span>a:after, .tweets-widget .tweets_txt span, .widget-tweets a, .widget.custom-menu-widget ul li.selected:before, a:hover {
	color: #30be19
}

.close-modal.main-color, .new-nav>ul>li.selected>a, .one-page .current a {
	color: #30be19 !important;
}

.accordion .panel.main-bg, .btn.main-bg, .contact-widget .social-list .diamond.outlined a:hover:after, .feature-img:hover figure:before, .flex-control-paging li a.flex-active, .heading-full [class*=head-], .icon-box.gry-border-2:hover, .icons-style-2 i, .img-icon, .main-border, .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .pricing-tbl.selected, .pricing-tbl.style-4.no-margin.selected, .pricing-tbl.style-4.selected .plan-head:before, .pricing-tbl.style-4:hover .plan-head:before, .pricing-tbl:hover, .testimonials-2 .testimonials-img, .tri-line, footer .tags li:hover, footer .tags.hover-effect a:hover, li.outlined.circle:hover, li.outlined.rectangle:hover {
	border-color: #30be19!important
}

.accordion.style-1 .panel>.panel-heading h4 a:not(.collapsed), .accordion.style-4 .panel>.panel-heading h4 a:not(.collapsed), .bquote-3, .filter-by, .head-3 b:before, .head-4 b:before, .icons-style-2:hover .heading, .inner-menu ul ul, .p-style4 .name-holder, .page-title.title-5 h3, .pagination.bottom-border ul li, .pricing-tbl.style-2:hover h3, .sidebar_widgets li.widget, .tabs-style-ballon .tab-content .tab-pane, .testimonials-3 .testimonials-bg, .toolsBar, .top-bar li ul, .top-search .search-box {
	border-bottom-color: #30be19
}

.tabs-style-ballon.vertical .tab-content .tab-pane {
	border-right-color: #30be19
}

.head-3 b:after, .pricing-tbl.style-2:hover h3:before, .pricing-tbl.style-2:hover h3:after, .pricing-tbl.style-2.selected h3:after, .cart-box, .tabs-style-default .nav-tabs>li.active>a {
	border-top-color: #30be19
}

.bquote-3 span.bottom, .top-nav ul ul ul:before, .icon-box-small i.left-angle.main-bg b:before {
	border-color: transparent red transparent transparent
}

.icon-box-small i.right-angle.main-bg b:before, .head-triangle:after, .right-arrow.main-bg:after {
	border-color: transparent transparent transparent red
}

.bquote-3 .bottom:after, .bquote-4 span.main-bg:after, .tabs-style-bottomline li.active:before, #to-top:before {
	border-color: transparent transparent red
}

.accordion.style-4 .panel>.panel-heading h4 a:not(.collapsed):before, .filter-by.style-2 ul li.active:after, .filter-by.style-3 ul li.active:after, .heading-full-color .tri-angle-down, .tabs-style-ballon li.active a:after, .tabs-style-lg.style-1 .nav-tabs>li.active>a:before, .testimonials-3 .testimonials-bg:after {
	border-color: #30be19 transparent transparent
}

.tabs-style-bottomline li:last-child::after {
	border-color: transparent red transparent
}

.section-full-bg.main-bg .tri, .fun-icon.main-bg.lg-icon:after, .filter-by ul li.active a:after {
	border-color: #30be19 transparent transparent transparent
}

.icon-box .filled i:after {
	box-shadow: 0 0 0 1px red
}

.btn.main-bg.btn-3d {
	-webkit-box-shadow: 0 5px 0 red;
	box-shadow: 0 4px 0 red
}

.inner-menu ul>li.selected>a, .inner-menu ul>li:hover>a, .post-item:hover .bottom_tools, .testimonials-1 .testimonials-bg:after, .testimonials-1 .testimonials-bg:before, .top-bar.main-bg .social-list li a:hover, .top-head .full.main-bg .top-nav>ul>li:hover, a.main-bg:hover {
	background-color: #30be19
}

.section-full-bg.alter-bg:before, .section-full-bg.alter-bg:after, .alter-bg, .btn.main-bg:hover, .side-nav>ul>li>ul li.selected, .side-nav>ul>li>ul li:hover, .social-list li.diamond:hover, .team-box .team-details .social-list li a:hover, .team-box.box-2:hover .team-name, .top-bar ul>li.dropdown.open>a, .top-bar ul>li>a:hover, .top-head .full.main-bg .top-nav>ul>li.selected {
	background-color: #30be19;
	color: #fff
}

.lg-box:hover, .top-head.header-8 .top-nav>ul>li.selected>a, .top-head.header-8 .top-nav>ul>li.selected>span>a, .top-head.header-8 .top-nav>ul>li:hover>a, .top-head.header-8 .top-nav>ul>li:hover>span>a, .top-nav ul {
	border-color: #30be19
}

.testimonials-1 .testimonials-img:before {
	border-color: transparent transparent transparent red
}

.testimonials-1 .testimonials-img:after {
	border-color: transparent red transparent transparent
}
.hotline-container{
	position: fixed;
	left: 10px;
	bottom: 30px;
	z-index: 1000;
	display:flex;
	flex-direction:row;
}
.hotline {	
	padding: 10px 15px 10px 10px;
	border-radius: 30px;	
	background: red;
	margin-right:20px;
}
.zalo{
	width: 50px;
    height: 50px;
    background: #5AC5EF;
    border-radius: 50%;
    box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7);
}
.zalo > a > i {
    background: url(/images/zalo.png) center center no-repeat;
    background-size: 57%;
    width: 50px;
    height: 50px;
	display: block;
}
.hotline .phone-icon {
	width: 30px;
	height: 30px;
	left: 10px;
	position: absolute;
	background: rgba(30, 30, 30, 0.1) url(../images/hotline.png) no-repeat center center;
	border-radius: 100% !important;
	border: 2px solid transparent;
	-webkit-animation: rotation-pulse 1s infinite ease-in-out;
	-moz-animation: rotation-pulse 1s infinite ease-in-out;
	-o-animation: rotation-pulse 1s infinite ease-in-out;
	animation: rotation-pulse 1s infinite ease-in-out;
}

.hotline span {
	margin-left: 35px;
	color: rgba(255, 255, 0, 1);
	font-size: 20px;
}

@-webkit-keyframes rotation-pulse {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;
	 }
	 25% {
		-webkit-transform: scale(0.5);
		opacity: 0.1;
	 }
	 50% {
		-webkit-transform: scale(0.75);
		opacity: 0.3;
	 }
	 75% {
		-webkit-transform: scale(1);
		opacity: 0.5;
	 }
	 100% {
		-webkit-transform: scale(1.5);
		opacity: 0.0;
	 }
}
@-moz-keyframes rotation-pulse {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;
	 }
	 25% {
		-webkit-transform: scale(0.5);
		opacity: 0.1;
	 }
	 50% {
		-webkit-transform: scale(0.75);
		opacity: 0.3;
	 }
	 75% {
		-webkit-transform: scale(1);
		opacity: 0.5;
	 }
	 100% {
		-webkit-transform: scale(1.5);
		opacity: 0.0;
	 }
}
@-o-keyframes rotation-pulse {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;
	 }
	 25% {
		-webkit-transform: scale(0.5);
		opacity: 0.1;
	 }
	 50% {
		-webkit-transform: scale(0.75);
		opacity: 0.3;
	 }
	 75% {
		-webkit-transform: scale(1);
		opacity: 0.5;
	 }
	 100% {
		-webkit-transform: scale(1.5);
		opacity: 0.0;
	 }
}
@keyframes rotation-pulse {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;
	 }
	 25% {
		-webkit-transform: scale(0.5);
		opacity: 0.1;
	 }
	 50% {
		-webkit-transform: scale(0.75);
		opacity: 0.3;
	 }
	 75% {
		-webkit-transform: scale(1);
		opacity: 0.5;
	 }
	 100% {
		-webkit-transform: scale(1.5);
		opacity: 0.0;
	 }
}