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

/*************** ADD CUSTOM CSS HERE.   ***************/
.post-sidebar.col{
	padding-left:0px !important
}
#post-list .box-vertical .box-text {
  
        vertical-align: top !important;
}
header.archive-page-header h1.page-title{
	text-transform:none !important;
	font-size:28px;
	color:#1a54e4 !important;
	text-align:left !important
}
ul.sub-menu.nav-dropdown a{
	font-size:14px;
	font-weight:500 !important
}
aside.widget{
	padding:15px 25px;
	border:1px solid #dedede;
	padding-top:20px !important
}
aside.widget .col.post-item{
	padding-bottom:15px !important
}
aside.widget .col.post-item .box-text{
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
}
aside.widget .is-divider{
	background-color:#348e38 !important
}
aside.widget li.menu-item a{
	color:#333;
	font-size:16px;
}
aside.widget  .col.post-item .post-title a{
	font-size:15px;
}
aside.widget .col.post-item .post-title {
    height: 38px;
}

aside.widget .widget-title {
	text-transform:none !important;
	color:#0642d8;
	font-size:24px;
}
.fngang .wpcf7-form-control.wpcf7-email {
    background: none !important;
    height: 55px;
    border: 1px solid #fff !important;
    border-radius: 50px !important;
    color: #fff !important;
    line-height: 55px !important;
    max-width: 350px !important;
}
.fngang .wpcf7-form-control.wpcf7-submit {
    position: absolute;
    right: 0px;
    top: 10px;
    text-transform: none !important;
    box-shadow: 0px 0px 0px #fff !important;
    border: 0px !important;
	background:none !important
}
.bbotx h3{
	margin-bottom:20px !important;
	    font-size: 18px;
}
.bbotx {
	font-size:13px;
}
.bbotx ul{
	margin-bottom:0px;
	list-style:none !important;
}
.bbotx ul li{
	margin-left:0px;
	list-style:none !important;
	font-size:13px;
}
.absolute-footer{
	padding-top:15px !important;
	padding-bottom:15px !important;
	border-top:1px solid #dedede2e !important
}
.copyright-footer{
	font-size:13px !important
}
.bblog .col-inner{
	background: white;
    -webkit-box-shadow: 0 10px 31px 10px rgba(12, 34, 113, 0.07);
    -khtml-box-shadow: 0 10px 31px 10px rgba(12, 34, 113, 0.07);
    -moz-box-shadow: 0 10px 31px 10px rgba(12, 34, 113, 0.07);
    -ms-box-shadow: 0 10px 31px 10px rgba(12, 34, 113, 0.07);
    -o-box-shadow: 0 10px 31px 10px rgba(12, 34, 113, 0.07);
    box-shadow: 0 1px 12px -2px rgba(12, 34, 113, 0.07);
    border-radius: 10px;
}
.rtuvan form{
	margin-bottom:0px !important
}
.wpcf7-spinner{
	display:none !important
}
.rtuvan .wpcf7-form-control.wpcf7-submit{
	margin:0 auto !important;
	padding-left:40px;
	padding-right:40px;
	background:#ff7506 !important;
	border:0px !important;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	    display: block;
}
.rtuvan  .wpcf7-form-control{
	background:none !important;
	box-shadow:0px 0px #fff !important;
	border:0px;
	border-bottom:1px dashed #fff !important;
	font-size:14px;
	padding-left:0px;
}
.rtuvan  .wpcf7-form-control::placeholder {
	color:#fff;
}
.rtuvan .col-inner {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}
.iquytrinh h3{
	color:#1a54e4;
	margin-bottom: 2px !important;
}
.iquytrinh{
	margin-bottom:10px !important
}
.iquytrinh  p{
	font-size:14px;
}
.xduan .box-label .box-text {
    background-color: #1a54e4d6;
    bottom: 0;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .1);
    margin: 0px !important;
    opacity: 1;
    padding: 20px;
	padding-top:50px !important;
    position: absolute;
    width: 100%;
	clip-path: polygon(0 0, 100% 40%, 100% 100%, 0 100%);
	opacity:0;
}
.xduan .box-label:hover .box-text{
	opacity:1 !important;
}
.xduan .box-label .box-text p{
	font-size:20px;
	color:#fff;
}
.demso .icon-inner{
	background:#fff !important
}
.demso .count-up{
	font-weight:700 !important;
	font-size:45px;
	margin-bottom:0px !important
}
.demso p{
	margin-bottom:0px !important
}
.demso .p-count{
	margin-bottom:0px !important
}
.row.xdichvu .col-inner{
    background: white;
    -webkit-box-shadow: 0 10px 31px 10px rgba(12, 34, 113, 0.07);
    -khtml-box-shadow: 0 10px 31px 10px rgba(12, 34, 113, 0.07);
    -moz-box-shadow: 0 10px 31px 10px rgba(12, 34, 113, 0.07);
    -ms-box-shadow: 0 10px 31px 10px rgba(12, 34, 113, 0.07);
    -o-box-shadow: 0 10px 31px 10px rgba(12, 34, 113, 0.07);
    box-shadow: 0 1px 12px -2px rgba(12, 34, 113, 0.07);
    padding: 20px;
    border-radius: 20px;
}
.col.post-item .is-divider{
	display:none !important
}
.xdichvu .col.post-item  .box-text {
	padding-bottom:0px !important
}
.xdichvu .col.post-item  .button.is-link{
	text-transform:none !important;
	color:#444;
	font-weight:500 !important;
	font-size:13px;
	
}
.col.post-item .post-title{
	margin-bottom:15px;
}
.col.post-item .post-title a{
	color:#1a54e4;
	font-size:23px;
}
.ptexxt{
	font-size:16px;
}
.tith h2 {
    color: #1a54e4;
    font-size: 28px;
}
.btslogan{
	padding-left:35px !important;
	padding-right:35px !important
}
.stcall .icon-box.icall{
	max-width:200px;
}
.btlienhe{
	padding:6px 35px !important;
	border-radius:8px !important;
	font-weight:500 !important
}
.imgbor img{
	border-radius:8px !important
}
.tith h1{
	color:#1a54e4;
	font-size:28px;
}
.btslogan{
	font-weight:normal !important
}
.header-main ul li a{
	font-size:16px;
	font-weight:600 !important
}
.header-main .nav-spacing-xlarge>li {
    margin: 0 18px;
}
.icall  h3{
	color:#f00 !important
}
.ticall p{
	margin-top:8px !important;
	margin-bottom:0px !important;
	line-height:14px;
	font-size:13px !important
}
.icall .icon-inner{
	background:#1a54e4 !important
}
.icall .icon-inner img{
	    margin-top: -15px;

	filter:brightness(0) invert(1);
    -webkit-animation: tada 1500ms ease-out infinite;
    -khtml-animation: tada 1500ms ease-out infinite;
    -moz-animation: tada 1500ms ease-out infinite;
    -ms-animation: tada 1500ms ease-out infinite;
    -o-animation: tada 1500ms ease-out infinite;
    animation: tada 1500ms ease-out infinite;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#logo {
    width: 170px !important;
}
	.header-main .icon-menu{
		color:#1a54e4 !important
	}
.header-main .icall .icon-box-img.has-icon-bg{
		width:34px !important;
	        margin-top: 9px;
	}
.header-main .icall .icon-inner img {
	margin-top: -10px !important;
	}
.header-main .flex-col.show-for-medium.flex-left{
		display:none !important
	}
.tith h2 {
    font-size: 32px;
}
}