/*
Theme Name: vinatech-child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@media (min-width: 850px){
    header#header .nav-dropdown {
        display: block;
		background:#26820a;
    }
    header#header .nav-dropdown ul.sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
        background: #26820a;
        width: 250px;
        padding: 0;
        display: none !important;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
        box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    }
    header#header .nav-dropdown ul.sub-menu a {
        white-space: normal;
        margin: 0;
        padding: 10px 15px;
        border: 0;
        font-weight: 400;
		color:#fff;
    }
    header#header .nav-dropdown li:hover > ul.sub-menu{
        display: block !important;
    }
    header#header .nav-dropdown li {
        border-right: 0;
        white-space: normal;
        width: 100%;
        display: block;
        position: relative;
    }
    header#header .nav-dropdown li.menu-item-has-children > a {
        font-weight: 500;
        text-transform: none;
        color:#fff;
    }
    header#header .nav-dropdown li.active>a {
        color: #fff;
    }
}
.nav-dropdown-has-arrow li.has-dropdown:after {
    border-color: hsla(0, 0%, 87%, 0) hsla(0, 0%, 87%, 0) #26820a;
    border-width: 8px;
    margin-left: -8px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.phonering-alo-phone.phonering-alo-static {
	opacity: .6;
}

.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {
	opacity: 1;
}

.phonering-alo-ph-circle {
	width: 160px;
	height: 160px;
	top: 20px;
	left: 20px;
	position: absolute;
	background-color: transparent;
	border-radius: 100%!important;
	border: 2px solid rgba(30,30,30,.4);
	border: 2px solid #bfebfc 9;
	opacity: .1;
	-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%;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
	-webkit-animation: phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
	animation: phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
	-webkit-animation: phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
	animation: phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
	border-color: #00aff2;
	opacity: .5;
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
	border-color: #75eb50;
	border-color: #baf5a7;
	opacity: .5;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
	border-color: #00aff2;
	border-color: #bfebfc;
	opacity: .5;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
	border-color: #ccc;
	opacity: .5;
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
	border-color: #75eb50;
	opacity: .5;
}

.phonering-alo-ph-circle-fill {
	width: 100px;
	height: 100px;
	top: 50px;
	left: 50px;
	position: absolute;
	background-color: #000;
	border-radius: 100%!important;
	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%;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
	-webkit-animation: phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
	animation: phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
	-webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
	animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
	opacity: 0!important;
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
	background-color: rgba(0,175,242,.5);
	background-color: #00aff2 9;
	opacity: .75!important;
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
	background-color: rgba(117,235,80,.5);
	background-color: #baf5a7 9;
	opacity: .75!important;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
	background-color: rgba(0,175,242,.5);
	background-color: #a6e3fa 9;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
	background-color: rgba(204,204,204,.5);
	background-color: #ccc 9;
	opacity: .75!important;
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
	background-color: rgba(117,235,80,.5);
	opacity: .75!important;
}

.phonering-alo-ph-img-circle {
	width: 150px;
	height: 44px;
	bottom: 20px;
	left: 20px;
	z-index: 999;
	position: fixed;
	background: rgba(30,30,30,.1) url(/wp-content/themes/vinatech-child/imgs/giao-gas.png) no-repeat center center;
	-webkit-animation: phonering-alo-circle-img-anim 4s infinite ease-in-out;
	animation: phonering-alo-circle-img-anim 4s infinite ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.phonering-alo-ph-img-circle img {
	border: 2px solid #008749;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
	-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
	animation: phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
	-webkit-animation: phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
	animation: phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
	background-color: #00aff2;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
	background-color: #ccc;
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
	background-color: #75eb50;
}

@-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: .2;
	}

	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		opacity: .2;
	}

	100% {
		-webkit-transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2;
	}
}

@-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);
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		-ms-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}