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

/*************** ADD CUSTOM CSS HERE.   ***************/
pre, blockquote, form, figure, p, dl, ul, ol, h1, h2, h3, h4, h5, h6{
    margin-bottom: 10px;
}
@font-face {
  font-family: 'MuliRegular';
  src: url("fonts/Muli-Regular.ttf");
}
@font-face {
  font-family: 'MuliBold';
  src: url("fonts/Muli-Bold.ttf");
}
@font-face {
  font-family: 'MuliLight';
  src: url("fonts/Muli-Light.ttf");
}
@font-face {
  font-family: 'MuliBlack';
  src: url("fonts/Muli-Black.ttf");
}
@font-face {
  font-family: 'UTMEremitage';
  src: url("fonts/UTMEremitage.ttf");
}
body, p, h1,h2,h3,h4,h5,h6,a,span{
    font-family: 'MuliRegular';
}
ul.header-bottom-nav li a{
    font-family: 'MuliRegular';
}
.html.custom.html_topbar_left{
		text-align:center;
}
body.home span.shome{
	display:none !important
}
.html.custom.html_topbar_left h2{
	margin-bottom:5px;
}
.html.custom.html_topbar_left h2 strong{
 font-family: 'UTMEremitage';
	color:#064871;
	font-weight:normal
}
.product-section-title-related{
	font-family: 'UTMEremitage';
	font-weight:normal
}
.html.custom.html_topbar_left p{
	font-size:1.15em;
}
span.amount{
	color: #1f8735!important;
    font-family: 'MuliBold';
}
.bcall .icon-box-text.last-reset{
	padding: 5px 15px 5px 30px;
	
	background:url(/wp-content/uploads/2020/08/bgcall.png) no-repeat center left 4px;
}
.tuvanx .icon-box-text.last-reset p{
	margin-bottom:0px;
	 font-family: 'MuliBold';
}
.tuvanx .icon-box-text.last-reset h3 span{
	font-family: 'UTMEremitage';
}
.product_meta {
	font-size: .95em;
}
.tuvanx .icon-box-text.last-reset h3{
 font-size: 1.1em;	
}
.bcall .icon-box-text.last-reset p{
	line-height:20px;
	color:#fff;
	font-size:14px;
	letter-spacing:1px;
	font-family: 'MuliBold';
}
.bcall .icon-box-img img{
	margin-top:5px;
}
.header-bottom{
	background:url(/wp-content/uploads/2020/08/bgmenux.png) repeat-x bottom
}
.header-bottom ul.header-nav li.menu-item-home{
	margin-right:40px 
}
.header-bottom ul.header-nav li.menu-item-home a{
	display:block;
	padding-left:15px;
	padding-right:15px;
	background:#005893 !important;
}
.header-bottom-nav > li > a{
	font-family: 'MuliRegular';
	font-weight:normal
}
.header-bottom-nav.nav-line-bottom > li.menu-item-home > a:before{
	display:none !important
}
.gioithieuleft p{
	margin-bottom:10px;
}
.gioithieuleft h2{
	margin-bottom:10px;
}

.gioithieuleft h2 span{
	font-family: 'UTMEremitage';
}
.btxemchitiet{
	color:#1f8735 !important;
	padding-right:50px !important;
	background:url(/wp-content/uploads/2020/08/righti.png) no-repeat center right 0px;
	margin-bottom:0px !important;
}
.btxemchitiet:hover{
	color:#064871 !important
}
.section.gioithieu{
	padding-bottom:30px !important
}
.section.xenang{
	max-width:1200px;
	margin:0 auto;
}
.section.dichvu{
	max-width:1200px;
	margin:0 auto;	
}
.titwhite h2{
	font-family: 'UTMEremitage';
	font-weight:normal
}
.titblue h2{
	font-family: 'UTMEremitage';
	font-weight:normal;
	color:#064871
}
.flickity-prev-next-button{
	opacity:1 !important
}
.titwhite img{
	max-height:20px;
	width:auto
}
.titblue img{
	max-height:20px;
	width:auto
}
.titwhite{
	margin-bottom:15px;
}
.titblue{
	margin-bottom:15px;
}
.product-small.box .box-image{
	background:#fff !important
}
.slider-nav-outside .flickity-prev-next-button.previous {
	right: 102%;
}
.slider-nav-outside .flickity-prev-next-button.next {
    left: 102%;
}
.product-small.box .name.product-title{
	height:40px;
	overflow:hidden;
	margin-bottom:12px;
}
.product-small.box .name.product-title a{
	color:#434343 !important;
	font-family: 'MuliBold';
}
.product-small.box .price-wrapper span{
	color:#1f8735 !important;
	font-family: 'MuliBold';
}
.product-small.box .quick-view.quick-view-added{
	font-size:0px;
	width:34px;
	height:34px;
	display:block;

	background:#fff url(/wp-content/uploads/2020/08/btsg.png) no-repeat center center !important;
	border-radius:100%;
	padding:12px;
	position: absolute;
    left: 50%;
    top: 50%;
	margin: -17px 0 0 -17px;
}
.product-small.box .grid-tools{
	height:100%;
	background:rgb(0 0 0 / 35%) !important
}
.rxemtatca{
	position:absolute;
	bottom:-50px;
	margin:0 auto !important;
	left:0px;
	right:0px;
	display:block;
	border-bottom:2px solid #1275a1
}
.xemtatca{
	padding-left:25px;
	padding-right:25px;
	margin:0px !important;
	background:#0c5d88 !important
}
.coldichvu h3{
	
	margin-bottom:15px;
}
.coldichvu h3 a{
	font-family: 'MuliBlack';
	font-weight:800;
}
.coldichvu .btxemchitiet{
	font-size:0.9em;
	padding-right:25px !important;
	background: url(/wp-content/uploads/2020/08/iright.png) no-repeat center right 0;
}
.coldichvu .box-image{
	border-bottom:5px solid #1275a1
}
.xtintuc .badge.post-date{
	left:31% !important;
	top:0px !important;

}
.badge.post-date{
height:70px;
	    width: 30px;	
}
.xtintuc .badge.post-date .badge-inner{
	padding:0px !important;	
}
.badge.post-date .badge-inner .post-date-day{
	background:#1f8735;
	padding:10px 8px;
    display: block;
	margin-top: -10px;
}
.badge.post-date .badge-inner .post-date-month{
	
}
.absolute-footer{
	display:none !important
}
.rfooter h2{
	font-family: 'UTMEremitage';
	color:#fff;
    font-size: 1.35em;
    font-weight: normal;
}
.footer.footer-2{
	padding-top:40px;
}
#block_widget-2{
	margin-bottom:0px !important
}
.rfooter .wpcf7-form-control.wpcf7-submit{
	background:url(/wp-content/uploads/2020/08/btgui.png) no-repeat top left;	
	min-width:200px;
	text-align:center;
	font-size:0.9em;
	margin-left:-2px;
}
.rfooter .wpcf7-form{
	margin-top:10px;
}
.rfooter .wpcf7-form-control{
	margin-bottom:8px;
}
.rfooter .wpcf7-form-control.wpcf7-text{
	font-size:0.9em;
	border-left:5px solid #064871
}
.header-wrapper.stuck .html.custom.html_topbar_left h2 {
    margin-bottom: 0px;
}
.page-title-inner {
    padding-top: 0px;
}
.woocommerce .page-title{
	background:#f4f4f4
}
.woocommerce .box-text.box-text-products{
	background:#f4f4f4;
	padding-left:15px;
	padding-right:15px;
}
.widget.woocommerce .is-divider.small{
	display:none !important
}
.widget.woocommerce{
	margin-bottom:17px;
}
.widget.woocommerce a{
	color:#222;
	font-family: 'MuliBold';
}
.widget.woocommerce  .widget-title{
	padding:12px 12px;
	background: url(/wp-content/uploads/2020/08/bgmenux.png) repeat-x bottom;
	margin-bottom: 10px;
    display: block;
	color:#fff;
	text-transform:uppercase;
	font-family: 'UTMEremitage';
    font-weight: normal;
}
ul.tabs.product-tabs li a{
	font-size:1.1em;
	font-family: 'UTMEremitage';
	font-weight:normal
}
.recent-blog-posts-li a{
	color:#222;
	font-family: 'MuliBold';
}
.contactl h3{
	font-family: 'UTMEremitage';
	color: #1275a1;
	font-weight:normal
}
.contactr .wpcf7-form-control.wpcf7-textarea{
	min-height:70px;
}
.contactr .wpcf7-form-control.wpcf7-text{
	margin-bottom:8px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#button-contact-vr {
    width: 100%;
    left: 0px;
    right: 0px;
    margin: 0px;
    display: block;
    bottom: 0px;
    background: rgb(6 72 113 / 0.8);
    transform: scale(1) !important;
}
	#button-contact-vr .button-contact{
		display:inline-block;
		width:33%;
		float:left;
	}
	#button-contact-vr .button-contact .phone-vr{
		margin:0 auto;
	}
	#wrapper, #main{
		overflow-x:hidden;
	}
.header-main li.html.custom {
    display: block;
	text-align:left
}
	.header-main li.html.custom p{
		display:none !important
	}
#logo {
    width: 150px !important;
	margin-right:0px !important
}
	.product-small.box .name.product-title {
		height: 52px !important;
	}
	.titblue p,.titwhile p{
		text-align:center;
	}
	.xtintuc .badge.post-date {
		left: 0%!important;
	}
	.xtintuc .image-zoom-fade.image-cover{
		padding-top:55% !important
	}
	.xtintuc .box-text.text-left{
		padding:12px !important
	}
	.html.custom.html_topbar_left h2 strong{
		font-weight:normal
	}
	.titwhite p{
		text-align:center
	}
	body.home span.shome{
	display:block !important
	}
	.menu-item-home img{
		display:none !important
	}
}