/*
Theme Name:     Onum Child
Theme URI:      http://wpdemo.archiwp.com/onum/
Description:    Make your modifications to [Parent Theme] in this child theme.
Author:         Oceanthemes
Author URI:     http://oceanthemes.net/
Version:        1.0
Template:       onum
*/

@import url("../onum/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
#block-17{
	margin-bottom: 10px;
}
.mbt-10{
	margin-bottom: 10px;
}

.switch_slider{
	display: none;
}

.box-ab .service-box .content-box {
    padding-left: 35px;
}
.box-ab .service-box.s-box.elementor-animation- {
    display: flex;
    align-items: center;
}
/* CSS layzy load hình ảnh */
/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
    opacity: 0;
}
/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}

/* CSS viết hoa brecum */
.page-header.dtable.text-center {
    text-transform: uppercase;
}

.bxcontent .service-box-s2.s-box.elementor-animation- {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.bxcontent .service-box-s2.s-box.elementor-animation- .number-box{
flex: 0 0 50px;
}
.bxcontent .service-box-s2.s-box.elementor-animation- .content-box {
	padding-left: 30px;
}
.bxcontent2 .content-box {
    padding-top: 15px;
}


/* CSS trang quảng cáo facebook */
.elementor-element-a298195 .elementor-icon-list-item,.elementor-element-2863a58 .elementor-icon-list-item,.elementor-element-5783909 .elementor-icon-list-item, .elementor-element-8d3b5ed .elementor-icon-list-item,.elementor-element-a46ee66 .elementor-icon-list-item,.elementor-element-0755373 .elementor-icon-list-item{
align-items: flex-start !important;
}
.elementor-element-a298195 .elementor-icon-list-icon,.elementor-element-2863a58 .elementor-icon-list-icon,.elementor-element-5783909 .elementor-icon-list-icon, .elementor-element-8d3b5ed .elementor-icon-list-icon,.elementor-element-a46ee66 .elementor-icon-list-icon,.elementor-element-0755373 .elementor-icon-list-icon{
margin-top: 8px;
}
/* CSS trang chủ */


/* css vì sao chọn chúng tôi */
/* .elementor-element-14012a4 .service-box-s2{
	display: flex;
	justify-content: flex-start;
	align-items: center
}
.elementor-1385 .elementor-element .content-box{
	padding-left: 10% !important;
} */

/* CSS rút gọn chữ blog */
.inner-post .entry-header a {
    display: block;
    display: -webkit-box;
    font-size: 16px;
    line-height: 1.3;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-grid img {
    height: 300px;
    object-fit: cover;
}
/* css footer */
.img-ft img{
	border-radius: 50% !important;
    padding: 10%;
    background: white;
}
.ctf7 p{
	margin-bottom: 0px;
}
/* css team info */
.elementor-1385 .elementor-widget-wrap .elementor-element.elementor-element-1fc5495 .team-wrap .team-info h4{
	font-size: 15px;
}
.elementor-1385 .elementor-widget-wrap .elementor-element.elementor-element-1fc5495 .team-wrap .team-info span{
	font-size: 12px;
}
/* css team info trang riêng */
.team-wrap .team-social a, .team-wrap .team-social span {
    display: none;
}

/* CSS tin tức trang chủ */
.blog-hh .blog-grid img {
    height: 300px!important;
    object-fit: cover;
}

@keyframes icon-luc-lac {
	0% {
			transform:rotate(0) 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(0) scale(1) skew(1deg);
	}
	100% {
			transform:rotate(0) scale(1) skew(1deg);
	}
}
@keyframes vien-nho-zoom {
	0% {
			transform:rotate(0) scale(.7) skew(1deg);
			opacity:.2;
	}
	50% {
			transform:rotate(0) scale(1) skew(1deg);
			opacity:.5;
	}
	100% {
			transform:rotate(0) scale(.7) skew(1deg);
			opacity:.2;
	}
}
@keyframes vien-lon-zoom {
	0% {
			transform:rotate(0) scale(.5) skew(1deg);
			opacity:.1;
	}
	30% {
			transform:rotate(0) scale(.7) skew(1deg);
			opacity:.1;
	}
	100% {
			transform:rotate(0) scale(1) skew(1deg);
			opacity:.1;
	}
}
.btn-call-fixed {
	margin-bottom:10px;
}
.btn-call-fixed .icon-wrap {
	float:left;
	position:relative;
	z-index:1;
	width:60px;
	height:60px;
	box-shadow:0 0 0 2px rgba(255,255,255,.8);
	border-radius:50%;
}
.btn-call-fixed .icon-wrap i.fa {
	font-size:30px;
	color:#fff;
	background:#f1451f;
	width:60px;
	height:60px;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	border-radius:50%;
	text-align:center;
	line-height:60px;
	animation:icon-luc-lac 1.2s infinite ease-in-out;
}
.btn-call-fixed .icon-wrap .border-1 {
	width:110px;
	height:110px;
	position:absolute;
	z-index:1;
	top:-25px;
	left:-25px;
	border:solid 1px #f1451f;
	border-radius:50%;
	animation:vien-lon-zoom 1.2s infinite ease-in-out;
}
.btn-call-fixed .icon-wrap .border-2 {
	width:80px;
	height:80px;
	position:absolute;
	z-index:1;
	top:-10px;
	left:-10px;
	border:solid 1px #f1451f;
	border-radius:50%;
	animation:vien-nho-zoom 2.3s infinite ease-in-out;
}
.btn-call-fixed .btn-text {
	display:none;
	float:left;
	padding:5px 20px;
	font-size:13px;
	font-weight:bold;
	color:#f1451f;
	line-height:22px;
	border-radius:999px;
	background:#fff;
	box-shadow:0 0 6px rgba(0,0,0,.1);
	position:absolute;
	z-index:1;
	top:0;
	right:calc(100%);
	white-space:nowrap;
}
.btn-call-fixed .btn-text>span:last-child {
	font-size:30px;
}
.btn-call-fixed .btn-text>span>span~span {
	margin-left:10px;
}
.btn-call-fixed[data-type='zalo'] .icon-wrap i.fa {
	background:#0068ff;
	font-family:'FontAwesome';
	font-size:15px;
	font-weight:bold;
	animation:none;
}
.btn-call-fixed[data-type='zalo'] .icon-wrap i.fa:before {
	display:inline;
	content:"Zalo";
}
.btn-call-fixed[data-type='zalo'] .icon-wrap .border-1,.btn-call-fixed[data-type='zalo'] .icon-wrap .border-2 {
	border:solid 1px #0068ff;
	display:none;
}
.btn-call-fixed[data-type='zalo'] .icon-wrap:hover .border-1,.btn-call-fixed[data-type='zalo'] .icon-wrap:hover .border-2 {
	display:block;
}
.btn-call-fixed[data-type='zalo'] .btn-text {
	color:#0068ff;
}

.btn-call-fixed[data-type='facebook-page'] .icon-wrap i.fa {
	background:#3b5998;
	font-family:'FontAwesome';
	font-size:28px;
	font-weight:bold;
	animation:none;
}
.btn-call-fixed[data-type='facebook-page'] .icon-wrap .border-1,.btn-call-fixed[data-type='facebook-page'] .icon-wrap .border-2 {
	border:solid 1px #3b5998;
	display:none;
}
.btn-call-fixed[data-type='facebook-page'] .icon-wrap:hover .border-1,.btn-call-fixed[data-type='facebook-page'] .icon-wrap:hover .border-2 {
	display:block;
}
.btn-call-fixed[data-type='facebook-page'] .btn-text {
	color:#3b5998;
}

.btn-call-fixed[data-type='facebook'] .icon-wrap i.fa {
	background:url(data:image/svg+xml;
	base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) no-repeat center #0084ff;
	background-size:80%;
	font-family:inherit;
	font-size:15px;
	font-weight:bold;
	animation:none;
}
.btn-call-fixed[data-type='facebook'] .icon-wrap i.fa:before {
	display:inline;
	content:"";
}
.btn-call-fixed[data-type='facebook'] .icon-wrap .border-1,.btn-call-fixed[data-type='facebook'] .icon-wrap .border-2 {
	border:solid 1px #0084ff;
	display:none;
}
.btn-call-fixed[data-type='facebook'] .icon-wrap:hover .border-1,.btn-call-fixed[data-type='facebook'] .icon-wrap:hover .border-2 {
	display:block;
}
.btn-call-fixed[data-type='facebook'] .btn-text {
	color:#0084ff;
}
.btn-call-fixed[data-type='facebook'] .btn-text span:last-child {
	font-size:15px;
}
@media(min-width:1200px) {
	.btn-call-fixed {
			position:relative;
			z-index:1;
	}
	.btn-call-fixed:hover .btn-text {
			display:block;
	}
}
@media(max-width:991px) {
	.btn-calls-fixed {
			right:10px;
	}
	.btn-calls-fixed .btn-call-fixed .icon-wrap {
			width:36px;
			height:36px;
	}
	.btn-calls-fixed .btn-call-fixed .icon-wrap i.fa {
			width:36px;
			height:36px;
			line-height:36px;
			font-size:18px;
	}
	.btn-calls-fixed .btn-call-fixed .icon-wrap .border-1 {
			width:56px;
			height:56px;
			top:-10px;
			left:-10px;
	}
	.btn-calls-fixed .btn-call-fixed .icon-wrap .border-2 {
			width:46px;
			height:46px;
			top:-5px;
			left:-5px;
	}
	.btn-calls-fixed .btn-call-fixed .btn-text {
			padding:3px 15px;
			line-height:18px;
	}
	.btn-calls-fixed .btn-call-fixed .btn-text span:last-child {
			font-size:15px;
	}
	.btn-calls-fixed .btn-call-fixed[data-type='zalo'] .icon-wrap i.fa{
			font-size:12px;
	}
	.btn-calls-fixed .btn-call-fixed[data-type='facebook'] .btn-text span:last-child {
			font-size:12px;
	}
	.btn-calls-fixed .btn-go-to-top {
			width:36px;
			height:36px;
			line-height:36px;
			font-size:18px;
	}
	.ctrlq.fb-button {
			right:5px !important;
	}
}
.btn-calls-fixed {
	position:fixed;
	z-index:2;
	bottom:80px;
	right:24px;
	display:flex;
	flex-direction:column;
	top: 40%;
}
.btn-calls-fixed[data-small-size='1'] {
	right:10px;
}
.btn-calls-fixed[data-small-size='1'] .btn-call-fixed .icon-wrap {
	width:36px;
	height:36px;
}
.btn-calls-fixed[data-small-size='1'] .btn-call-fixed .icon-wrap i.fa {
	width:36px;
	height:36px;
	line-height:36px;
	font-size:18px;
}
.btn-calls-fixed[data-small-size='1'] .btn-call-fixed .icon-wrap .border-1 {
	width:56px;
	height:56px;
	top:-10px;
	left:-10px;
}
.btn-calls-fixed[data-small-size='1'] .btn-call-fixed .icon-wrap .border-2 {
	width:46px;
	height:46px;
	top:-5px;
	left:-5px;
}
.btn-calls-fixed[data-small-size='1'] .btn-call-fixed .btn-text {
	padding:3px 15px;
	line-height:15px;
	right:calc(100%+10px);
}
.btn-calls-fixed[data-small-size='1'] .btn-call-fixed .btn-text span:last-child {
	font-size:15px;
}
.btn-calls-fixed[data-small-size='1'] .btn-call-fixed[data-type='zalo'] .icon-wrap i.fa,.btn-calls-fixed[data-small-size='1'] .btn-call-fixed[data-type='viber'] .icon-wrap i.fa {
	font-size:12px;
}
.btn-calls-fixed[data-small-size='1'] .btn-call-fixed[data-type='facebook-page'] .icon-wrap i.fa {
	font-size:15px;
}
.btn-calls-fixed[data-small-size='1'] .btn-call-fixed[data-type='facebook'] .btn-text span:last-child {
	font-size:12px;
}
.btn-calls-fixed[data-small-size='1'] .btn-go-to-top {
	width:36px;
	height:36px;
	line-height:36px;
	font-size:18px;
	background-color:red;
}
.btn-go-to-top {
	display:inline-block;
	width:60px;
	height:60px;
	opacity:.5;
	border-radius:50%;
	text-align:center;
	line-height:58px;
	color:#fff;
	font-size:20px;
	box-shadow:0 0 0 2px rgba(255,255,255,.8);
}
@media(min-width:1200px) {
	.btn-go-to-top:hover {
			opacity:1;
			color:#fff;
	}
}
.ctrlq.fb-button {
	bottom:10px !important;
}
.fixed-bottom-btn {
	position:relative;
	z-index:1;
	color:#fff;
	padding:1px 15px 1px 30px;
	border-radius:999px;
	height:26px;
}
.fixed-bottom-btn i.fa {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	background:#fff;
	width:24px;
	height:24px;
	border-radius:50%;
	line-height:24px;
}
.fixed-bottom-btn i.fa.fa-zalo {
	line-height:22px;
}
.fixed-bottom-btn i.fa.fa-zalo:before {
	content:"Zalo";
	font-size:10px;
	font-weight:bold;
}
.fixed-bottom-btn:hover {
	color: #fff;
}

.single-post-inner {
    display: none;
}
.entry-header .entry-title {
    font-weight: 600;
}


section#block-23 {
    margin-bottom: 20px;
}

/* CSS Dot Sale page */
.dream-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}
.dream-dots span:first-child {
    background-color: #00a8ff;
}
.dream-dots span:nth-child(2) {
    background-color: #9c88ff;
}
.dream-dots span:nth-child(3) {
    background-color: #fbc531;
}
.dream-dots span:nth-child(4) {
    background-color: #4cd137;
}
.dream-dots span:nth-child(5) {
    background-color: #487eb0;
}
.dream-dots span:nth-child(6) {
    background-color: #e84118;
}
.dream-dots span:nth-child(7) {
    background-color: #8c7ae6;
}
.dream-dots span {
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 5px;
}
.dream-dot-ct {
    display: flex;
    justify-content: center!important;
}

/* css ảnh trang sale page */
.img1 {
    animation: bounce 2s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(1, 1, 2, 1);
    animation-iteration-count: infinite;
}
.img1{animation: bounce 2s;animation-direction: alternate;animation-timing-function: cubic-bezier(1, 1, 2, 1);animation-iteration-count: infinite;}@keyframes bounce {from {transform: translate3d(0, 0, 0);} to {transform: translate3d(0, 30px, 0);}}@-webkit-keyframes bounce {from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to {-webkit-transform: translate3d(0, 30px, 0);transform: translate3d(0, 30px, 0);}}
/* end CSS sec1 */


/* CSS bài post sale page */
.post-sl img {
  height: 100%;
  max-height: 170px;
  object-fit: cover;
}

.post-sl .post-box .inner-post {
    padding: 15px;
	height: 200px;
}

.wp-block-latest-posts__post-excerpt {
    font-size: 12px;
    font-weight: 500;
}
/* CSS trang dịch vụ thiết kế web */

/* Tablet */
@media (min-width: 740px) and (max-width: 1023px) {
  /* CSS dot-be*/
.dot-be-m{
	display: flex;
    justify-content: center !important;
}
} 

/* Mobile */
@media (max-width: 739px) {
#back-to-top.show {
    right: 80%!important;
}
	/*CSS dot-be sale page*/
.dot-be-m{
		display: flex;
    	justify-content: center !important;
	}
.box-ab .service-box .content-box {
    padding-left: 40px !important;
}
.box-ab .service-box .number-box {
    float: none;
    margin-bottom: 0px;
}
}