/*
 * Theme Name: HOC VIEN DAU TU
 * Description: HOC VIEN DAU TU
 * Theme URI: https://nendidau.com
 * Version: 0.1
 * Author: CR GROUP
 * Author URI: https://nendidau.com
 * Tags: crgroup
 * Textdomain: hocviendautu
 * Languages Folder: /languages
 */
 /* Smooth scrolling IF user doesn't have a preference due to motion sensitivities */
 :root {
  /*--main-color: #000000;*/
  /*--secondary-color: #E63B0D;*/
  /*--secondary-color: #f1582f;*/
  /*--secondary-color: #fbba41;*/
  /*--secondary-color: #347343;*/

}
 @media screen and (prefers-reduced-motion: no-preference) {
   html {
     scroll-behavior: smooth;
   }
 }
 header{
   box-shadow: none!important;
 }
#desktop-menu{
   background: #ff8500;
 }
#desktop-menu.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}
#header.sticky {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 99;
}
.gtranslate_desktop{
  text-align: center;
  padding: 0.8rem 0;
  /* background: linear-gradient(to left, #ffdcc4, #eaffbc); */
/*   background: linear-gradient(to left, #e67d0a, #57b34a); */
	background: #d8dde6;
  border-radius: 0.5rem;
  text-align: center!important;
	margin-top: 5px;
}
.gtranslate_desktop a{
  color: #333;
}


/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + #main-content {
  padding-top: 40px;
}
.company div{padding:0}
.company div:nth-child(1){padding-right: 10px}
 .text-white{color:#fff}
 .glyphicon {
 margin-right: 4px !important; /*override*/
 }
 .pagination .glyphicon {
 margin-right: 0px !important; /*override*/
 }
 .pagination a {
 color: #555;
 }
.pagination{
	margin: 0px !important;
}
 .panel ul {
 padding: 0px;
 margin: 0px;
 list-style: none;
 }
 .quick_news_slider{
 }
 .news-item {
 padding: 0 0 0 10px;
 margin: 0px;
 border-bottom: 1px dotted #555;
 }
.panel-footer{
  padding: 5px 7px!important;
}
div.quick_news{
   padding: 0!important;
 }
div.quick_news h4{
  text-align: center;
  font-size: 1.8rem;
  color: #ff8500;
  text-transform: uppercase;
  margin: 0;
}
div.quick_news .news-item p.headline{
  position: relative;
  line-height: 1.8rem;
}
div.quick_news .news-item p.headline i{
  position: absolute;
    top: 2px;
    left: -10px;
  font-weight: bold;
  color:#ff8500;
}
div.quick_news .news-item p.date{
  font-style: oblique;
  font-weight: bold;
  font-size: 10px;
  color: #919191;
}

div.quick_news .news-item a:hover{
  color:#ff8500;
}
div.quick_news div.panel-footer{
  text-align: center;
}
div.quick_news div.panel-footer .pagination{
  float:none!important;
}
div.quick_news div.panel-footer .pagination li a.prev{
  margin-right: 1rem;
  color: #fff;
  background: #ff8500;
}
div.quick_news div.panel-footer .pagination li a.next{
  background: #4fa34a;
  color: #fff;
}
div.post-share{
  display: block;
  text-align: right;
}
div.related-post h4{
  color: #ff8500;
  text-transform: uppercase;
  margin: 0;
	text-align: center;
  font-size: 1.5rem;
}
div.related-post ul li{
  list-style: none;
  padding: 0.5rem 0;
}
div.related-post ul li a{
  display: flex;
  justify-content: center;
  align-items: center;
}
div.related-post ul li a div.thumbnail{
  width: 100px;max-height: 60px;
  overflow: hidden;
  margin: 0 0.5rem 0 0;
}
div.related-post ul li a div.title{
  width: calc(100% - 105px);
  font-weight: bold;
}
div.related-post ul li a img{
  /* max-height: 60px; */
  width: 100%;
}
div.related-post ul li a:hover div.title{
  color: #ff8500;
}
.fixed_ico {
    position: fixed!important;
	z-index: 9999999;
	background: #fff;
    top: 0;
}
.fixed {
    position: fixed;
	z-index: 999999;
	background: #fff;
    top: 0;
	padding: 3px 0;
}
.addthis_button_compact{
  margin: 0 1rem;
}
.slide_text{
  padding: 0 1rem;
}
.slide_text marquee{
  margin: 1rem 0 0;
  color:#56ab00;
  font-size: 2.1rem;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
}
.slide_text marquee.mobile{
  margin-top:0;
  /* line-height: 1.5rem; */
  display: none;
  margin-top: 5px;

}
.warning-section{
  text-align: justify;
}
.warning-section li{
  padding:0
}
.back-to-top-link {
  display: inline-block;
  text-decoration: none;
  font-size: 2rem;
  line-height: 3rem;
  text-align: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #D6E3F0;
  /* emoji don't behave like regular fonts
     so this helped position it correctly */
  padding: 0.25rem;
font-weight: bold;
border:1px solid #ff8500;
color: #ff8500!important;
  position: fixed;
 position: sticky;
 pointer-events: all;
 top: calc(100vh - 10rem);
}
.back-to-top-link:hover{
  background: #ff8500;
  color:#fff!important;
  border: 1px solid #188940;
}

.back-to-top-wrapper {
  position: absolute;
  top: 95vh;
  right: 1.5rem;
  bottom: 3em;
  width: 3em;
  pointer-events: none;
  z-index: 999;
}
/* a.glink{float:right} */
.gtranslate_desktop{text-align: right}
.gtranslate_mobile{display: none;}
a.glink img{width:20px}
.gtranslate_mobile a.glink span{margin:0;font-size: 11px; }
div.ads{text-align: center}
.contact_section .contact_section_overlay{
  margin-top: 1rem;
  /* height: 90px;position: relative; */
}
.contact_section .contact_section_overlay .contact_section_content{
  /* width: 100%;position: absolute;	left: 50%;top: 50%;	padding: 5px;transform: translate(-50%, -50%) */
}
.contact_section .contact_section_overlay .contract_section_content i{margin-right:5px;}
.contact_section span{
  padding: 5px 1rem 3px;
  background: #ff8500;
  color: #f6fff5;
  border-radius: 0 1rem;
  animation:blinking 1.3s infinite;

}
@keyframes blinking{
0%{   color: #327429;   }
47%{   color: #f6fff5; }
/* 62%{   color: transparent; } */
/* 97%{   color:transparent; } */
100%{  color: #327429;   }
}

.contact_section input{
  border: 1px solid #ff8500;
  border-radius: 0 1rem;
}
.contact_section input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}

.contact_section input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

.contact_section input::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}
@media (min-width: 768px) {

}
@media (max-width: 767px) {
  div#menu-fix{
    position: fixed;
    top: 0;
      width: 100%;
    z-index: 100;
    background: #fff;
  }
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{
    padding: 5px 0;

  }
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
    font-size: 15px;
  }
div.uap-user-page-content{
  padding:0!important
}
.uap-row>[class*=uapcol-]{
  padding: 0 5px;
}
.uap-account-no-box,
.uap-account-summary-month-header{padding:0}
}


/**
 * placeholder-loading v0.4.0
 * Author: Zalog (https://www.zalog.ro/)
 * License: MIT
 **/
.ph-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  padding: 30px 15px 15px 15px;
  overflow: hidden;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 2px; }
  .ph-item,
  .ph-item *,
  .ph-item ::after,
  .ph-item ::before {
    box-sizing: border-box; }
  .ph-item::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 1;
    width: 500%;
    margin-left: -250%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
    -webkit-animation: phAnimation 0.8s linear infinite;
            animation: phAnimation 0.8s linear infinite;
    content: " ";
    pointer-events: none; }
  .ph-item > * {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column;
    margin-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px; }

.ph-row {
  display: flex;
  flex-wrap: wrap;
  margin-top: -7.5px; }
  .ph-row div {
    height: 10px;
    margin-top: 7.5px;
    background-color: #ced4da; }
  .ph-row .big,
  .ph-row.big div {
    height: 20px; }
  .ph-row .empty {
    background-color: rgba(255, 255, 255, 0); }

.ph-col-2 {
  flex: 0 0 16.66667%; }

.ph-col-4 {
  flex: 0 0 33.33333%; }

.ph-col-6 {
  flex: 0 0 50%; }

.ph-col-8 {
  flex: 0 0 66.66667%; }

.ph-col-10 {
  flex: 0 0 83.33333%; }

.ph-col-12 {
  flex: 0 0 100%; }

[class*="ph-col"] {
  direction: ltr; }
  [class*="ph-col"] > * + .ph-row {
    margin-top: 0; }
  [class*="ph-col"] > * + * {
    margin-top: 7.5px; }

.ph-avatar {
  position: relative;
  width: 100%;
  min-width: 60px;
  overflow: hidden;
  background-color: #ced4da;
  border-radius: 50%; }
  .ph-avatar::before {
    display: block;
    padding-top: 100%;
    content: " "; }

.ph-picture {
  width: 100%;
  height: 120px;
  background-color: #ced4da; }

@-webkit-keyframes phAnimation {
  0% {
    transform: translate3d(-30%, 0, 0); }
  100% {
    transform: translate3d(30%, 0, 0); } }

@keyframes phAnimation {
  0% {
    transform: translate3d(-30%, 0, 0); }
  100% {
    transform: translate3d(30%, 0, 0); } }




.delete_this {
	display: none!important;
}
.big-box {
 	box-shadow: 0px 0px !important; 
}.big-box-posts-new{
	padding-left: 0px !important;
}
.big-box-posts-new-single {
	padding-left: 15px !important;
}
.entry-thumbnail {
	padding-top: 15px;
	padding-left: 0px !important; 
}
.mobile-p0 {
	padding: 0px !important;
}
@media (max-width: 767px){
.sidebar-fix {
     padding-left: 15px !important;
}
}
.menu-item-gtranslate {
	display: none;
}

	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
		width: 250px;
	}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.mega-menu-item {
    position: relative !important;
}
@media only screen and (min-width: 769px) {
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12 {
    width: 100%;
}
}
#mega-menu-wrap-primary-menu .mega-menu-toggle + #mega-menu-primary-menu {
	background: #ff8500;
}


.mega-indicator {
	font-size: 16px !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after {
  display: none; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator {
    display: inline-block; }
@media (max-width: 767px) {
	#mega-menu-wrap-primary-menu .mega-menu-toggle + #mega-menu-primary-menu {
		padding-top: 0 !important;
	}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #fff;
    background: #ff8500;
}
	#mega-menu-primary-menu {
		height: 50vh !important;
		border-bottom: 5px solid #00cc00 !important;	
	width: 250px !important;

}
}
.single .big-box-posts-new-single img {
	width: 100%;
}