/*
 * Theme Name: NR Global
 * Description: Công nghệ thông tin ngày càng phát triển, nó giúp con người mua thực hiện công việc mua bán, tìm kiếm thông tin sản phẩm ngày càng hiệu quả hơn. Thay vì phải chạy đến tận nơi bán sản phẩm để tìm hiểu thông tin hay mua một sản phẩm nào đó, bạn chỉ việc ngồi ở nhà và với một thiết bị được kết nối internet là bạn có thể có tất cả. Có thể nói website là một công cụ hữu hiệu nhất trong hoạt động quảng bá thương hiệu, sản phẩm, dịch vụ một cách hiệu quả. Bạn là một người kinh doanh thì việc thiết kế một website là điều vô cùng cần thiết và cấp bách trong thời buổi công nghệ này, đó là sợi dây liên kết giữa doanh nghiệp và khách hàng, giúp cho doanh nghiệp quảng bá thương hiệu, sản phẩm và dịch vụ của mình đến với mọi người một cách nhanh chóng, hiệu quả, dễ dàng và trực quan nhất.
 * Theme URI: https://nrglobal.vn
 * Version: 12.0
 * Theme Author: info@nrglobal.vn
 * Author: Cristian Dev
 * Author URI: info@nrglobal.vn
 * Textdomain: gaumap
 */

#sticky-header-with-topbar.scroll-header{
	padding: 0;
}
.single__cl__form label{
	display: none !important;
}
.brand__list .item{
	height: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.brand__list .item img{
	max-height: 103px;
}

footer .col-xs-12{
	position: relative;
	z-index: 9;
}

.ft__details p i{
	width: 20px;
	text-align: center;
}
.ft__details iframe{
	height: 250px;
	position: relative;
	z-index: 9
}
.htc__latest__project__area, .htc__blog__area, .htc__testimonial__area, .htc__brand__area {
	padding: 30px 0;
}
.ft__details ul{
	margin-left: 1rem;
}
.ft__details ul li{
	position: relative;
	padding-left: 20px;
}
.ft__details ul li:before{
	content: '\f111 ';
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	top: 0;
	font-size: 10px;
	color: #fff;
}
.footer__social ul{
	display: flex;
	justify-content: center;
}
.footer__social ul li{
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	background: #CC1F1B;
}
.footer__social ul li a i{
	font-size: 18px;
}
.footer__social ul li a:hover, .footer__social ul li a:focus{
	color: #fff;
}
.htc__pro__desc__container--content{
	display: block;
	margin: 30px 0 0 0;

}
.single__project__details--add-info{
	width: 50%;
}

.side-bar__title {
  color: #fff;
  background-color: #005AAA;
  font-size: 18px;
  padding: 10px 5px;
  text-transform: uppercase;
}
.side-bar {
    color: #fff;
    background: #fff;
    margin-bottom: 20px;
}

.side-bar h3 {
    background: #fff;
}

.side-bar h3 a {
    padding: 0 10px;
    font-size: 17px;
    line-height: 34px;
    display: block;
    color: #000;
    font-weight: 500;
    text-decoration: none;
}
.side-bar h3 a:hover, .side-bar li.active h3  a, .side-bar ul li ul li.active > a, .side-bar li.current h3  a,  .side-bar ul li ul li.current > a, .side-bar ul li ul li ul li.current a{
    color: #005AAA 
}

.side-bar h3:hover {
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}

.side-bar i {
    margin-right: 10px;
}
.side-bar > ul, .side-bar .group-support{
	border: 1px solid #005AAA
}
.side-bar li {
    list-style-type: none;
    position: relative;
}
.side-bar li span{
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    z-index: 9999;
}

.side-bar ul ul li a,
.side-bar h4 {
    color: #000;
    text-decoration: none;
    font-size: 17px;
    line-height: 27px;
    display: block;
    padding: 5px 17px;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    position: relative;
}

.side-bar ul ul li a:not(.arrow):hover {
    border-left: 5px solid #005AAA;
}

.side-bar ul ul {
    display: none;
}

.side-bar li.active>ul {
    display: block;
}

.side-bar ul ul ul {
    margin-left: 15px;
    border-left: 1px dotted #005AAA;
}
.side-bar li a.arrow:after{
    content: "\f0da ";
    font-family: fontawesome;
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 17px;
}
.side-bar li ul li a.arrow:after {
    right: 29px;
}

.side-bar li.active a.arrow:after {
    content: "\f0d7 ";
}

.side-bar li.active li a.arrow:after {
    content: "\f0da ";
}
.side-bar li.active li.active a.arrow:after {
    content: "\f0d7 ";
}

body .pagination > li > a, .pagination > li > span {
    border: solid 1px #CC1F1B !important;
}
div.pagination ul.pagination span,.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
    background-color: #CC1F1B !important;
    color: #ffffff;
}
.main-page__order{
	text-align: center;
}
.main-page__order button:not(.close), .main-page__order button:not(.close):focus{
	margin: auto;
	background: #005AAA;
	border-color: #005AAA;
	outline: none;
}
.main-page__order button:not(.close):hover{
	background: #CC1F1B;
	border-color: #CC1F1B;
	outline: none;
}
.main-page__order .modal-header{
	background: #005AAA;
}
.main-page__order h5{
	font-weight: bold;
	text-align: center;
	color: #fff
}
.main-page__order button.close{
	position: absolute;
    right: -7px;
    top: -10px;
    width: 35px;
    height: 35px;
    background: #CC1F1B;
    opacity: 1;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.modal {
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}
#form_order label.error{
	color: red;
}
#sticky-header-with-topbar{
	padding: 20px 0;
}
#sticky-header-with-topbar .row{
	display: flex;
	align-items: center;
}

.windows8 .wBall {
	position: absolute;
	width: 76px;
	height: 76px;
	opacity: 0;
	-moz-transform: rotate(225deg);
	-moz-animation: orbit 4.95s infinite;
	-webkit-transform: rotate(225deg);
	-webkit-animation: orbit 4.95s infinite;
	-ms-transform: rotate(225deg);
	-ms-animation: orbit 4.95s infinite;
	-o-transform: rotate(225deg);
	-o-animation: orbit 4.95s infinite;
	transform: rotate(225deg);
	animation: orbit 4.95s infinite;
}

.windows8 .wBall .wInnerBall{
	background-color: #f7941e;
	position: absolute;
	width: 10px;
	height: 10px;
	left: 0;
	top: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.windows8 #wBall_1 {
	-moz-animation-delay: 1.08s;
	-webkit-animation-delay: 1.08s;
	-ms-animation-delay: 1.08s;
	-o-animation-delay: 1.08s;
	animation-delay: 1.08s;
}

.windows8 #wBall_2 {
	-moz-animation-delay: 0.22s;
	-webkit-animation-delay: 0.22s;
	-ms-animation-delay: 0.22s;
	-o-animation-delay: 0.22s;
	animation-delay: 0.22s;
}

.windows8 #wBall_3 {
	-moz-animation-delay: 0.43s;
	-webkit-animation-delay: 0.43s;
	-ms-animation-delay: 0.43s;
	-o-animation-delay: 0.43s;
	animation-delay: 0.43s;
}

.windows8 #wBall_4 {
	-moz-animation-delay: 0.65s;
	-webkit-animation-delay: 0.65s;
	-ms-animation-delay: 0.65s;
	-o-animation-delay: 0.65s;
	animation-delay: 0.65s;
}

.windows8 #wBall_5 {
	-moz-animation-delay: 0.86s;
	-webkit-animation-delay: 0.86s;
	-ms-animation-delay: 0.86s;
	-o-animation-delay: 0.86s;
	animation-delay: 0.86s;
}

@-moz-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-moz-transform: rotate(180deg);
		-moz-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-moz-transform: rotate(300deg);
		-moz-animation-timing-function: linear;
		-moz-origin:0%;
	}

	30% {
		opacity: 1;
		-moz-transform:rotate(410deg);
		-moz-animation-timing-function: ease-in-out;
		-moz-origin:7%;
	}

	39% {
		opacity: 1;
		-moz-transform: rotate(645deg);
		-moz-animation-timing-function: linear;
		-moz-origin:30%;
	}

	70% {
		opacity: 1;
		-moz-transform: rotate(770deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:39%;
	}

	75% {
		opacity: 1;
		-moz-transform: rotate(900deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:70%;
	}

	76% {
		opacity: 0;
		-moz-transform:rotate(900deg);
	}

	100% {
		opacity: 0;
		-moz-transform: rotate(900deg);
	}

}

@-webkit-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-webkit-transform: rotate(180deg);
		-webkit-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-webkit-transform: rotate(300deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:0%;
	}

	30% {
		opacity: 1;
		-webkit-transform:rotate(410deg);
		-webkit-animation-timing-function: ease-in-out;
		-webkit-origin:7%;
	}

	39% {
		opacity: 1;
		-webkit-transform: rotate(645deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:30%;
	}

	70% {
		opacity: 1;
		-webkit-transform: rotate(770deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:39%;
	}

	75% {
		opacity: 1;
		-webkit-transform: rotate(900deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:70%;
	}

	76% {
		opacity: 0;
		-webkit-transform:rotate(900deg);
	}

	100% {
		opacity: 0;
		-webkit-transform: rotate(900deg);
	}

}

@-ms-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-ms-transform: rotate(180deg);
		-ms-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-ms-transform: rotate(300deg);
		-ms-animation-timing-function: linear;
		-ms-origin:0%;
	}

	30% {
		opacity: 1;
		-ms-transform:rotate(410deg);
		-ms-animation-timing-function: ease-in-out;
		-ms-origin:7%;
	}

	39% {
		opacity: 1;
		-ms-transform: rotate(645deg);
		-ms-animation-timing-function: linear;
		-ms-origin:30%;
	}

	70% {
		opacity: 1;
		-ms-transform: rotate(770deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:39%;
	}

	75% {
		opacity: 1;
		-ms-transform: rotate(900deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:70%;
	}

	76% {
		opacity: 0;
		-ms-transform:rotate(900deg);
	}

	100% {
		opacity: 0;
		-ms-transform: rotate(900deg);
	}

}

@-o-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-o-transform: rotate(180deg);
		-o-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-o-transform: rotate(300deg);
		-o-animation-timing-function: linear;
		-o-origin:0%;
	}

	30% {
		opacity: 1;
		-o-transform:rotate(410deg);
		-o-animation-timing-function: ease-in-out;
		-o-origin:7%;
	}

	39% {
		opacity: 1;
		-o-transform: rotate(645deg);
		-o-animation-timing-function: linear;
		-o-origin:30%;
	}

	70% {
		opacity: 1;
		-o-transform: rotate(770deg);
		-o-animation-timing-function: ease-out;
		-o-origin:39%;
	}

	75% {
		opacity: 1;
		-o-transform: rotate(900deg);
		-o-animation-timing-function: ease-out;
		-o-origin:70%;
	}

	76% {
		opacity: 0;
		-o-transform:rotate(900deg);
	}

	100% {
		opacity: 0;
		-o-transform: rotate(900deg);
	}

}

@keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		transform: rotate(180deg);
		animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		transform: rotate(300deg);
		animation-timing-function: linear;
		origin:0%;
	}

	30% {
		opacity: 1;
		transform:rotate(410deg);
		animation-timing-function: ease-in-out;
		origin:7%;
	}

	39% {
		opacity: 1;
		transform: rotate(645deg);
		animation-timing-function: linear;
		origin:30%;
	}

	70% {
		opacity: 1;
		transform: rotate(770deg);
		animation-timing-function: ease-out;
		origin:39%;
	}

	75% {
		opacity: 1;
		transform: rotate(900deg);
		animation-timing-function: ease-out;
		origin:70%;
	}

	76% {
		opacity: 0;
		transform:rotate(900deg);
	}

	100% {
		opacity: 0;
		transform: rotate(900deg);
	}

}

@-webkit-keyframes shakeit {
	0% { -webkit-transform: rotate(0deg) translate(2px, 1px); }
	10% { -webkit-transform: rotate(1deg) translate(1px, 2px); }
	20% { -webkit-transform: rotate(-1deg) translate(3px, 0px) ; }
	30% { -webkit-transform: rotate(0deg) translate(0px, -2px); }
	40% { -webkit-transform: rotate(-1deg) translate(-1px, 1px); }
	50% { -webkit-transform: rotate(1deg) translate(1px, -2px); }
	60% { -webkit-transform: rotate(0deg) translate(3px, -1px); }
	70% { -webkit-transform: rotate(1deg) translate(-2px, -1px); }
	80% { -webkit-transform: rotate(-1deg) translate(1px, 1px); }
	90% { -webkit-transform: rotate(0deg) translate(-2px, -2px); }
	100% { -webkit-transform: rotate(1deg) translate(-1px, 2px); }
}
@keyframes shakeit {
	0% { transform: rotate(0deg) translate(2px, 1px); }
	10% { transform: rotate(1deg) translate(1px, 2px); }
	20% { transform: rotate(-1deg) translate(3px, 0px) ; }
	30% { transform: rotate(0deg) translate(0px, -2px); }
	40% { transform: rotate(-1deg) translate(-1px, 1px); }
	50% { transform: rotate(1deg) translate(1px, -2px); }
	60% { transform: rotate(0deg) translate(3px, -1px); }
	70% { transform: rotate(1deg) translate(-2px, -1px); }
	80% { transform: rotate(-1deg) translate(1px, 1px); }
	90% { transform: rotate(0deg) translate(-2px, -2px); }
	100% { transform: rotate(1deg) translate(-1px, 2px); }
}


.introduce-top {
	background-color: #e6e6e6;
}
.introduce-top .nav-tabs {
    border: none;
}
.introduce-top .nav-tabs>li>a {
    text-transform: uppercase;
    color: #000;
    height: 40px;
}
.introduce-top .nav-tabs>li.active>a {
    border: unset;
    background-color: #005AAA;
    color: #fff;
    border-radius: unset;
    border-top: 2px solid #CC1F1B;
    font-weight: bold;
}

.list-introduce .introduce-left {
	border: 1px;
	padding: 10px;
	background-color: #bec8ce;
}

.list-introduce .nav-tabs {
	border: unset;
}

.list-introduce .introduce-right h2 {
	text-transform: uppercase;
	color: #243e83;
	position: relative;
	margin-bottom: 30px;
	font-size: 33px;
}

.list-introduce .introduce-right h2:after {
	content: " ";
	position: absolute;
	border: 1px solid;
	width: 28%;
	top: 45px;
	left: 0;
}

/*.list-introduce .introduce-right p {
	text-indent: 35px;
	text-align: justify;
}*/

.list-introduce .introduce-right span a {
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
}

.list-introduce .tab-content {
	background-size: cover;
	padding-top: 25px;
	padding-bottom: 40px;
	background-attachment: fixed;
}

.introduce-top .col-xs-12{
	display: flex;
	justify-content: center;
}
.content-about .row{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.list-introduce .field_of_activity {
	text-align: center;
	background-color: #0055A1;
	padding-bottom: 20px;
}

.list-introduce .field_of_activity .hover-img:hover .mask {
	background-color: transparent;
}

.list-introduce .field_of_activity h2 {
	text-transform: uppercase;
	position: relative;
	margin-top: 30px;
	margin-bottom: 40px;
	color: #fff;
	font-size: 33px;
	font-weight: 700;
}

.list-introduce .field_of_activity h2:after {
	content: " ";
	position: absolute;
	border: 1px solid;
	width: 10%;
	top: 45px;
	left: 45%;
}

.list-introduce .activity-top {
	position: relative;
	border: 5px solid #d3d1d1;
}

.list-introduce .activity-top:hover h4 a {
	color: #df0024;
}

.list-introduce .activity-top .image-activity {
	position: absolute;
    bottom: 65px;
    right: 41%;
    border: 4px solid #a8b3ce;
    border-radius: 100%;
    background-color: #fff;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    padding: 6px;
	z-index: 9;
}

.list-introduce .caption-activity {
	padding-top: 40px;
	background-color: #fff;
	padding-bottom: 10px;
}

.list-introduce .activity-top h4 a {
	color: #243e83;
	font-size: 15px;
	padding-top: 10px;
	font-weight: 700;
}

.list-introduce .activity-top h4 {
	height: 38px;
	overflow: hidden;
}

.hover-img {
	overflow: hidden;
	z-index: 9;
	cursor: default;
	text-align: center;
	position: relative;
}

.hover-img .mask {
	position: absolute;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	height: 100%;
	width: 100%;
	top: 0;
}

.field_of_activity .hover-img .mask {
	position: absolute;
	overflow: hidden;
	top: 50%;
	left: 50%;
	width: unset;
	height: unset;
	-ms-transform: translateX(-50%) translateY(-50%);
	    transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}

.hover-img a {
	color: #fff;
	font-size: 16px;
}

.hover-img p {
	position: relative;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 20px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;		/*top: 40%;*/
}

.hover-img p a i {
	color: #415994;
	border-radius: 100%;
	background-color: #fff;
	padding: 10px 15px;
	font-size: 18px;
}

.caption-center .hover-img p a i, .box-construction .hover-img p a i{
	color: #fff;
	background-color: transparent;
}

.hover-img img {
	display: block;
	position: relative;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	width: 100%;
}

.hover-img:hover > img {
	-webkit-transform: scale(8);
	-ms-transform: scale(8);
	transform: scale(8);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.hover-img:hover p {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;		/*top: 40%;*/
}

.hover-img .icon-hover {
	color: #415994;
	border: 1px;
	width: 12%;
	left: 42%;
	border-radius: 20px;
	padding: 6px 22px 4px 15px;
	background-color: #fff;
	left: 33%;
}

.icon-hover a {
	color: #337ab7;
}

.list-introduce .activity-top:hover .hover-img img {
	opacity: 0.5;
	background-color: #000;
}

.list-introduce .history h2 {
	text-transform: uppercase;
	position: relative;
	text-align: center;
	padding-bottom: 30px;
	color: #243e83;
	font-size: 33px;
	font-weight: 700
}

.list-introduce .history h2:after {
	content: " ";
	position: absolute;
	border: 1px solid #818181;
	width: 10%;
	top: 45px;
	left: 45%;
}

.list-introduce .history {
	background-color: #e6e6e6;
	padding-top: 30px;
	padding-bottom: 70px;
	position: relative;
	overflow: hidden;
}

.list-introduce .history:after {
	content: '';
	position: absolute;
	width: 3px;
	background-color: #243e83;
	top: 95px;
	bottom: 0;
	left: 50%;
	height: 100%;
}

.list-introduce .history:before {
	content: " ";
	position: absolute;
	border: 1px solid #243e83;
	bottom: 20px;
	width: 10%;
	right: 45%;
}

.list-introduce .history .timline-blue {
	position: relative;
	margin-top: 15px;
}

.list-introduce .history .timline-blue:after {
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	right: 49%;
	background-color: #0055A1;
	border: 3px solid #fff;
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}

.list-introduce .history .timline-red {
	position: relative;
	margin-top: 15px;
}

.list-introduce .history .timline-red:after {
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	right: 49%;
	background-color: #CC1F1B;
	border: 3px solid #fff;
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}

.history .history-left {
	border-style: dashed;
	padding: 10px;
	border-color: #243e83;
	border-radius: 10px;
}

.history .history-right {
	border-style: dashed;
	padding: 10px;
	border-color: #dc013f;
	border-radius: 10px;
}

.history .timeline-right {
	margin-top: 15px;
	text-align: right;
}

.history .timeline-left p {
	margin-left: 70px;
}

.history .timeline-left p:before {
	content: " ";
	position: absolute;
	border: 1px dashed #243e83;
	width: 10%;
	left: 3px;
	top: 10px;
}

.history .timeline-right p {
	margin-right: 70px;
}

.history .timeline-left {
	margin-top: 15px;
	position: relative;
}

.history .timeline-right {
	position: relative;
}

.history .timeline-right p:after {
	content: " ";
	position: absolute;
	border: 1px dashed #dc013f;
	width: 10%;
	right: 3px;
	top: 10px;
}
.content-about iframe{
	height: 450px;
	width: 100%;
}

.main__menu li.drop:hover ul.dropdown ul{
	left: 100%;
	display: none;
	top: 0;
}
.main__menu li.drop:hover ul.dropdown li:hover > ul, .main__menu li.drop:hover ul.dropdown li ul li:hover ul {
	display: block;
}

.htc-use{
	margin-top: 50px;
    background: url(resources/images/background-introduce.png) no-repeat center center;
    padding: 20px 0;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
}
.group-uses{
	margin: 15px 0;
}
.group-uses .row{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.group-uses__img img{
	height: 250px;
	width: 250px;
	object-fit: cover;
	border-radius: 100%;
	margin: 15px auto;
	display: block;
}
.group-uses__caption h5{
	text-transform: uppercase;
	font-weight: 700;
	margin: 10px 0;
}
.htc__project__area{
	padding-top: 30px;
}

.b-blog__posts-one
{
    padding-bottom : 10px;
    border-bottom  : 1px solid #eeeeee;
    margin-bottom  : 10px;
    width: 100%;
}

.b-blog__posts-one .m-noBlockPadding{
	display: flex;
	flex-wrap: wrap;
}

.b-blog__posts-one-author
{
    width : 70px;
}

.b-blog__posts-one-share
{
    font           : 400 10px 'Open Sans', sans-serif;
    text-align     : center;
    padding-bottom : 15px;
    margin-bottom  : 25px;
}

.b-blog__posts-one-social
{
    text-align  : center;
    font-size   : 20px;
    line-height : 25px;
}
.b-blog__posts-one-social a{
	color: #005AAA
}

.b-blog__posts-one-body-head h2 {
	font-weight: 700;
    font-size: 22px;
    text-transform: none;
    margin: 10px 0 20px 0;
    padding-left: 12px;
    border-left: 4px solid #CA2723;
}
.b-blog__posts-one-body-main-img img{

}
.s-lineDownCenter {
    text-align: center;
    border-bottom: 1px solid #B4B4B4!important;
    position: relative;
}
.s-lineDownCenter:after {
    background: url(resources/images/chevron-down.png) center no-repeat;
    width: 15px;
    height: 7px;
    content: '';
    position: absolute;
    width: 100%;
    top: 100%;
    display: block;
    left: 0;
}

.btn.m-btn.m-readMore {
    font: 600 10px;
    border: 1px solid #eeeeee;
    padding: 3px 3px 3px 15px;
    text-transform: uppercase;
    color: #555;
    margin-top: 10px;
    border-radius: 30px;
    float: right;
}
.btn.m-btn.m-readMore span.fa {
    width: 25px;
    height: 25px;
    margin-left: 15px;
    font-size: 14px;
    padding: 5px;
    background-color: #005AAA;
    border-radius: 100%;
    display: inline-block;
    color: #fff;
}
.btn.m-btn.m-readMore:hover{
 	background-color: #005AAA;
 	border-color: #005AAA;
 	color: #fff;
}
.btn.m-btn.m-readMore:hover span.fa{
	color:  #005AAA;
	background: #fff;
}


div#hotro .phone-hotro {
	background: url('resources/images/bg_phone_hotro.png') 10px center no-repeat;
	padding: 10px;
	padding-left: 80px;
	min-height: 60px;
	margin: 10px 0
}

div#hotro .phone-hotro a {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	display: block;
	text-decoration: none;
}

div#hotro .phone-hotro a span {
	font-weight: bold;
	font-size: 20px;
	color: #ff0000;
	display: block;
}

div#hotro ul {
	list-style: none;
	border-bottom: 1px dashed #DDDDDD;
	padding: 10px 0;
	margin: 0px 10px;
}

div#hotro ul li {
	clear: both;
	padding: 2px 0;
}

div#hotro ul li a img {
	float: right;
}

div.item-hotro {
	padding: 10px;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
}

div.item-hotro .ten-hotro {
	vertical-align: middle;
	width: 50%;
	display: inline-block;
	font-size: 13px;
	padding-left: 10px;
	color: #313131
}

div#hotro .email-hotro {
	font-family: 'myFont';
	font-size: 13px;
	color: #3e3e3e;
	line-height: 40px;
	padding-left: 40px;
	background: url('resources/images/bg_email_ht.png') 10px center no-repeat;
}
.wrap-side{
    position: sticky;
    top: 85px;
}
.table-price{
	margin: 15px 0;
}
.table-price .row, .type-related .row{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
}
.table-price h5{
	font-size: 20px;
	font-weight: 700;
}
.table-pprice__left .img img{
    border-radius: 100%;
}

.table-pprice__right, .table-pprice__left{
	height: 450px;
}
.table-pprice__right img, .table-pprice__left img{
	max-height: 370px;
}
.project__title h4{
	text-align: center;
    margin-top: 10px;
    font-weight: 500;
}
@media screen and (min-width: 768px) {
	.d-md-none{
		display: none !Important;
	}
}	
@media screen and (max-width: 767px) {
	.table-pprice__right, .table-pprice__left{
		height: auto;
	}
}

.htc__blog__details a{
	color: #000;
}