@font-face {
font-family: 'SVN Gilroy Regular';  
src: url(//gladgroup.vn/wp-content/themes/gladio/fonts/SVN-Gilroy-Regular.otf);  
}
@font-face {
font-family: 'SVN Gilroy Medium';  
src: url(//gladgroup.vn/wp-content/themes/gladio/fonts/SVN-Gilroy-Medium.otf);  
}
@font-face {
font-family: 'SVN Gilroy Bold';  
src: url(//gladgroup.vn/wp-content/themes/gladio/fonts/SVN-Gilroy-Bold.otf);  
}
body, p, div, li, .nav > li > a {
font-family: 'SVN Gilroy Regular'!important; 
font-size: 16px;
}
h1, h2, h3, h4, trong, b, .customfooter strong {
font-family: 'SVN Gilroy Medium'!important;  
text-wrap: inherit!important;
}
.slider-nav-light .dot {
border:1px solid;
opacity: 1;
width: 10px;
height: 10px;
}
.slider-nav-dark .dot {
border:none;
background:#000!important;
opacity: 0.2;
width: 10px;
height: 10px;
}
.slider-nav-dark .dot.is-selected {
background: #800315!important;
opacity:1!important;
}
.slider-nav-outside .flickity-page-dots {
bottom: -10px;
}
.slider-nav-light .flickity-prev-next-button svg, .slider-nav-dark .flickity-prev-next-button svg {
display: none;
}
.slider-nav-light .previous {
width: 40px;
height: 40px;
background: url(//gladgroup.vn/wp-content/themes/gladio/images/leftarrow.png) center center no-repeat!important;
background-size: 100%!important;
opacity: 1;
}
.slider-nav-light .next {
width: 40px;
height: 40px;
background: url(//gladgroup.vn/wp-content/themes/gladio/images/rightarrow.png) center center no-repeat!important;
background-size: 100%!important;
opacity: 1;
}
.slider-nav-dark .previous {
width: 35px;
height: 35px;
background: url(//gladgroup.vn/wp-content/themes/gladio/images/leftarrowdark.png) center center no-repeat!important;
background-size: 100%!important;
opacity: 1;
}
.slider-nav-dark .next {
width: 35px;
height: 35px;
background: url(//gladgroup.vn/wp-content/themes/gladio/images/rightarrowdark.png) center center no-repeat!important;
background-size: 100%!important;
opacity: 1;
z-index: 1
}
.slider-nav-outside .previous {
right: calc(100% + 20px)!important;
}
.slider-nav-outside .next {
left: calc(100% + 20px)!important;
}
.header-main .nav > li > a {
font-size: 16px;
}
.hometrainghiem {
padding-top: 60px; background-size: 100%;
padding-bottom: 20px
}
.hometrainghiem h2 {
margin-bottom: 0;
}
.hometrainghiem .aboutvideo .button {
width: 50px;
z-index:1;
}
.homefeatured {
padding-top: 60px;
padding-bottom: 40px;
}
.homefeatured .featured p {
margin-bottom:0px;
}
.homefeatured .featured .title {
color: #1494D2;
font-size: 20px;
}
.homefeatured .featured .subtitle {
font-size: 16px;
}
.aboutvideo .button.open-video {
margin-bottom: 0!important;
padding: 8px;
width: 55px;
}
.aboutvideo .button.icon i {
font-size: 25px!important;
margin-bottom: 3px !important;
margin-left: 3px !important;
}
.chuongtrinhgladio {
background: linear-gradient(0deg, #800315 0%, #D10928 100%);
padding-top: 40px;
padding-bottom: 20px;
}
.chuongtrinhgladio h2 {
max-width: 370px;
}
.chuongtrinhgladio .iconic {
width: 150px;
height: 156px;
background-size: 100%!important;
margin-top: -130px;
margin-left:200px;
margin-bottom: -40px;
}
.chuongtrinhbtn {
background: url(//gladgroup.vn/wp-content/themes/gladio/images/btnright.png) right center no-repeat #ffff;
background-size: 30px!important;
background-position: calc(100% - 15px) 50%!important;
padding: 15px 20px;
border-radius: 8px;
min-height: 75px;
display: flex;
align-items:center;
text-align: center;
align-content:center;
justify-content: center;
font-size: 20px;
}
.homestudents {
padding-top: 60px;
padding-bottom: 50px;
}
.homestudents .box-text {
padding: 10px;
}
.homestudents .btnleft {
background:#fff;		
border-radius: 99px;
float: left;
font-size: 80%;
padding: 3px 10px;
color: #ED7A23;
}
.homestudents .btnright {
float: right;
background: linear-gradient(90deg, #D10928 0%, #800315 100%);
padding: 3px 10px;
border-radius: 99px;
color: #fff;
font-size: 80%!important;
}
.homeflies .box-image, .homeflies .box {
border-radius:8px;
}
.homeflies .box-text {
background: linear-gradient(179.15deg, rgba(239, 155, 33, 0) 40.32%, #E87A25 99.27%), linear-gradient(179.15deg, rgba(239, 155, 33, 0) 40.32%, #E87A25 99.27%);
padding: 100px 10px 10px 10px;
border-radius: 0 0 10px 10px;
}
.homeflies .title {
font-size: 115%!important;
}
.homeflies .date {
font-size: 90%;
}
.homeflies .date i {
padding-right: 5px;
}
.homeflies { background-size: 10%, 20%, 25%, 20%;
background-position: 30px 100%, 0% calc(100% + 120px), 100% 100%, calc(100% - 60px) 0px;
padding-bottom: 40px;
}
.homeflies:before {
content: '';
width: 300px;
height: 349px; background-size: 100%;
display: block;
position:absolute;
right: 0;
opacity: 0.3;
margin-top: -60px;
}
.homefeedbacks { background-size: 90%;
padding-top: 60px;
margin-top: 50px;
padding-bottom: 50px;
}
.feedback {
margin-top: 70px;
padding: 60px 20px 20px 20px;
border-radius: 8px;
box-shadow: 0px 3px 15px rgba(232, 122, 37, 0.75);
}
.feedback .box {
width: 120px;
border-radius: 50%;
position: absolute;
margin-left: calc(50% - 80px);
margin-top: -130px;
}
.feedback .box-image {
border-radius: 50%;
}
.feedback .name {
text-transform: uppercase;
margin-bottom: 0px;
font-size: 18px;
font-weight: 600;
}
.feedback .nameinfo {
margin-bottom: 10px;
}
.feedback .year {
font-size: 24px;
font-weight: bold;
}
.feedback .address, .homefeedbacks h2 {
color: #800315;
}
.feedback .content {
font-size: 16px;
padding-bottom: 15px;
}
.feedback .button {
margin-bottom:0;
font-size: 14px!important;
padding: 0 15px;
}
.deskfeedbacks {
margin-top: 20px;
max-width: 880px!important;
margin-bottom: -10px!important;
margin-left: auto!important;
margin-right: auto!important;
}
.deskfeedbacks .box-image {
border-radius: 10px;
}
.deskfeedbacks .col-inner {
text-align: left;
}
.deskfeedbacks .col-inner h3 {
font-size: 40px;
text-transform: uppercase;
color: #D10928;
margin-bottom:0;
}
.deskfeedbacks .col-inner .year {
font-size: 40px;
margin-right: 15px;
}
.deskfeedbacks .col-inner .address {
font-weight: 600;
opacity: 0..6;
margin-left: 15px;
margin-right: 10px;
}
.deskfeedbacks .col-inner .nameinfo {
margin-bottom:10px;
border-bottom: 1px solid;
}
.deskfeedbacks .col-inner .button span {
text-transform: none;
background: linear-gradient(90deg, #D10928 0%, #800315 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.deskfeedbacks .col-inner .button i {
color: #800315;
}
.desk-thumbnails .box-image {
border-radius: 8px;
}
.desk-thumbnails .is-selected .box-image, .desk-thumbnails .projecthumb:hover .box-image {
box-shadow: 0px 3px 10px rgba(232, 122, 37, 0.75);
} 
.homemap {
background: #FFFAEE;
padding-top: 40px;
}
.homemap .diadiem {
background-color: #fff!important;
padding: 10px 10px 10px 85px;
margin-bottom: 15px;
border-radius: 8px;
background-size: 60px!important;
background-position: 15px 50%!important;
min-height: 90px;
border:1px solid #800315;
display: flex;
align-items: center;
}
.homemap .diadiem p {
margin-bottom:0;
}
.homemap .diadiem .title {
color: #1494D2;
font-size: 105%;
}
.homemap .diadiem .subtitle {
font-size: 90%;
color: #EA4524;
}
.mainlocaltion:before {
content:'';
width: 35px;
height: 34px;
background: url(//gladgroup.vn/wp-content/themes/gladio/images/star.png) no-repeat;
background-size: 100%;
display: block;
position: absolute;
z-index:1;
right: -18px;
top: -17px;
}
.homemap .content {
color: #EA4524;
}
.homemap .button {
width: 100%;
}
.homemagazine {
padding-top: 60px;
}
.magazine {
border-radius: 8px;
padding: 10px;
}
.magazine .content {
font-size: 16px;
margin-bottom:0;
height: 120px;
overflow:hidden;
}
.magazine .box {
margin: auto;
width: 60%;
}
.news-cta, .teamlayout {
padding-top: 60px;
padding-bottom: 80px; background-size: 30%, 30%!important;
background-position:-20% 100%, 120% -60px!important;
}
.homenews .homebigtitle {
padding-bottom: 30px;
}
.homenews .box {
border-radius: 8px;
}
.homenews .box-image {
border-radius: 4px 4px 0 0;
}
.homeexpert {
height: 50px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.homenews i {
color: #800315;
padding-right: 5px;
}
.homenews .postinfo {
font-size: 90%;
font-style: italic;
}
.homenews .button {
padding: 0 35px;
font-weight: normal;
margin-bottom:0;
}
.homenews h3.title {
font-size: 16px;
}
.homenews h3.title a {
color: #000;
}
.homenews .box-text p {
font-size: 16px;
}
.homecta {
background: #FFFAEE;
}
.teamlayout .name, .teamdesc .name {
text-transform: uppercase;
font-weight: bold;
color: #800315;
margin-bottom: 0;
}
.teamlayout .position, .teamdesc .position {
font-style: italic;
font-size: 90%;
}
.teamdesc {
max-width: 600px;
padding: 20px 20px 1px 20px;
border-radius: 10px;
}
.teamdesc .teamclose {
top: 0!important;
}
.homebanner img {
margin-bottom: 0!important;
}
.ctainner {
padding: 20px 80px;
}
.wpcf7-text, .wpcf7-select, .wpcf7-textarea {
border:1px solid #D10928!important;
border-radius: 16px!important;
box-shadow: none!important;
}
.wpcf7-submit {
border-radius: 4px!important;
}
.ctainner .homebigtitle {
margin-bottom:0
}
.ctainner .homesmalltitle {
margin-bottom: 20px;
}
.bottomspace {
padding-bottom: 0!important;
}
.bottomspace ul li {
margin-bottom: 5px!important;
}
.customfooter {
border-top: 5px solid #800315;
}
.customfooter p, .customfooter ul li {
margin-bottom: 5px;
}
.customfooter strong {
font-size: 120%!important;
}
.customfooter i {
color: #800315;
padding-right: 5px;
}
.customfooter ul li a {
font-weight: bold;
color: #800315;
}
.customfooter a {
color: #000;
}
.customfooter table td {
border: none!important;
padding: 0!important;
}
.customfooter table img {
margin-bottom:0!important;
}
.customfooter .footerlogo {
max-width: 120px;
width: auto!important;
margin-bottom:10px!important;
}
.socialsicons img {
width:35px;
height: 35px;
margin:0 5px 0 0;
}
.homesmalltitle {
color: #800315;
margin-bottom: 0px;
font-size: 20px;
}
.homebigtitle {
margin-bottom: 20px;
font-size: 30px;
text-transform: uppercase;
}
.homebigtitle .homebigtitle {
font-size: 40px;
}
.homebigtitle span {
color: #D10928;
}
.homestudents .homebigtitle span span {
color: #D10928;
}
.camket {
margin-top: 80px;
border:1px solid #ccc;
border-radius: 24px;
padding: 50px 30px 0px 30px;
background:#fff;
box-shadow: 0px 3px 40px rgba(232, 122, 37, 0.75);
position: relative!important;
z-index:5;
margin-bottom:20px;
}
.camketinner .button.primary {
max-width: 400px;
width: 100%;
}
.camketinner strong {
}
.camketoutside:before {
content:'';
width: 200px;
height: 200px;
position: absolute; background-size: 100%;
left: -120px;
top: 30px;
z-index: 1;
}
.camketoutside:after {
content:'';
width: 200px;
height: 200px;
position: absolute; background-size: 100%;
right: -80px;
top: 150px;
z-index: 1;
}
.hometabs .nav > li {
border: 1px solid #D10928;
margin-bottom: 10px;
border-radius: 8px;
padding: 5px 15px;
background: #FFF9EF;
text-align: center!important;
transition: .5s;
}
.hometabs .nav > li > a {
color: #EA4524;
text-align:center!important;
display:block;
}
.hometabs .nav > li.active, .hometabs .nav > li:hover {
background: linear-gradient(90deg, #D10928 0%, #800315 100%);
box-shadow: 0px 0px 7px rgba(232, 122, 37, 0.5), inset -2px -2px 3px rgba(228, 70, 37, 0.65);
transition: .5s;
}
.hometabs .nav > li.active a, .hometabs .nav > li:hover a {
color: #fff;
}
.hometabs .tab-panels {
border-left: none;
padding: 0px 0 0 20px;
}
.hometabs .tab-panels ul li {
list-style-type: none;
}
.hometabs .tab-panels ul li + li {
border-top: 1px solid #D10928;
padding-top: 10px;
}
.hometabs .tab-panels ul li:before {
content: '';
width: 5px;
height: 5px;
background:#000;
display: inline-block;
border-radius: 50%;
margin-right: 10px;
margin-bottom: 3px;
}
.hometabs .panel {
padding-top: 15px;
}
.homeabout {
padding-top: 60px;
padding-bottom: 0px;
}
.homebusiness {
padding-bottom: 50px;
padding-top: 20px;
}
.homebusiness .row-full-width {
display: flex !important;
align-items: center !important;
}
.homebusiness .row-full-width > .col:first-child {
width: auto !important;
flex: 0 0 auto !important;
max-width: none !important;
padding-right: 0 !important;
}
.homebusiness .row-full-width > .col:last-child {
width: auto !important;
flex: 1 1 0% !important;
max-width: none !important;
padding-left: 25px !important; padding-right: 15px !important; }
.homebusiness .row-full-width > .col:last-child .row {
max-width: none !important;
}
.homebusiness .business-vertical-title {
writing-mode: vertical-rl;
transform: rotate(180deg);
white-space: nowrap;
margin: 0 auto !important;
padding: 0;
display: inline-block;
font-family: 'SVN Gilroy Bold', sans-serif;
font-size: 32px;
font-weight: 700;
color: #0b2240;
}
@media only screen and (max-width: 1023px) {
.homebusiness .business-vertical-title {
font-size: 26px;
}
}
.homebusiness .businesscard, .businesscard .image-cover, .businesscard .box, .businesscard .box-image {
border-radius: 10px;
}
.businesscard .box-text {
background: rgb(0,0,0,0.6);
border-radius: 0 0 10px 10px;
padding: 15px;
padding-top: 10px;
height: 45px;
transition: .5s;
overflow: hidden;
}
.businesscard:hover .box-text {
height: 100%;
transition: .5s;
border-radius: 10px!important;
align-items: center;
display: flex;
}
.businesscard:hover .title {
margin-bottom: 5px;
}
.businesscard .title {
font-family: 'SVN Gilroy Medium';  
text-transform: uppercase;
color: yellow;
margin-bottom: 20px;
}
.button.primary, .wpcf7-submit {
align-items: center;
padding: 2px 40px;
text-transform: none!important;
border-radius: 8px!important;
font-size: 20px; background: linear-gradient(90deg, #D10928 0%, #800315 100%); box-shadow: 0px 0px 7px rgba(232, 122, 37, 0.5), inset -2px -2px 3px rgba(228, 70, 37, 0.65);
border-radius: 8px;
}
.aboutvideo img {
width: 70px;
height: 70px;
}
.section1, .veppage { background-size: 250px, 350px!important;
background-position: 0 0%, 100% 100%
}
.swiper-container {
width: 100%;
padding-top: 30px;
padding-bottom: 50px;
}
.swiper-slide {
background-position: center;
background-size: cover;
width: 400px;
background-color: #fff;
overflow: hidden;
border-radius: 8px;
}
.picture {
width: 400px;
height: 225px;
overflow: hidden;
}
.picture img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 2;
}
@media only screen and (max-width: 940px) {
.swiper-slide {
width: 300px;
}
.picture {
width: 300px;
height: 169px;
overflow: hidden;
}
.camketoutside::before {
content: '';
width: 150px;
height: 150px;
left: -100px;
top: 40px;
}
.camketoutside::after {
content: '';
width: 150px;
height: 150px;
right: -50px;
top: 140px;
}
.section1 {
padding-bottom: 40px; background-size: 150px, 250px!important;
background-position: 0 0%, 100% 100%
}
}
.shine::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: none;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.shine:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
display:block;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
@media only screen and (max-width: 700px) {
.homesmalltitle {
font-size: 14px;
}
.homebigtitle {
font-size: 22px;
}
.camket {
padding: 15px;
}
.hometabs .tab-panels {
padding: 0!important;
}
.hometabs .tab-panels ul li {
margin-left:0;
}
.programinner .image {
width: 100px;
height: 70px; 
}
.programitem.item1:after, .programitem.item2:after, .programitem.item3:after, .programitem.item4:after, .programitem.item5:after {
display: none!important;
}
.programitem.item1 .title, .programitem.item2 .title, .programitem.item3 .title, .programitem.item4 .title, .programitem.item5 .title {
position: absolute;
left: 0;
top: 75px;
font-size: 70%;
width: 100%;
}
.programitem.item4 .image, .programitem.item5 .image {
margin: auto!important;
}
}
.aboutblock {
padding-top: 60px;
padding-bottom: 40px;
}
.aboutblock .col-inner {
padding: 0 30px 0 30px;
}
.aboutblock .homebigtitle {
margin-bottom: 15px;
font-size: 45px;
}
.openletter {
background-size: cover!important;
}
.openinner { padding-top: 60px;
background-size: 50%, 20%!important;
background-position: 0 100%, 98% 30%!important;
}
.deskopen {
margin-right: -50px;
position: relative;
z-index: 1;
}
.opencontent {
background:#fff;
padding: 30px 30px 10px 60px;
border-radius: 10px;
max-width: 950px;
margin-bottom: 30px;
}
.opencontent:before {
content: '';
width: 80px;
height: 66px; background-size: 100%;
display: inline-block;
position: absolute;
left: -22px;
}
.opencontent:after {
content: '';
width: 80px;
height: 66px; background-size: 100%;
display: inline-block;
position: absolute;
right: -100px;
bottom: 0;
}
.noidungtnxh {
padding: 0 20px 20px 50px;
text-align: justify;
}
.noidungtnxh .homebigtitle {
font-size: 38px;
}
.noidungtnxh:before {
content:'';
width: 150px;
height: 130px; background-size: 100%!important;
display: inline-block
;
margin-left:-120px;
margin-bottom: -50px;
}
.tnxhinner {
background: linear-gradient(180deg, rgba(244, 160, 30, 0.85) 12.87%, rgba(237, 122, 35, 0.85) 36.19%, rgba(228, 70, 37, 0.85) 100%), url(//gladgroup.vn/wp-content/uploads/aboutvideoimg.webp);
background-size: cover;
border-radius: 10px 0 0 10px;
padding: 35px 20px 15px 20px;
}
.desktnxh {
margin-left: 90px;
margin-right: -150px;
}
.desktnxh .slider {
margin-left: -100px!important;
max-width: calc(100% + 150px)!important;
margin-right: -150px;
}
.tnxhinner .box, .tnxhinner .box-image {
border-radius: 8px;
}
.tnxhinner .overlay {
background: linear-gradient(179.15deg, rgba(239, 155, 33, 0) 100%, #D10928 99.27%), linear-gradient(179.15deg, rgba(239, 155, 33, 0) 10%, #800315 99.27%);
transition: .5s;
}
.tnxhinner .box-text {
padding: 10px;
color: #fff;
height: 105px;
overflow: hidden;
transition: .5s;
}
.tnxhinner .box:hover .box-text {
height: inherit;
transition: .5s;
color: #000;
}
.tnxhinner .box:hover .overlay {
background: linear-gradient(179.15deg, rgba(239, 155, 33, 0) 100%, #D10928 99.27%), linear-gradient(179.15deg, rgba(239, 155, 33, 0) 10%, #fff 99.27%);
transition: .5s;
}
.tnxhinner .title {
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
}
.tnxhinner .subtitle {
font-weight: bold;
font-size: 110%;
}
.tnxhinner .button {
width: 100%;
}
.homepartners {
padding-top: 60px;
padding-bottom: 60px;
}
.partner {
box-shadow: 0px 3px 10px rgba(232, 122, 37, 0.75);
border-radius: 8px!important;
margin-top: 15px;
padding: 8px;
background:#fff;
}
.partner .col {
padding-bottom: 0;
}
.partner .title {
background: linear-gradient(90deg, #D10928 0%, #800315 100%);
color: #fff!important;
text-align: center;
border-radius: 3px;
padding: 5px;
margin-bottom: 10px;
}
.partner .title span {
color: #fff;
}
.partner .content {
font-size: 95%;
line-height: 1.5;
margin-bottom:0;
height:90px;
overflow: hidden;
}
.homestats {
background-size: cover!important;
background-position: 100% 100%!important;
}
.statinner {
background: linear-gradient(0deg, rgba(54, 54, 54, 0.9), rgba(54, 54, 54, 0.9));
padding-top: 60px;
padding-bottom: 20px;
}
.headerbanner {
background: #ED7A23;
}
.bannercontent {
padding: 60px 30px;
}
.bannercontent h1 {
font-size: 36px;
}
.button.wide {
width: 100%;
}
.bannerbtn {
box-shadow: 0px 0px 7px rgba(232, 122, 37, 0.5), inset -2px -2px 3px rgba(228, 70, 37, 0.65)!important;
background: #fff!important;
border: none!important;
border-radius: 8px;
color: #EA4524!important;
text-transform: none;
font-size: 110%;
}
.noidungcamket ul li {
list-style-type: none;
background: url(//gladgroup.vn/wp-content/themes/gladio/images/bulletbg.png) left top no-repeat;
background-size: 25px;
background-position: 0   22px;
padding: 15px 0 0px 35px;
}
.deskcamket ul li {
min-height: 77px;
}
.doingugiangvien {
margin-top: 30px;
}
.doingugiangvien h2 {
max-width: 800px;
margin: auto;
margin-bottom: 30px;
}
.doingugiangvien .nav {
width: 40%;
}
.doingugiangvien .nav > li {
border: none;
padding: 0 10px;;
background: #f9f9f9;
border-radius: 8px;
margin: 5px 0px;
text-transform: none!important;
}
.doingugiangvien .nav > li a {
color: #000;
text-transform: none!important;
}
.doingugiangvien .nav > li.active, .doingugiangvien .nav > li:hover {
background-image: linear-gradient(to left, #800315, #D10928) !important;
}
.doingugiangvien .nav > li.active a, .doingugiangvien .nav > li:hover a {
color: #fff;
}
.dieukienthamgia { background-size: 35%, 40%!important;
background-position: 0 100%, 100% 0!important;
padding-top: 70px;
padding-bottom: 60px;
}
.dieukien {
background: #fff;
border-radius: 8px;
padding: 20px 20px 1px 20px;
margin-top: 0px;
margin-left: 100px!important;
width: calc(100% - 100px);
}
.dieukien .image {
width: 60px!important;
position: absolute;
margin-left: -100px;
margin-top: -15px
}
.dieukien p {
width: 100%;
}
.blockchiphi {
padding-top: 70px;
padding-bottom: 40px; background-size: 20%, 20%;
background-position: 0 80%, 95% 100%;
}
.blockchiphi .col-inner p {
margin-bottom:0;
}
.blockchiphi .col-inner .homebigtitle  span {
}
.blockcacnganh {
padding-top: 60px;
}
.blockcacnganh h2 {
margin-bottom: 30px;
}
.blockcacnganh .box, .blockcacnganh .box-image {
border-radius: 10px;
}
.blockcacnganh .overlay {
background: linear-gradient(179.15deg, rgba(239, 155, 33, 0) 40.32%, #E87A25 99.27%), linear-gradient(179.15deg, rgba(239, 155, 33, 0) 0%, #E87A25 99.27%);
}
.blockcacnganh .box-text {
padding: 15px;
}
.blockcacnganh .deskboxtext {
padding: 15px;
transition: .5s;
height: 60px;
overflow: hidden;
}
.blockcacnganh .box:hover .deskboxtext {
height: inherit;
transition: .5s;
}
.blockcacnganh .box-text .title {
text-transform: uppercase;
font-size: 24px;
border-bottom: 1px dotted;
padding-bottom: 5px;
margin-bottom: 10px;
}
.blockcacnganh .box-text ul {
margin-left: 18px;
margin-bottom:0;
}
.blockcacnganh .box-text ul li {
margin-bottom: 0;
}
.buttonlist {
border: 1px solid #D10928;
border-radius: 16px!important;
background: #FFF9EF;
color: #EA4524;
text-transform: none;
padding: 0 5px;
font-size: 24px;
margin-bottom: 10px;
}
.buttonlist:hover {
background: linear-gradient(90deg, #D10928 0%, #800315 100%);
box-shadow: 0px 0px 7px rgba(232, 122, 37, 0.5), inset -2px -2px 3px rgba(228, 70, 37, 0.65);
}
.camketinner .homebigtitle:before {
content: '';
width:45px;
height: 80px;
background: url(//gladgroup.vn/wp-content/themes/gladio/images/leftleaf.png);
background-size: 100%;
display: inline-block;
margin-right: 10px;
margin-top: -40px;
margin-bottom: -10px;
}
.camketinner .homebigtitle:after {
content: '';
width:45px;
height: 80px;
background: url(//gladgroup.vn/wp-content/themes/gladio/images/rightleaf.png);
background-size: 100%;
display: inline-block;
margin-left: 10px;
margin-top: -40px;
margin-bottom: -10px;
}
.camketinner ul {
margin-left:0;
margin-bottom:35px!important;
}
.camketinner ul li {
list-style-type: none;
background: url(//gladgroup.vn/wp-content/themes/gladio/images/bulletbg.png) left top no-repeat;
background-size: 22px;
background-position: 0 10px;
padding: 3px 0 7px 35px;
margin-left: 0px;
font-size:22px;
}
.homefeatured .featured {
background-size: 80px!important;
margin-bottom: 10px;
min-height: 80px;
margin-left: -10px!important;
padding: 15px 20px 15px 90px;
border-radius: 16px;
background-position: 0!important;
border:1px solid #ccc;
}
.homefeatured .featured:hover {
border:1px solid  #F89530;
background-color: #fff!important;
box-shadow: 0px 11px 250px rgba(239, 155, 33, 0.35);
}
.authorinfo {
display: flex;
margin-bottom: 20px;
align-items: center;
}
.authorinfo .image {
width: 45px;
margin-right: 10px;
}
.authorinfo .image img {
border-radius: 50%;
}
.authorinfo p {
margin-bottom:0;
}
.authorinfo .name {
font-weight: bold;
font-size: 90%;
color: #EA4524;
}
.authorinfo .date {
font-size: 80%;
opacity: 0.5;
}
.homenews .subtitle {
border-bottom: 1px solid #EA4524;
margin-bottom: 15px;
padding-bottom: 15px;
font-size: 110%;
font-weight: bold;
}
.subnews h3 {
max-height: 50px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 16px!important;
}
.homenews .cates a {
color: #000;
font-size: 90%;
}
.homenews .cates a + a:before {
content: '';
width: 5px;
height: 5px;
background: #800315;
display: inline-block;
margin-left: 5px;
margin-right: 10px;
border-radius: 50%;
margin-bottom:1px;
}
.aboutblock .subtitle {
font-weight: bold;
display: flex;
align-items: center;
font-size: 20px;
line-height: 1.5;
box-shadow: 0px 4px 20px rgba(154, 168, 195, 0.25);
text-transform: uppercase;
padding: 20px;
border-radius: 6px;
font-size: 100%;
}
.aboutblock .subtitle span {
background: #800315;
font-size: 60px;
color: #fff;
line-height: 1;
margin-right: 10px;
display: inline-block;
margin: -20px 20px -20px -20px;
padding: 15px 20px;
border-radius: 6px 0 0 6px;
}
.desktoptimeline {
padding-top: 90px;
padding-bottom: 150px;
}
.iteminner {
display: flex;
margin-left: 20px;
position: absolute;
}
.iteminner .icon {
width: 70px;
margin-right: 10px;
}
.iteminner .content {
color: #800315;
line-height: 1.2;
font-size: 16px;
margin-bottom:0;
}
.iteminner .content span {
display: block;
font-weight: bold;
color: #ED7A23;
font-size: 36px;
}
.innertop {
margin-top: -165px;
margin-left: 12px;
}
.innerbottom {
margin-top: 5px;
}
.mobiletimeline {
margin-bottom: 60px;
}
.mobiletimeline .mobileitem {
display: flex;		
}
.mobiletimeline .image {
width: 60px!important;
}
.mobiletimeline .image img {
width: 100%!important;
height: auto!important;
}
.mobiletimeline .iteminner {
position: relative;
margin-left:10px;
}
.mobiletimeline .icon {
width: 60px!important;
}
.aboutstats .box, .aboutstats .box-image {
border-radius: 10px;
}
.aboutstats .box {
border: 1px solid #D10928;
}
.aboutstats .overlay {
background: linear-gradient(180deg, rgb(209, 9, 40, 0.6) 0%, rgba(228, 70, 37, 0.85) 100%);
}
.aboutstats .box-image {
opacity: 0;
transition: .5s;
}
.aboutstats .conso {
font-size: 80px;
font-weight: bold;
margin-bottom:0;
}
.aboutstats .content {
font-size: 130%;
} 
.aboutstats .col:hover .box-image {
opacity: 1!important;
transition: .5s;
}
.aboutstats .col:hover .box-text {
color: #fff!important;
}
.aboutstats .col:hover .box-text span {
background: linear-gradient(90deg, #fff 0%, #fff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.aboutstats {
margin-bottom: 60px;
}
.statinner img {
max-width: 80px;
width: auto!important;
}
.statinner .conso {
}
.statinner .conso, .timelineinner .conso {
display: flex;
align-items: center;
justify-content: center;
margin-bottom:5px;
}
.statinner .conso .count-up {
font-size: 80px!important;
}
.statinner .conso .count-up, .timelineinner .conso .count-up {
font-size: 50px;
line-height: 1;
}
.statinner .conso .donvi, .timelineinner .conso .donvi {
font-size: 40px;
}
.page-wrapper {
padding-top: 0;
padding-bottom:0;
}
.custombread {
background: #800315;
margin-bottom: 30px;
}
.breadinner {
margin: auto;
max-width: 1270px;
padding: 10px 15px;
}
.breadinner p {
margin-bottom: 0;
}
.page-title {
margin-bottom:0;
}
.postslist .box-image {
border-radius: 10px;
}
.postslist h2 a {
color: #000;
font-size: 18px;
}
.postslist .box-text {
padding: 15px 0 0 0;
}
.pagenavi .page-numbers {
padding: 5px 10px;
border:1px solid;
border-radius: 4px;
}
.widget-title {
display: block;
margin-bottom: 15px;
font-weight: bold;
color: #800315;
font-size: 20px;
}
.entry-title {
color: #000;
}
.entry-header-text {
padding-bottom:0;
}
.entry-content {
padding: 0;
}
.entry-content img {
border-radius: 10px;
margin-bottom: 15px;
}
.relatedpost .overlay {
background: linear-gradient(0deg, #1b283bc7, transparent 75%);
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(0deg, rgba(27, 40, 59, 0.78), transparent 75%);
}
.relatedpost .box-text {
padding: 15px;
border-radius: 10px;
}
.relatedpost .box-image {
border-radius: 10px;
}
.posttrainghiem {
padding-top: 50px; background-size: 25%, 25%, 100%!important;
background-position: 0 40%, 100% 60%, 50% 50%!important;
}
.posttrainghiem .homebigtitle {
margin-bottom: 0;
}
.postslist.style02 {
background:#fff;
padding: 20px;
border-radius: 10px;
}
.blocklotrinh {
padding-top: 60px; background-size: 25%, 20%!important;
background-position: 0 10%, 100% 50%!important;
}
.blocklotrinh .homebigtitle {
margin-bottom: 30px;
}
.blockvideo {
padding-top: 60px; background-size: 30%!important;
background-position: 100% 0;
}
.blockvideo .videotabs {
direction: rtl;
}
.videotabs .nav {
min-width: 36%;
}
.videotabs .nav > li {
border: none;
margin: 5px 0;
background:#f9f9f9;
border-radius: 6px;
padding: 0 10px;
}
.videotabs .videotab {
display: flex;
direction: ltr;
width: 100%;
align-items:center;
}
.videotabs .videotab .box {
width: 150px;
margin-right: 10px;
}
.videotabs .videotab .box-image {
border-radius: 6px;
}
.videotabs .videotab .contenttab {
width: 100%;
text-align: left;
}
.videotabs .videotab .contenttab .title {
font-weight: bold;
font-size: 115%;
color:#800315;
}
.videotabs .nav > li.active, .videotabs .nav > li:hover {
background: linear-gradient(90deg, #D10928 0%, #800315 100%);
transition: .5s;
}
.videotabs .nav > li.active a, .videotabs .nav > li:hover a, .videotabs .nav > li.active .title, .videotabs .nav > li:hover .title {
color: #fff!important;
}
.videotabs .tab-panels {
padding: 5px 20px 0 0;
border-left: none!important;
}
.videotabs .tab-panels .box-image {
border-radius: 8px;
}
.thongtinkhoahoc {
padding-top: 60px;
padding-bottom: 0px;
}
.thongtinkhoahoc .inner {
box-shadow: 0px 4px 20px rgba(154, 168, 195, 0.25);
border-radius: 8px;
padding: 10px;
}
.thongtinkhoahoc .title {
font-size: 90%;
margin-bottom:0px;
}
.thongtinkhoahoc .content {
margin-bottom:0;
font-size: 110%;
font-weight: bold;
}
.thongtinkhoahoc .col-inner .col-inner {
background: linear-gradient(90deg, #D10928 0%, #800315 100%);
border-radius: 8px;
padding: 10px 0;
}
.blockhocthu {
padding-top: 60px; background-size: 25%;
}
.blockhocthu ul li {
list-style-type: none;
}
.blockhocthu ul li + li {
border-top: 1px solid #D10928;
padding-top: 10px;
}
.blockhocthu ul li:before {
content:'';
width:5px;
height: 5px;
background: #000;
border-radius: 50%;
display: inline-block;
margin-bottom:3px;
margin-right: 10px;
}
.blockhocthu h3 {
color: #D10928;
}
.doingugiangvien.hoctiengduc .nav > li.active {
box-shadow: 0px 11px 250px rgba(239, 155, 33, 0.35);
}
.doingugiangvien.hoctiengduc .panel { box-shadow: 0px 0px 7px rgba(232, 122, 37, 0.5), inset -2px -2px 3px rgba(228, 70, 37, 0.65);
width:100%;
border-radius: 6px!important;
}
.menuinner {
box-shadow: 0px 4px 20px rgba(154, 168, 195, 0.25);
border-radius: 8px;
margin-top: 30px;
}
.menuinner .col-inner {
padding: 15px 10px;
justify-content: center;
font-weight: bold;
}
.menuinner .col-inner a {
color: #000;
}
.menuinner .col-inner:hover a {
background: linear-gradient(90deg, #D10928 0%, #800315 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.kythitelc {
padding-top: 40px;
background: url(//gladgroup.vn/wp-content/themes/gladio/images/shape1.png) no-repeat, url(//gladgroup.vn/wp-content/themes/gladio/images/shape11.png) no-repeat;
background-size: 20%, 20%;
background-position: 0 45%, 95% 15%;
}
.tablekythi table, .tablecautruc table {
background: #fff;
border-radius: 8px!important;
}
.tablekythi  tr:nth-child(odd) td {
background: #F3F5F8;
}
.tablekythi table td, .tablecautruc table td {
padding: 15px;
border:none;
}
.tablekythi tr:first-child td:first-child {
border-radius: 10px 0 0 0;
}
.tablekythi tr:first-child td:nth-last-child(1) {
border-radius: 0 10px 0 0;;
}
.tablekythi tr:first-child td, .tablecautruc tr:first-child td, .tablecautruc tr:nth-child(2) td {
background: #FFEEB7!important;
font-weight: bold;
text-align: center;
}
.tablekythi tr:nth-child(odd) tdablecautruc tr:nth-child(odd) {
background: #F3F5F8;
}
.tablekythi tr td:first-child {
text-align: center;
font-weight: bold;
}
.tablekythi tr:nth-last-child(1) td:nth-last-child(1) {
border-radius: 0 0 10px 0 ;
}
.tablekythi tr:nth-last-child(1) td:first-child {
border-radius: 0 0 0 10px;
}
.tablekythi tr td:first-child {
width: 100px;
}
.cautructelc {
padding-top: 50px;
background:url(//gladgroup.vn/wp-content/themes/gladio/images/shape25.png) no-repeat;
background-position: 100% 120%;
background-size: 45%;
}
.cautructelc .phanloai .box-image {
border-radius: 8px;
}
.cautructelc .phanloai .box-image .overlay {
background: rgb(0,0,0,0.5);
}
.cautructelc .phanloai:hover .overlay {
background: linear-gradient(180deg, rgba(248, 149, 48, 0.9) 0%, rgba(228, 70, 37, 0.9) 100%);
}
.cautructelc .phanloai .title .box-text {
padding: 0 10px;
}
.cautructelc .phanloai .title {
font-size: 24px;
font-weight: bold;
}
.cautructelc .phanloai .subtitle {
margin-bottom:0;
}
.tablecautruc table td {
border:1px solid #ccc;
}
.tablecautruc tr:nth-last-child(1)  {
background: linear-gradient(90deg, #D10928 0%, #800315 100%);
color: #fff!important;
}
.tablecautruc tr:nth-last-child(1) td {
color: #fff;
font-weight: bold;
}
table td {
color: #000;
}
.lichthitelc {
margin-top: 30px;
margin-bottom: 30px;
}
.lichthitelc .homebigtitle {
margin-bottom: 30px!important;
}
.tablelichthi {
box-shadow: 0px 4px 20px rgba(154, 168, 195, 0.25);
border-radius: 8px;
background: rgb(255,255,255,0.6);
}
.tablelichthi .lichthi {
padding: 15px 0;
}
.tablelichthi .lichthi .title {
margin-bottom:0;
padding-top: 10px;
}
.tablelichthi .lichthi .subtitle {
font-weight: bold;
margin-bottom:10px;
}
.tablelichthi .lichthi .button {
margin-bottom:0;
width: calc(100% - 30px);
padding: 15px
}
.cacbuocdangky {
background: linear-gradient(0deg, #800315 0%, #D10928 100%);
}
.innerdangky {
background:url(//gladgroup.vn/wp-content/themes/gladio/images/shape21.png) no-repeat, url(//gladgroup.vn/wp-content/themes/gladio/images/shape24.png) no-repeat;
background-position: 100% 0, 0 100%;
background-size: 40%, 40%;
padding-top: 60px;
padding-bottom: 20px;
}
.maintabbed {
margin-bottom: 30px;
}
.maintabbed li {
width: 49%;
background: #fff;
margin: 0 .5%;
text-align: center;
border-radius: 8px;
}
.maintabbed li > a {
background: linear-gradient(90deg, #D10928 0%, #800315 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.maintabbed li.active > a, .maintabbed li:hover > a {
background: linear-gradient(90deg, #fff 0%, #fff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.maintabbed li.active, .maintabbed li:hover {
background: #EA4524;
box-shadow: 0px 2px 3px rgba(208, 50, 17, 0.5), 0px 10px 20px rgba(232, 122, 37, 0.45), inset -1px 4px 4.6px rgba(255, 232, 139, 0.65), inset -1px -4px 3.1px rgba(211, 53, 20, 0.85);
}
.cacbuocdangky .button {
background: #FFFFFF; box-shadow: 0px 0px 7px rgba(232, 122, 37, 0.5), inset -2px -2px 3px rgba(228, 70, 37, 0.65);
border: none;
border-radius: 8px;
color: #EA4524;
text-transform: none;
}
.lephithi {
padding-top: 60px;
background:url(//gladgroup.vn/wp-content/themes/gladio/images/shape1.png) no-repeat, url(//gladgroup.vn/wp-content/themes/gladio/images/shape11.png) no-repeat;
background-size: 20%, 20%;
background-position: 0 50%, 95% 50%;
}
.phanloailephi {
box-shadow: 0px 4px 20px rgba(154, 168, 195, 0.25);
border-radius: 8px;
}
.phanloailephi .inner {
background: #fff;
border-radius: 8px;
padding: 15px 15px 1px 15px;
transition: .5s;
}
.phanloailephi .title {
text-transform: none!important;
background-size: 50px!important;
background-position: 50% 0!important;
margin-top: 30px;
padding-top: 45px;
}
.loaichiphi {
background: #F3F5F8;
border-radius: 8px;
padding: 15px;
margin-bottom:15px;
}
.loaichiphi .subtitle {
margin-bottom:0;
color: #EA4524;
}
.loaichiphi .homebigtitle {
margin-bottom:0;
font-weight: bold;
text-transform: none;
font-size: 40px!important;
}
.phanloailephi:hover .inner {
background: linear-gradient(180deg, rgba(244, 160, 30, 0.85) 0%, rgba(228, 70, 37, 0.85) 100%);
transition: .5s;
}
.phanloailephi:hover .inner .title {
color: #fff;
}
.phanloailephi:hover .inner .loaichiphi {
background: #fff;
}
.ghepbang {
background: #FFFFFF;
box-shadow: 0px 3px 40px rgba(232, 122, 37, 0.75);
border-radius: 8px;
padding: 30px 30px 1px 30px;
margin-top: 100px;
margin-bottom:80px;
}
.ghepbang ul {
margin-bottom:0;
font-size: 90%;
}
.ghepbangphai ul li {
list-style-type: none;
background: url(//gladgroup.vn/wp-content/themes/gladio/images/bulletbg.png) left top no-repeat;
background-size: 22px;
background-position: 0 15px;
padding: 10px 0 3px 35px;
margin-left: 0px;
}
.ghepbangphai ul li + li {
border-top: 1px solid #D10928;
padding-top: 10px;
}
.careerinner {
background: #fff;
border: 1px solid #F0F0F0;
padding: 15px 15px 10px 15px;
border-radius: 8px;
}
.careerinner .box {
margin-bottom: 20px;
}
.careerinner .box-text {
padding: 0;
}
.careerinner .madonlabel {
background: #363636;
width:auto;
margin-top: 15px;
width: 150px;
border-radius: 0 8px 8px 0;
padding: 5px 15px;
}
.careerinner .madonlabel .content {
padding-left: 20px;
font-weight: bold;
}
.careerinner:hover .madonlabel {
background: linear-gradient(90deg, #D10928 0%, #800315 100%);
}
.careerinfo .title, .careerinner .madonlabel .title {
font-size: 90%;
margin-bottom:0;
}
.careerinfo .title:before, .careerinfo .titleyeucau:before, .careerinner .madonlabel .title:before {
content: '';
width: 12px;
height: 12px;
background: #D9D9D9;
border-radius: 50%;
display: inline-block;
margin-right: 5px;
}
.careerinfo .content {
font-weight: bold;
margin-bottom:0;
padding-left: 17px;
}
.careerinfo .titleyeucau {
color: #ED7A23!important;
margin-bottom:0
}
.careerinfo .contentyeucau {
margin-bottom:0;
font-size: 95%;
text-align: justify;
padding-left: 17px;
}
.postoutside { background-size: 25%, 25%!important;
background-position: -5% -12%, 100% 100%!important;
}
.dsdonhang {
margin-top: 60px;
margin-bottom: 50px;
}
.pagedonhang {
background: url(//gladgroup.vn/wp-content/themes/gladio/images/shape1.png) no-repeat, url(//gladgroup.vn/wp-content/themes/gladio/images/shape11.png) no-repeat;
background-size: 20%, 20%;
background-position: 0 75%, 95% 65%;
}
.hethongchinhanh {
padding-top: 60px;
}
.chinhanh {
background: #FFFFFF;
box-shadow: 0px 4px 20px rgba(154, 168, 195, 0.25);
padding: 15px 15px 5px 15px;
border-radius: 8px;
}
.chinhanh .box-image {
border-radius: 8px;
margin-bottom: 20px;
}
.chinhanh i {
color: #800315;
padding-right: 5px;
}
.chinhanh .title {
font-weight: bold;
font-size: 110%;
margin-bottom: 15px;
}
.chinhanh .content {
margin-bottom: 10px;
font-size: 90%;
}
.hethongchinhanh .nav > li {
background: #FFFFFF;
box-shadow: 0px 4px 20px rgba(154, 168, 195, 0.25);
margin: 0 2px;
border-radius: 4px;
padding: 0 20px;
}
.hethongchinhanh .nav > li.active, .hethongchinhanh .nav > li:hover {
background: #800315;
}
.hethongchinhanh .nav > li > a {
color: #000;
}
.hethongchinhanh .nav > li.active > a, .hethongchinhanh .nav > li:hover a {
color: #fff;
}
.greyblock {
background: #800315;
height: 180px;
margin-top: -80px;
border-radius: 0 10px 10px 10px;
}
.customtitle {
font-weight: normal;
margin-top: -250px;
background: #fff;
padding: 25px;
border-radius: 0 10px 10px 0;
min-height: 180px;
display: flex;
align-content: center;
align-items: center;
}
.customtitle h1 {
font-weight: normal;
margin-bottom: 0;
color: #000;
font-size: 140%;
}
.customtitle span {
color: #000;
}
.desktitle {
margin-left: 100px!important;
border-radius: 10px;
margin-top: -280px;
}
.pageinner {
background: #FFFFFF;
box-shadow: 0px 4px 20px rgba(154, 168, 195, 0.25);
padding: 20px 20px 20px 20px;
margin-top: 30px;
margin-bottom:30px;
border-radius: 10px;
}
.welcomepage {
background: url(//gladgroup.vn/wp-content/themes/gladio/images/shape7.png) no-repeat, url(//gladgroup.vn/wp-content/themes/gladio/images/shape22.png) no-repeat;
background-size: 25%, 35%;
background-position: 0 100%, 125% 30%;
padding: 0 15px!important;
}
.welcomepage h2 {
background: linear-gradient(90deg, #D10928 0%, #800315 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-size: 36px;
}
.welcomepage a {
color: #800315;
font-weight: bold;
}
.calendarlist {
margin-top: 60px;
margin-bottom: 30px;
}
.calendartable {
background: #fff;
}
.calendartable td {
padding: 15px;
}
.calendartable tr:nth-child(even) {
background: #f9f9f9;
}
.calendartable h2 a {
font-size: 18px;
font-weight: normal;
color: #800315;
}
.calendartable h2, .calendartable .button {
margin-bottom:0;
}
.calendartable .button {
width: 100%;
}
.calendartable .xemthem {
width: 220px;
text-align: center;
}
.calendartable i, .calendaritem i {
margin-right: 5px;
color: #800315;
}
.calendartable .button {
padding: 0;
font-weight: normal;
font-size: 16px;
}
.tableheader {
background: #800315;
}
.tableheader td {
color: #fff;
font-size: 20px;
}
.corevalues {
padding-top: 80px;
padding-bottom: 60px; background-size: 25%!important;
background-position: 100% 100%;
}
.corevalue {
border:1px solid #800315;
box-shadow: 0px 3px 15px rgba(232, 122, 37, 0.75);
background: #fff;
}
.corevalue, .corevalue .box-image {
border-radius: 10px;
}
.corevalue .overlay {
background: linear-gradient(180deg, rgb(209, 9, 40, 0.6) 0%, rgba(228, 70, 37, 0.85) 100%);
transition: .5;
opacity: 0;
}
.corevalue .image-cover {
opacity: 0;
}
.corevalue:hover .overlay, .corevalue:hover .image-cover {
opacity: 1;
transition: .5;
}
.corevalue .title span {
font-size: 28px;
background: linear-gradient(90deg, #D10928 0%, #800315 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-weight: bold;
}
.corevalue .title {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.corevalue .title {
background-size: 40px!important;
height: 40px;
line-height: 40px;
padding-left: 50px;
}
.corevalue:hover .title span {
background: linear-gradient(90deg, #fff 0%, #fff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.corevalue:hover .subtitle {
color: #fff;
}
.values {
border:1px solid #F89530;
border-radius: 8px;
margin-bottom: 40px;
background-size: 70px!important;
padding: 15px;
transition: .5s;
}
.values .title {
font-weight: bold;
margin-bottom:0
}
.values .subtitle {
font-size: 90%!important;
line-height: 1.2;
min-height: 45px;
margin-bottom:0;
}
.values.deskvalue {
background-position: calc(100% - 15px) calc(50% + 2px)!important;
padding-right: 95px;
}
.values.mbvalue {
background-position: 15px calc(50% + 2px)!important;
padding-left: 95px;
}
.values:hover {
background-color: #fff!important;
transition: .5s;
box-shadow: 0px 11px 250px rgba(239, 155, 33, 0.35);
}
.valueimg {
margin-left: -60px;
margin-right: -50px;
}
.values.desk {
width: 400px;
}
.values.item2 {
margin-right: 50px!important;
}
.values.item5 {
margin-left: 55px!important;
}
.values.item1:after {
content: '';
width: 55px;
height: 86px;
background: url(//gladgroup.vn/wp-content/themes/gladio/images/item1.png) no-repeat;
background-size: 100%;
display: inline-block;
position:absolute;
right: -65px;
margin-top: -40px
}
.values.item2:after {
content: '';
width: 55px;
height: 6px;
background: url(//gladgroup.vn/wp-content/themes/gladio/images/item2.png) no-repeat;
background-size: 100%;
display: inline-block;
position:absolute;
right: -65px;
margin-top: -65px
}
.values.item3:after {
content: '';
width: 45px;
height: 70px;
background: url(//gladgroup.vn/wp-content/themes/gladio/images/item3.png) no-repeat;
background-size: 100%;
display: inline-block;
position:absolute;
right: -60px;
margin-top: -75px
}
.values.item4:before {
content: '';
width: 55px;
height: 37px;
background: url(//gladgroup.vn/wp-content/themes/gladio/images/item4.png) no-repeat;
background-size: 100%;
display: inline-block;
position:absolute;
left: -65px;
margin-top: 25px
}
.values.item5:before {
content: '';
width: 40px;
height: 6px;
background: url(//gladgroup.vn/wp-content/themes/gladio/images/item5.png) no-repeat;
background-size: 100%;
display: inline-block;
position:absolute;
left: -50px;
margin-top: 35px
}
.values.item6:before {
content: '';
width: 40px;
height: 50px;
background: url(//gladgroup.vn/wp-content/themes/gladio/images/item6.png) no-repeat;
background-size: 100%;
display: inline-block;
position:absolute;
left: -50px;
margin-top: 15px
}
.tnxh { background-size: 15%;
}
.chinhanh.yes:before {
content: '';
width: 35px;
height: 34px;
background: url(//gladgroup.vn/wp-content/themes/gladio/images/star.png) no-repeat;
background-size: 100%;
display: block;
position: absolute;
z-index: 1;
right: -18px;
top: -17px;
}
.homeprogram {
background: linear-gradient(0deg, #800315 0%, #D10928 100%);
}
.programinner {
background:url(//gladgroup.vn/wp-content/themes/gladio/images/linedv.png) center center no-repeat!important;
background-size: cover!important;
padding-top: 60px;
padding-bottom: 50px;
}
.programinner .image {
width: 360px;
height: 176px;
background-size: 90%!important;
background-position: 50% 50%!important;
margin: auto;
transition: .5s;
}
.programinner .programitem:hover .image {
background-size: 100%!important;
transition: .5s;
}
.programitem.item1 {
margin-top: 75px;
}
.programitem.item1 .titleimg {
position: absolute;
left: 25%;
top: 175px;
}
.programitem.item2 {
padding-bottom: 90px;
}
.programitem.item2 .titleimg {
position: absolute;
left: 42%;
top: 175px;
width: 100px;
}
.programitem.item3 {
margin-top: 75px;
}
.programitem.item3 .titleimg {
position: absolute;
right: 30%;
top: 175px;
}
.programitem.item4 .image {
margin-left: -120px;
width: 450px;
height: 252px;
margin-top: -110px
}
.programitem.item4 .titleimg {
position: absolute;
left: 38%;
top:100px;
max-width: 290px;
}
.programitem.item5 .image {
margin-right: -120px!important;
margin-top:-110px;
width: 450px;
height: 252px;
}
.programitem.item5 .titleimg {
position: absolute;
right: 38%;
top:100px;
max-width: 290px;
}
.servicetitle {
width: 90%;
max-width: 500px!important;
}
.servicetitle img {
width:100%;
height: auto;
}
.accgiangvien .accordion-title {
padding: 15px!important;
border-radius: 5px;
background: #f9f9f9;
background: 10px;
border:1px solid #800315!important;
margin-bottom: 15px;
}
.accgiangvien .accordion-title.active, .accgiangvien .accordion-title:hover {
background-image: linear-gradient(to left, #800315, #D10928) !important;
}
.accgiangvien .accordion-title.active .title, .accgiangvien .accordion-title:hover .title, .accgiangvien .accordion-title.active .subtitle, .accgiangvien .accordion-title:hover .subtitle {
color: #fff;
}
.accgiangvien .overlay {
background: linear-gradient(0deg, #1b283bc7, transparent 75%);
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(0deg, rgba(27, 40, 59, 0.78), transparent 75%);
}
.accgiangvien .box-text {
padding: 10px!important;
}
.accgiangvien .panelcontent .subtitle {
border-bottom: none;
margin-bottom:0;
padding-bottom:0;
}
.teachertab {
display: flex;
align-items: center;
}
.teachertab .box {
width: 70px;
border-radius: 50%;
background: #800315;
margin-right: 20px;
margin-left:0;
}
.teachertab .box-image {
border-radius: 50%;
}
.contenttab {
width: 100%;
}
.teachertab .title {
font-size: 20px;
font-weight: normal;
margin-bottom:0;
}
.teachertab .subtitle {
margin-bottom:0;
}
.doingugiangvien .tab-panels {
border-left: none;
}
.panelcontent .overlay {
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 38.16%, rgba(255, 255, 255, 0.8) 80.98%), linear-gradient(180deg, rgba(255, 255, 255, 0) 45.63%, rgba(255, 255, 255, 0.75) 64.39%, #FFFFFF 100%);
}
.panelcontent .box-text {
padding: 15px 20px;
}
.panelcontent .box-text-inner {
max-width: 400px;
margin: auto;
}
.panelcontent .subtitle {
border-bottom: 1px solid #ED7A23;
padding-bottom: 10px;
margin-bottom: 15px;
}
.panelcontent ul {
margin-left: 18px;
margin-bottom:0;
}
.panelcontent .button {
border: 1px solid #D10928;
background: none;
color: #D10928;
text-transform: none;
border-radius: 5px;
padding: 0 40px;
margin-bottom: 0;
}
.teambutton {
margin-top: 25px;
}
.giangvienitem  {
box-shadow: 0px 3px 15px rgba(232, 122, 37, 0.75);
border-radius: 8px;
margin-top: 80px;
}
.giangvienitem .box {
margin: auto;
width: 120px;
background: #800315;
border-radius: 50%;
position: absolute;
margin-left: calc(50% - 60px);
margin-top: -60px;
}
.giangvienitem .box-image {
border-radius: 50%;
}
.giangvienitem .inner {
padding: 80px 20px 1px 20px;
}
.giangvienitem .inner .title {
font-size: 20px;
font-weight: bold;
text-align: center;
margin-bottom:0;
}
.giangvienitem .inner .subtitle {
text-align: center;
margin-bottom: 10px;
font-size: 90%;
}
.giangvienitem   {
height: 430px;
}
.subtabbed {
align-items: start;
}
.subtabbed .tab-panels {
border-left: none;
padding: 0 10px;
}
.subtabbed .panel {
background: #fff;
padding: 15px 15px 1px 15px;
border-radius: 8px;
}
.subtabbed .nav {
margin-bottom: 10px;
}
.subtabbed .nav > li {
transition: .5s;
border:none;
margin-bottom: 5px;
border-radius: 5px;
padding: 0;
margin: 0;
}
.subtabbed .nav > li:before {
content: '';
width: 10px;
height: 10px;
display: inline-block;
border:1px solid #fff;
border-radius: 50%;
margin-right: 8px;
}
.subtabbed .nav > li.active:before, .subtabbed .nav > li:hover:before {
background: #fff;
}
.subtabbed .nav > li > a {
color: #fff;
font-weight: normal;
font-size: 20px;
}
.subtabbed .nav > li.active a, .subtabbed .nav > li:hover a {
transition: .5s;
font-size: 32px;
margin-bottom: -10px;
margin-top: -10px;
font-weight: bold;
}
.subtabbed .title {
text-transform: uppercase;
color: #EA4524;
border-bottom: 1px solid;
padding-bottom: 5px;
margin-bottom:10px;
}
.luuy {
font-size: 90%;
color: #800315;
}
.wpcf7-spinner {
display: none;
}
.dangkythi {
padding: 20px 20px 1px 20px;
border-radius: 16px;
max-width: 500px;
}
.dangkythi .title {
font-size: 24px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 700;
}
.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output {
display: block;
border:none;
padding: 0;
}
.popupform {
padding: 20px 20px 1px 20px;
border-radius: 16px;
max-width: 500px;
}
.popupform .homebigtitle {
margin-bottom:0;
}
.popupform .homesmalltitle {
margin-bottom: 20px;
}
.popupform .wpcf7-submit {
margin-bottom: 0;
}
.gallery {}
.galleryitem i {
font-size: 60px;
color: #800315;
}
.gallerypopup {
background: none;
}
.gallerypopup .mb-half {
margin-bottom: 5px;
}
.gallerypopup .project-slider img {
border-radius: 16px;
}
.gallerypopup .product-thumbnails img {
border-radius: 8px;
}
.posttabs {
margin-top: 60px;
}
.posttabs .nav > li {
background: #800315;
border-radius: 8px;
padding: 0 20px;
}
.posttabs .nav > li > a {
color: #fff;
}
.posttabs .nav > li.active, .posttabs .nav > li:hover {
background: #800315;
}
.studyabroad {
padding-top: 60px;
}
.gladioimage {
border-radius: 10px;
box-shadow: 0px 3px 15px rgba(232, 122, 37, 0.75);
}
.gladioinner {
background: #fff;
padding: 15px 15px 1px 15px!important;
}
.gladioinner img {
border-radius: 10px;
}
.main .gladioinner h2 {
border-bottom: 1px solid #800315;
padding-bottom: 10px;
}
.child1 .gladioinner h2 {
border-bottom: 1px solid #800315;
padding-bottom: 10px;
color: #800315!important;
}
.child2 .gladioinner h2 {
border-bottom: 1px solid #D10928 ;
padding-bottom: 10px;
color: #D10928 !important;
}
.mega-pll-parent-menu-item .mega-sub-menu {
width: 40px!important;
text-align: center;
}
.pagetoc .col-inner {
box-shadow: 0px 3px 5px rgba(232, 122, 37, 0.75);
padding: 20px 20px 1px 20px;
border-radius: 10px;
margin-top: 30px;
}
.pagetoc .title {
text-transform: uppercase;
font-weight: 700;
border-bottom:1px dotted;
padding-bottom: 10px;
font-size: 20px;
}
.pagetoc ul li {
margin-bottom: 5px;
font-size: 110%;
color: #800315;
}
.pagetoc ul li a {
color: #800315;
}
.careerform .section {
padding-top: 0!important;
padding-bottom: 0!important;
}
.careerform form, .careerform .wpcf7-submit {
margin-bottom:0!important;
}
.bangtrinhdo .accordion-title {
padding-left: 15px;
}
.bangtrinhdo .toggle {
right: 0px;
left: auto;
}
.bangtrinhdo .accordion-inner {
padding: 15px 0 0 0;
}
.bangtrinhdo tr:first-child td:first-child {
border:0!important;
}
.bangtrinhdo tr td:first-child {
background: #ffeeb7;
padding: 10px!important;
}
.bangtrinhdo tr td {
background: #f3f5f8;
padding: 10px!important;
border-bottom:1px solid #fff!important;
}
.greyblock {
background: #800315;
height: 100px;
margin-top: 0px;
border-radius: 0 0px 10px 10px;
}
.customtitle {
position: relative;
font-weight: normal;
margin-top: 50px;
background: #fff;
padding: 25px;
border-radius: 0 10px 10px 0;
min-height: 120px;
display: flex;
align-content: center;
align-items: center;
}
.customtitle h1 {
font-weight: normal;
margin-bottom: 0;
color: #000;
font-size: 140%;
}
.customtitle span {
color: #000;
}
.desktitle {
margin-left: 30px!important;
border-radius: 10px;
margin-top: -150px;
}
.formnganhnghe {
margin-bottom: -25px;
margin-top: -10px;
}
.tablecautrucmb table tr:first-child td {
background: #800315;
color: #fff;
padding: 10px 15px;
font-weight: bold;
}
.tablecautrucmb table td {
padding: 10px 15px;
border-left: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
}
.tablecautrucmb table tr:nth-last-child(1) td {
background: #800315;
color: #fff;
font-weight: bold;
}
.blockcacnganh h4 {
color: #000;
font-weight: 500;
}
.button.primary {
background-color: #D10928;
border: none;
user-select: none;
cursor: pointer;
text-transform: uppercase;
transition: all 0.5s linear;
color: #fff;
border-radius: 8px!important;
}
.button.primary:hover, .wpcf7-submit:hover {
background-color:#1e183a;
border-radius: 8px!important;
scale: 1.1;
}
.button.primary::after, .wpcf7-submit::after {
content: '';
background: #D10928;
width: 0;
height: 100%;
position: absolute;
inset: 0;
transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
z-index: -1;   
border-radius: 8px;
}
.button.primary:hover::after, .wpf7-submit:hover:after {
width: 100%;
border-radius 8px;
}
form p {
text-align: center;
}
.deskboxtext h4 {
color: #fff;
}
.single-page .pageinner h2 {
color: #ED7A23!important;
}
.ft-toc-tit {
background: #f2f2f2!important;
}
.homechuongtrinh {
padding-top:60px;
padding-bottom: 60px;
}
.homechuongtrinh .col-inner {
background: #fff;
padding: 20px 20px 5px 20px;
border-radius: 10px;
}
.homechuongtrinh .button {
margin-bottom:0;
}
.homechuongtrinh .title {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.homechuongtrinh ul li, .homechuongtrinh ul {
margin-bottom: 0px;
}
.homechuongtrinh .image-cover, .homechuongtrinh .box-image {
border-radius: 10px;
}
.homechuongtrinh .hometitle {
color: #fff;
}
.hometuyendung {
background: #f9f9f9;
padding-top: 60px;
padding-bottom: 40px;
}
.hometuyendung ul {
margin-left:18px;
}
.programbtn {
border-radius: 5px;
text-transform: none;
}
@supports (-webkit-touch-callout: none) and (not (overflow: -moz-scrollbars-none)) {
.homebigtitle span {
background: linear-gradient(90deg, #D10928 0%, #800315 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
display: inline-block;
white-space: nowrap;
}
}
.wp-caption .wp-caption-text {
background: transparent;
}
.ft-toc-close {
display: none!important;
}
@media only screen and (max-width: 800px) { } .hometrainghiem {
padding: 60px 0 50px 0;
background: #f8f9fa;
overflow: hidden;
}
.swiper-trainghiem,
.swiper-trainghiem .swiper-wrapper {
overflow: visible !important;
}
.swiper-trainghiem .swiper-slide {
overflow: visible !important;
background: transparent !important;
background-color: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
} .swiper-slide-active .trainghiem-card .video-play-overlay {
opacity: 1 !important;
}
.swiper-trainghiem {
width: 100%;
padding: 60px 0 100px 0 !important;
}
.swiper-trainghiem .swiper-wrapper {
align-items: center;
} .swiper-trainghiem .swiper-slide.itemtrainghiem {
z-index: 1;
box-sizing: border-box;
}
.swiper-trainghiem .swiper-slide.itemtrainghiem .trainghiem-card {
transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s ease;
opacity: 0.45;
transform: scale(0.85) rotate(0deg);
transform-origin: center center;
} .swiper-trainghiem .swiper-slide.itemtrainghiem.swiper-slide-active {
z-index: 10;
}
.swiper-trainghiem .swiper-slide.itemtrainghiem.swiper-slide-active .trainghiem-card {
opacity: 1;
transform: scale(1.03) rotate(0deg);
} .swiper-trainghiem .swiper-slide.itemtrainghiem.swiper-slide-prev {
z-index: 5;
}
.swiper-trainghiem .swiper-slide.itemtrainghiem.swiper-slide-prev .trainghiem-card {
opacity: 0.85;
transform: scale(0.92) rotate(-15deg); } .swiper-trainghiem .swiper-slide.itemtrainghiem.swiper-slide-next {
z-index: 5;
}
.swiper-trainghiem .swiper-slide.itemtrainghiem.swiper-slide-next .trainghiem-card {
opacity: 0.85;
transform: scale(0.92) rotate(15deg); } .trainghiem-card {
background: #ffffff;
border-radius: 20px;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
border: 1px solid #eef2f5;
transition: box-shadow 0.3s ease;
}
.trainghiem-card:hover {
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
} .trainghiem-card .card-image-wrapper {
position: relative;
width: 100%;
padding-top: 56.25%; background: #eef2f5;
overflow: hidden;
}
.trainghiem-card .card-image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.trainghiem-card:hover .card-image-wrapper img {
transform: scale(1.05);
} .trainghiem-card .video-play-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.25);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
}
.trainghiem-card:hover .video-play-overlay {
opacity: 1;
}
.trainghiem-card .video-play-overlay .open-video {
width: 60px !important;
height: 60px !important;
background: #D10928 !important; color: #ffffff !important; border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
border: none !important;
padding: 0 !important;
transition: transform 0.2s ease, background-color 0.2s ease !important;
}
.trainghiem-card .video-play-overlay .open-video:hover {
transform: scale(1.1) !important;
background-color: #800315 !important; }
.trainghiem-card .video-play-overlay .open-video i {
color: #ffffff !important;
font-size: 20px !important;
}
.trainghiem-card .video-play-overlay .open-video img {
position: static !important;
width: 20px !important;
height: 20px !important;
object-fit: contain !important;
} .trainghiem-card .card-body {
padding: 15px 20px;
text-align: center;
background: #ffffff;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.trainghiem-card .card-title {
font-size: 20px;
font-weight: 700;
color: #0b2240;
margin-bottom: 12px;
line-height: 1.4;
font-family: 'Outfit', sans-serif;
}
.trainghiem-card .card-desc {
font-size: 15px;
color: #556880;
line-height: 1.6;
margin: 0;
font-family: 'Inter', sans-serif;
} .swiper-trainghiem .swiper-button-prev,
.swiper-trainghiem .swiper-button-next {
color: #D10928 !important; width: 50px;
height: 50px;
transition: transform 0.2s ease, opacity 0.2s ease;
background: transparent;
z-index: 15;
}
.swiper-trainghiem .swiper-button-prev:after {
content: '❮' !important;
font-family: Arial, sans-serif !important;
font-size: 38px !important;
font-weight: 900 !important;
}
.swiper-trainghiem .swiper-button-next:after {
content: '❯' !important;
font-family: Arial, sans-serif !important;
font-size: 38px !important;
font-weight: 900 !important;
}
.swiper-trainghiem .swiper-button-prev {
left: calc(50% - 17.86% - 45px);
}
.swiper-trainghiem .swiper-button-next {
right: calc(50% - 17.86% - 45px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.swiper-trainghiem .swiper-button-prev {
left: calc(50% - 20% - 33px) !important;
}
.swiper-trainghiem .swiper-button-next {
right: calc(50% - 20% - 33px) !important;
}
} .swiper-trainghiem .swiper-pagination {
position: absolute;
bottom: 20px !important;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.swiper-trainghiem .swiper-pagination-bullet {
width: 8px;
height: 8px;
background: #cbd5e1;
opacity: 1;
margin: 0 5px !important;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.swiper-trainghiem .swiper-pagination-bullet-active {
background: #D10928 !important; transform: scale(1.3);
} @media only screen and (max-width: 767px) {
.swiper-trainghiem .swiper-slide.itemtrainghiem.swiper-slide-prev .trainghiem-card {
transform: scale(0.92) rotate(-8deg);
}
.swiper-trainghiem .swiper-slide.itemtrainghiem.swiper-slide-next .trainghiem-card {
transform: scale(0.92) rotate(8deg);
}
.swiper-trainghiem .swiper-button-prev,
.swiper-trainghiem .swiper-button-next {
display: none !important; }
} .gladiohero {
position: relative;
background-size: cover !important;
background-position: center center !important;
width: 100%;
}
.gladiohero .heroinner, .vepctainner, .veptctainner {
width: 100%;
height: 100%;
padding: 100px 0;
background: linear-gradient(90deg, rgba(128, 3, 21, 0.95) 0%, rgba(209, 9, 40, 0.85) 45%, rgba(209, 9, 40, 0.2) 75%, rgba(209, 9, 40, 0) 100%);
}
.gladiohero .title {
font-family: 'SVN Gilroy Bold', sans-serif !important;
font-size: 42px;
line-height: 1.2;
margin-bottom: 20px;
color: #ffffff;
}
.gladiohero .content {
font-size: 18px;
line-height: 1.6;
margin-bottom: 30px;
color: rgba(255, 255, 255, 0.9);
}
.gladiohero .button.secondary {
border:1px solid #fff;
color: #fff;
}
.vepsection1 {
padding: 60px 0 50px 0;
}
.vepitem {
border:1px solid #fff;
}
.vepitem .icon {
margin-bottom: 15px;
}
.vepitem i {
color: #800315;
border:1px solid #800315;
border-radius: 5px;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
}
.vepitem:hover i {
color: #fff;
background: #800315;
}
.vepitem:hover {
border:1px solid #D10928;
}
.vepitem .title {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.veptimeline {
background: #f2f2f2;
padding: 60px 0 30px 0;
}
.veptimeline .homebigtitle {
margin-bottom: 10px;
}
.veptimeline .subcontent {
margin-bottom: 10px;
}
.veptimeline .number {
margin-bottom: 10px;
}
.veptimeline .number span {
background: #1494D2;
color:#fff;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
border-radius: 4px;
display: inline-block;
font-weight: bold;
}
.veptimeline .timeline:hover .number span {
background: #800315;
}
.veptimeline .timeline .title {
font-weight: bold;
margin-bottom: 10px;
}
.veptimeline .subtitle {
font-size: 95%;
}
.vepreasons {
padding: 60px 0 40px 0;
}
.vepreasons .homebigtitle {
margin-bottom: 10px;
}
.vepreasons .subcontent {
margin-bottom: 10px;
}
.vepreasons .icon {
font-size: 140%;
margin-bottom: 5px;
}
.vepreasons .title {
font-weight: bold;
margin-bottom: 10px;
}
.vepreasons .subtitle {
font-size: 95%;
margin-bottom: 0;
}
.vepfeedbacks {
padding-bottom: 40px;
}
.vepfeedback {
padding: 20px;
border-radius: 10px;
background: #fff;
}
.vepfeedback .avatar {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.vepfeedback .avatar .image {
width: 60px;
}
.vepfeedback .avatar .image .image-cover {
border: 1px solid #ccc;
}
.vepfeedback .avatar .info {
padding-left: 10px;
}
.vepfeedback .avatar .name {
font-weight: bold;
margin-bottom: 0px;
}
.vepfeedback .avatar .position {
margin-bottom: 0;
font-size: 85%;
}
.vepfeedback .avatar .content {
font-size: 90%;
}
.vepcta {
background: linear-gradient(0deg, #800315 0%, #D10928 100%);
padding: 80px 0 30px 0;
}
.vepcta ul {
margin-left: 18px;
}
.vepcta ul li {
margin-bottom: 5px;
}
.vepctainner {
background: #fff;
padding: 20px 20px 0px 20px;
border-radius: 10px;
}
.veppartners {
padding-top: 60px;
}
.horizonline {
margin: auto;
margin-bottom: 10px;
width: 120px;
height: 4px;
background: #800315;
border-radius: 99px;
}
.reasoninner {
display: flex;
align-items: end;
padding: 20px;
min-height: 250px;
}
.reasoninner.overlay {
background: linear-gradient(0deg, #1b283bc7, transparent 75%);
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(0deg, rgba(27, 40, 59, 0.78), transparent 75%);
border-radius: 10px;
}
.hocbongvep {
background: #f3f3f3;
padding: 60px 0;
margin-top: 20px;
}
.vepcontent p {
margin-bottom: 10px;
}
.vepcontent ul li {
margin-bottom: 5px;
font-size: 90%;
}
.vepcontent .title {
font-size: 120%;
font-weight: bold;
color: #D10928;
}
.hocbongslider .button {
width: 100%;
border-radius: 5px;
border:1px solid;
font-weight: normal;
text-transform: none;
}
.veptctainner {
padding: 70px 0 10px 0!important;
}
.vep-faqs {
padding: 60px 0 20px 0;
}
.vepaccordion .accordion-title {
border: none!important;
padding: 10px 15px;
}
.vepaccordion .accordion-title .toggle {
right: 0px;
left: auto;
}
.vepaccordion .accordion-inner {
padding: 15px;
text-align: justify;
}
.veptpopup {
max-width: 800px;
padding: 20px 20px 10px 20px;
border-radius: 10px;
}
.veptpopup .vepclose {
top: 0!important;
}
.veptpopup .title {
font-size: 120%;
font-weight: bold;
color: #800315;
}
.veptpopup p {
margin-bottom: 10px;
}
.veptpopup ul {
margin-left: 18px;
}
.veptpopup ul li {
font-size: 90%;
margin-bottom: 5px;
}
.contactinfo p {
margin-bottom: 5px!important;
}
.contactinfo p i {
color: #800315;
padding-right: 5px;
}
.contactinfo form, .contactinfo .wpcf7-submit {
margin-bottom: 0!important;
margin-right: 0!important;
} @media only screen and (max-width: 767px) {
.gladiohero .heroinner {
padding: 60px 15px;
background: linear-gradient(180deg, rgba(128, 3, 21, 0.95) 0%, rgba(209, 9, 40, 0.9) 70%, rgba(209, 9, 40, 0.8) 100%);
}
.gladiohero .title {
font-size: 28px;
}
.gladiohero .content {
font-size: 16px;
}
} .off-canvas-left .mfp-content,
.off-canvas-right .mfp-content,
.off-canvas .mfp-content {
--drawer-width: 100vw !important;
width: 100vw !important;
max-width: 100vw !important;
background: linear-gradient(135deg, #D10928 0%, #800315 100%) !important;
}
.mobile-sidebar,
.mobile-sidebar .sidebar-menu,
.mobile-sidebar .sidebar-menu-tabs,
.mobile-sidebar ul,
.mobile-sidebar li,
.mobile-sidebar li a {
background: transparent !important;
background-color: transparent !important;
} .mobile-sidebar,
.mobile-sidebar * {
text-transform: none !important;
}
.mobile-sidebar a,
.mobile-sidebar span,
.mobile-sidebar li,
.mobile-sidebar li a,
.mobile-sidebar .nav-sidebar li a,
.mobile-sidebar .sidebar-menu-tabs__tab-text,
.mobile-sidebar .sidebar-menu-tabs__tab-link,
.mobile-sidebar .nav-slide li a,
.mobile-sidebar .nav-slide li:not(.nav-slide-header) a,
.mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > a,
.mobile-sidebar-levels-1 .nav-slide > li > .sub-menu > li > a,
.mobile-sidebar .nav-slide-header,
.mobile-sidebar .nav-slide-header a,
.mobile-sidebar .nav-slide-header button,
.mobile-sidebar .nav-slide-header span {
color: #ffffff !important;
} .mobile-sidebar i,
.mobile-sidebar svg,
.mobile-sidebar .toggle,
.mobile-sidebar .icon-angle-right,
.mobile-sidebar .icon-angle-down {
color: #ffffff !important;
fill: #ffffff !important;
} .mobile-sidebar .nav-sidebar > li {
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.mobile-sidebar .nav-sidebar > li:last-child {
border-bottom: none !important;
}
.mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) {
border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
} .mobile-sidebar li a:hover,
.mobile-sidebar li.active > a,
.mobile-sidebar li.current-menu-item > a {
background-color: rgba(255, 255, 255, 0.1) !important;
color: #ffffff !important;
} .close-sidebar,
.close-sidebar *,
.mfp-close {
color: #ffffff !important;
fill: #ffffff !important;
} .wpcf7-response-output[aria-hidden="true"],
.wpcf7-response-output:empty {
display: none !important;
}