/*
Theme Name: VinaWebsite.VN
Description: Templates develop by vinahost.vn
Author: VINAHOST.VN
Template: flatsome
Support: website@vinahost.vn
Version: 1.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* color */
:root
{
	--pri: #0093dd;
	--sec: #06a43f;
}
/* font */
@font-face
{
	font-family:icomoon;
	src:url(../fonts/icomoon.eot);
	src:url(../fonts/icomoon.eot?#iefix) format('embedded-opentype'),
	url(../fonts/icomoon.woff) format('woff'),
	url(../fonts/icomoon.ttf) format('truetype'),
	url(../fonts/icomoon.svg) format('svg');
	font-weight:400;
	font-style:normal;
}
[class*=" icons-"], [class^=icons-] {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icons-arrow-down10:before
{
	content: "\e919";
}

/* play-regular - vietnamese_latin */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/play-v9-vietnamese_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Play Regular'), local('Play-Regular'),
       url('../fonts/play-v9-vietnamese_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/play-v9-vietnamese_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/play-v9-vietnamese_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/play-v9-vietnamese_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/play-v9-vietnamese_latin-regular.svg#Play') format('svg'); /* Legacy iOS */
}
p {
     margin-bottom: 5px !important;
}
 h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
     font-weight: 400 !important;
     text-transform: uppercase;
}
 body {
     font-size: 15px !important;
}
 b, strong {
     font-weight: 700 !important;
}
 #header {
     position: absolute;
     width: 100%;
}
 #header .stuck .header-bg-color {
     background-color: rgba(0,0,0,0.8);
}
 #header .stuck #masthead .header-nav.nav-right > li:not(.header-search) {
     line-height: 70px;
     height: 70px;
}
 #header #masthead #logo {
     margin-right: 15px;
}
 #header #masthead .header-nav.nav-right > li:not(.header-search) {
     line-height: 90px;
     height: 90px;
     margin: 0;
     -webkit-transition: all 300ms ease;
     transition: all 300ms ease;
     padding: 0 6px;
     position: relative;
}
 #header #masthead .header-nav.nav-right > li:not(.header-search) > a {
     font-size: 12px;
     font-weight: 400;
     padding: 0 4px;
     position: relative;
     height: 30px;
     -webkit-transition: background-color 300ms;
     transition: background-color 300ms;
}
 #header #masthead .header-nav.nav-right > li:not(.header-search) > a > i {
     display: none;
}
 #header #masthead .header-nav.nav-right > li:not(.header-search) > a:before {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border-style: solid;
     top: 0;
     opacity: 0;
     -webkit-transition: opacity 300ms;
     transition: opacity 300ms;
     left: -10px;
     border-width: 0 0 30px 10px;
     border-color: transparent transparent var(--pri) transparent;
}
 #header #masthead .header-nav.nav-right > li:not(.header-search) > a:after {
     content: "";
     position: absolute;
     width: 0;
     height: 0;
     border-style: solid;
     top: 0;
     opacity: 0;
     -webkit-transition: opacity 300ms;
     transition: opacity 300ms;
     right: -10px;
     border-width: 30px 10px 0 0;
     border-color: var(--pri) transparent transparent transparent;
}
 #header #masthead .header-nav.nav-right > li:not(.header-search).current-menu-item > a, #header #masthead .header-nav.nav-right > li:not(.header-search):hover > a {
     background-color: var(--pri);
}
 #header #masthead .header-nav.nav-right > li:not(.header-search).current-menu-item > a:before, #header #masthead .header-nav.nav-right > li:not(.header-search).current-menu-item > a:after, #header #masthead .header-nav.nav-right > li:not(.header-search):hover > a:before, #header #masthead .header-nav.nav-right > li:not(.header-search):hover > a:after {
     opacity: 1;
}
 #header #masthead .header-nav.nav-right > li:not(.header-search) ul {
     border: none;
     min-width: 250px;
     border-top: 7px solid #232323;
     border-bottom: 7px solid #232323;
     background-color: #303030;
     padding: 0;
}
 #header #masthead .header-nav.nav-right > li:not(.header-search) ul li {
     padding: 0 15px;
}
 #header #masthead .header-nav.nav-right > li:not(.header-search) ul li a {
     padding: 15px 0px;
     border-bottom: 1px solid #3c3c3c;
     display: block;
     position: relative;
     color: #cacaca;
     -webkit-transition: all 300ms;
     transition: all 300ms;
     font-size: 14px;
     line-height: 24px;
     text-transform: none;
     font-weight: 400;
}
 #header #masthead .header-nav.nav-right > li:not(.header-search) ul li a:hover {
     color: #fff;
}
 #header #masthead .header-nav.nav-right > li:not(.header-search):hover ul {
     display: block;
}
 #header #masthead .header-nav.nav-right > li:not(.header-search).html_topbar_left {
     display: none;
}
 @media (min-width: 1366px) {
     #header #masthead .header-nav.nav-right > li:not(.header-search) > a {
         font-size: 15px;
         padding: 0 7px;
    }
}
 .nav-dropdown-has-arrow li.has-dropdown:before {
     display: none;
}
 .nav-dropdown-has-arrow li.has-dropdown:after {
     border-bottom-color: #232323 !important;
}
 .rich-header {
     background-color: #232323;
     background-image: url('../images/rich_header4.jpg');
     background-repeat: no-repeat;
     background-attachment: scroll;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     background-position: center center;
     overflow: hidden;
     width: 100%;
}
 .rich-header, .rich-header .container {
     position: relative;
     height: 250px;
}
 @media only screen and (min-width: 1024px) {
     .rich-header, .rich-header .container {
         position: relative;
         height: 400px;
    }
}
 .rich-header .parallax-container {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1000;
     overflow: hidden;
     max-width: none;
     position: absolute;
     -webkit-background-size: cover !important;
     -moz-background-size: cover !important;
     background-size: cover !important;
     background-position: center center;
     background-repeat: no-repeat;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     transform: translateY(0px);
}
 .rich-header .parallax-container {
     top: -24px;
}
 .rich-header .parallax-container {
     height: 324px;
}
 @media only screen and (min-width: 1100px) {
     .rich-header .parallax-container {
         top: 0px;
    }
}
 @media only screen and (min-width: 1100px) {
     .rich-header .parallax-container {
         height: 100%;
    }
}
 .rich-header .rich-header-content {
     width: 100%;
     position: absolute;
     left: 50%;
     top: 50%;
     text-align: center;
     -webkit-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
}
 .rich-header .rich-header-content:after {
     content: "";
     display: table;
     clear: both;
}
 @media only screen and (min-width: 1100px) {
     .rich-header .rich-header-content {
         margin-top: 45px;
    }
}
 .rich-header h1 {
     width: 100%;
     font-size: 32px;
     line-height: 42px;
     color: #fff;
     font-weight: 400;
     margin-bottom: 0;
     text-shadow: 0px 1px #000;
}
 @media only screen and (min-width: 1024px) {
     .rich-header h1 {
         font-size: 50px;
         line-height: 66px;
    }
}
 #slider-arrow {
     position: absolute;
     margin: 0;
     bottom: -50px;
     left: 50%;
     margin-left: -50px;
     z-index: 10;
     text-align: center;
     width: 100px;
     height: 100px;
     border-radius: 100px;
     display: none;
     cursor: pointer;
     opacity: 0;
     -webkit-transition: all 400ms;
     transition: all 400ms;
     background-color: rgba(255,255,255,0.2);
}
 .rich-header #slider-arrow {
     display: block;
     opacity: 1;
     background-color: #f7f7f7;
     bottom: -60px;
}
 #slider-arrow i {
     position: absolute;
     left: 50%;
     top: 25px;
     font-size: 18px;
     color: #fff;
     margin-left: -9px;
     display: block;
     -webkit-transition: all 300ms ease;
     transition: all 300ms ease;
     -webkit-animation: iconAnimate 1.4s infinite;
     animation: iconAnimate 1.4s infinite;
}
 .rich-header #slider-arrow i {
     top: 20px;
     color: #999;
     -webkit-animation: none;
     animation: none;
}
 .home .rich-header {
     display: none;
}
 input[type='search'] {
     box-shadow: none !important;
}
 #content {
     background-image: url(../images/pattern1.png);
}
 .post-sidebar .widget-title {
     font-size: 20px;
     font-weight: 400;
     text-transform: unset;
     letter-spacing: 0;
}
 .post-sidebar .is-divider {
     height: 2px;
     max-width: 50px;
}
 .post-sidebar .widget_recent_entries li a {
     padding: 10px 0;
}
 .post-sidebar .widget_recent_entries li a:hover {
     color: var(--pri);
}
 .home .post-sidebar .widget_recent_entries {
     background-color: #fff;
     padding: 10px;
}
 .home .post-sidebar .widget_recent_entries li a {
     padding: 10px 0;
     color: #000;
}
 .home .post-sidebar .widget_recent_entries li a:hover {
     color: var(--pri);
}
 .col.post-item h5.post-title {
     font-family: Play, sans-serif;
     color: var(--sec);
     height: 40px;
     overflow: hidden;
}
 .col.post-item .from_the_blog_excerpt {
     font-family: Play, sans-serif;
}
 .col.post-item .overlay {
     background-color: rgba(0,147,221,0.5);
     opacity: 0;
     pointer-events: unset;
}
 .col.post-item .overlay a {
     position: absolute;
     display: block;
     top: 50%;
     left: 50%;
     font-size: 18px;
     width: 50px;
     line-height: 50px;
     height: 50px;
     margin-top: -25px;
     margin-left: -25px;
     text-indent: -90000em;
     background-image: url(../images/plus.png);
     background-position: center;
     background-repeat: no-repeat;
     -webkit-backface-visibility: hidden;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
}
 .col-dichvu .box {
     background-color: var(--sec) !important;
}
 .col-dichvu .box .box-image {
     overflow: unset;
}
 .col-dichvu .box .box-image:hover .overlay {
     opacity: 1;
}
 .col-dichvu .box .box-image:hover .overlay a {
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
}
 .col-dichvu .box h5.post-title {
     color: #fff;
}
 .col-dichvu .box .post-meta {
     color: #fff;
     opacity: 1;
}
 .col-dichvu .box .is-divider {
     display: none;
}
 .col-dichvu .box .from_the_blog_excerpt {
     color: #fff;
}
 .sticky-ind {
     display: inline-block;
     width: 30px;
     height: 30px;
     padding: 0 !important;
     background-image: url(../images/star_to_heart.gif);
     background-size: cover;
     background-position: 50% 50%;
     background-repeat: no-repeat;
     color: #999;
     background-color: rgba(247,247,247,0.04);
     position: absolute;
     right: 5px;
     z-index: 50;
}
 .single .entry-header .entry-header-text {
     display: none;
}
 .single .entry-content {
     padding-top: 0;
}
 .row-lienhe {
     background-color: #fff;
}
 .row-lienhe .col:nth-child(1) .col-inner {
     padding: 15px;
}
 .row-lienhe .col:nth-child(1) h3 {
     font-size: 36px;
     line-height: 46px;
     color: #333;
     font-weight: 400;
     margin-bottom: 0;
}
 .row-lienhe .col:nth-child(1) h4 {
     font-weight: 400;
     margin-bottom: 0;
     color: #999;
     font-size: 22px;
     font-style: italic;
     font-family: Georgia, 'Times New Roman', Times, serif;
}
 .row-lienhe .col:nth-child(1) .wpcf7 {
     margin-top: 15px;
}
 .row-lienhe .col:nth-child(1) .wpcf7 form label {
     font-weight: 400;
     color: #777;
     font-size: 16px;
     font-family: Roboto;
}
 .row-lienhe .col:nth-child(1) .wpcf7 form input {
     box-shadow: none;
}
 .row-lienhe .col:nth-child(1) .wpcf7 form input[type="submit"] {
     margin: 0;
     font-weight: 400;
}
 .row-lienhe .col:nth-child(2) .col-inner {
     background-color: #f7f7f7;
     padding: 15px;
}
 .row-lienhe .col:nth-child(2) .icon-box {
     padding: 20px 0;
}
 .row-lienhe .col:nth-child(2) .icon-box .icon-box-text h3 {
     font-weight: 400;
     text-transform: uppercase;
     color: var(--pri);
}
 table.tb-custom {
     border: none;
}
 table.tb-custom th, table.tb-custom td {
     border: none;
}
 table.tb-custom .info-ward p {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     text-align: center;
     color: var(--pri);
}
 table.tb-custom .info-ward p:nth-child(1) {
     font-size: 24px;
     color: #FF0000;
     text-align: left;
     margin-bottom: 10px;
     font-weight: bold;
     margin-top: 0;
}
 #footer .footer-1 {
     border-top: none;
     background-size: cover;
     background-position: center;
}
 #footer .footer-1 .widget {
     margin-bottom: 5px;
}
 #footer .row-social {
     margin: 10px 0;
}
 #footer .row-social .social-icons a {
     margin-bottom: 0;
}
 #footer .absolute-footer {
     display: none;
}