/*
Theme Name: Sober Child Theme
Theme URI: http://uix.store/sober/
Author: UIX Themes
Author URI: http://uix.store
Description: Sober is a fully responsive Premium WordPress Theme with a pixel perfect design and extensive functionality
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sober
Tags: one-column, two-columns, right-sidebar, custom-colors, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Template: sober
*/


.sober-icon-box {
    text-align: center;
    padding: 0px;
}
@media(max-width: 768px){
	.sober-icon-box .box-title{
		font-size: 15px;
	}
}

/*thu*/
.float-icon-hotline {
	display: block;
	width: 40px;
	position: fixed;
	bottom: 68px;
	left: 17px;
	z-index: 999999
}
.float-icon-hotline ul {
	display: block;
	width: 100%;
	padding-left: 0;
	margin-bottom: 0
}
.float-icon-hotline ul li {
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 10px;
	cursor: pointer
}
.float-icon-hotline ul li .fa {
	background-color: #ed1c24;
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 36px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	color: #fff;
	font-weight: 700;
	border-radius: 50%;
	position: relative;
	z-index: 2;
	border: 2px solid #fff;
}
.float-icon-hotline ul li .fa-phone {
	background-color: #f27418
}
.float-icon-hotline ul li .fa-zalo {
	background: #ef0303 url(images/zalo.png) center center no-repeat
}
.float-icon-hotline ul li .fa-fb {
	background: #ef0303 url(images/messenger.png) center center no-repeat!important
}
.animated.infinite {
	animation-iteration-count: infinite
}
.tada {
	animation-name: tada
}
.animated {
	animation-duration: 1s;
	animation-fill-mode: both
}
.float-icon-hotline ul li span {
	display: inline-block;
	padding: 0;
	background-color: #ff6a00;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 20px;
	height: 40px;
	line-height: 36px;
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 0;
	width: 0;
	overflow: hidden;
	-webkit-transition: all 1s;
	transition: all 1s;
	background-color: #ff6a00;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	font-weight: 400;
	white-space: nowrap;
	opacity: 0
}
.vnt-icon-fixed{
	display:none !important
}
.boxBot{
	color: #fff;
}
@media only screen and (max-width: 991px) {
	div.logo img{
		width:62%;
		margin-top:3px
	}
	.logo {
		text-align:center;
	}
}

@media only screen and (min-width: 960px) {
.float-icon-hotline ul li:hover span {
	width: 215px;
	padding-left: 30px;
	padding-right: 10px;
	opacity: 1
}
}
@media only screen and (max-width: 959px) {
.float-icon-hotline ul {
	display: flex!important
}
.float-icon-hotline ul li~li {
	margin-left: 10px
}
.float-icon-hotline {
	bottom:72px!important
}
}
.wpcf7-form .wpcf7-submit {
	width:200px;
}