﻿/* ##################################### */
/* ### change theme color ###*/
/*
img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
html {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	  height:100%;
}
 */
/* ##################################### */

.top-bar.solid-bg {
	color: #626c84;
	background: #eeeeee;
}
@media (min-width: 992px) and (max-width:1199px) {
	.header_bg {
		background-position: top right;
		background-size: auto 150px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.header_bg {
		background-position: top left;
		background-size: auto 150px;
	}
}
@media (max-width: 767px) {
	.header_bg {
		background: none;
	}
}

.logo .logo-wrapper h1 {
	font-size: 1.2em;
	font-weight: 700;
}
.site-top .input-group>.form-control:not(:last-child) {
	background-color:#ffffff;
}
.copyright {
	color: rgba(255, 255, 255, 1);
	background-color: #9d52da;
}
.footer .footer-social ul li a {
	color: #fff !important;
}
.footer .footer-social ul li a:hover {
	color: #323232 !important;
}
.footer .footer1 {
	padding-bottom: 0;
}
/*.footer .footer2 , .footer .footer2:before {*/
.footer .footer1 , .footer .footer1:before {
	background-position: center bottom;
}
/*.footer .footer2 {*/
.footer .footer1 {
	background-image: url(../images/footers/footer-bg-1-r-x.png);
	background-repeat: repeat-x;
	padding-bottom: 230px;
	position: relative;
}
@media all and (min-width: 768px) {
	.footer .footer1 {
		padding-bottom: 80px;
	}
}
/*.footer .footer2:before {*/
.footer .footer1:before {
	background-image: url(../images/footers/footer-bg-1.png);
	background-repeat: no-repeat;
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
    left: 0;
    bottom: 0;
}
.footer .address-info span.fa {
	color: #ffffff;
	background-color: #6c2e9f;
}
.icon-cycle .fa, .icon-cycle .fab {
	background: rgba(152, 0, 251, 0.8);
}
.footer-margin-top-extra {
	margin-top: 40px;
}
.footer-margin-top-extra .footer-social-link,.footer-margin-top-extra .footer-logo {
	/*margin-top: -67px;*/
}
.owl-carousel .owl-item{
    margin-right: 0px;
}
.fadein1,.fadein2,.fadein3 { position:relative; height:250px; width:350px;overflow: hidden;left:50%;margin-left:-171px; }
.fadein1 .item,.fadein2 .item,.fadein3 .item { position:absolute; left:0; top:0; }
    .me{
        height: 440px;
        margin-bottom: 15px;
    }
.popup-gallery .item .blog-2{
    height: 300px!important;
    overflow: hidden;
}
/*NAVBAR*/
.site-navigation.navigation.navdown {
    height: 45px;
}
.site-navigation.navdown ul.navbar-nav > li > .nav-link {
min-height: 45px;
}
ul.navbar-nav > li > .nav-link{
padding: 1.07em 0;
}

/*menu right*/
.mnu .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: rgba(0, 0, 0, 0.0) !important;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.0);
    border-radius: 0.25rem;
}

.mnu .card .list-group-item{
  background:none;
  padding:0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.175) !important;
  padding:10px 0 10px 0;
}
.mnu .card .list-group-item .list-group-item{
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.175);
  border-top: 1px solid rgba(0, 0, 0, 0.175);
}
.mnu .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 5px 0px 2px 10px;
}
 @media (min-width: 767px) {
.logo-area {
    padding-bottom: 50px;
}
}
@media (max-width: 478px) and (min-width: 320px){
.header .container .row {
    padding-bottom: 20px;
}
}

.page-title h1 {
    font-size: 1.7em;
}

.banner-slider-3 .owl-carousel .owl-nav span {
    background-color: rgb(0,0,0,0.05);
}
.banner-slider-3 .owl-carousel .owl-nav span:hover {
    background-color: rgb(0,0,0,1);
}

.banner-slider-3 .owl-carousel .owl-nav .owl-next, .banner-slider-3 .owl-carousel .owl-nav .owl-prev {
    top: 36%;
}

.owl-carousel .owl-nav .owl-prev {
left:-40px;
}
.owl-carousel .owl-nav .owl-next {
right:-40px;
}

#widget-status .title, #widget-status .number {
    margin-right: 5px;
}

.frontpage-e-mag .owl-carousel .owl-nav .owl-prev{
	left:0px;
}
.frontpage-e-mag .owl-carousel .owl-nav .owl-next{
	right:0px;
}
#section-labor-market .btn-outline-secondary{
background-color:#fff;
}
#section-labor-market .btn-outline-secondary:hover{
background-color:#000;
}
/*gallery*/
.mygal .owl-carousel .owl-item img {
    height: 150px;
}
.stat-widget .fa {
    background-color: #ad33fc !important;
    color: #fff !important;
}
.stat-widget .fa:hover {
    background-color: #791ec3 !important;
}
.kanit{
        font-family: 'Kanit', sans-serif;
}
.control-label{
    font-size: 1.4em;
    margin-top: 4px;
}

/*table with scroll*/
.table-fixed thead {
  width: 97%;
}
.table-fixed tbody {
    height: 280px;       /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}
.table-fixed thead,.table-fixed tbody{
    display: block;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	color:#000;
}
.table-fixed thead {
    width: 100%;
    padding-right: 20px;
    background-color: #791ec3;
    border-top: 1px solid #fff;
}
.table-fixed thead tr {
    width: 100%;
    display: table;
}
.table-fixed thead tr th {
    border: 0;
}
/*MOL www CSS*/
.archive .blog-entry .entry-image img {
    width: 100%;
}
.home div#newsTabContent .blog-image img {
    width: 100%;
}
/*fix w size banner 33*/
.banner-slider-3 .owl-carousel{
      width:70%;
      margin-left:15%;
}
.banner-slider-3 .owl-carousel .item {
      width:100%;
}
/*main-slider*/
#main-slider .owl-carousel .owl-nav .owl-prev{
left: 20px;
}
#main-slider .owl-carousel .owl-nav .owl-next {
    right: 20px;
}
#main-slider .owl-carousel .owl-nav span {
    /*background-color: rgb(60,15,97,0.64);*/
	background-color: rgb(146,72,206,0.64);
}
#main-slider .owl-carousel .owl-nav span:hover {
    background-color: rgb(0,0,0,1);
}
#main-slider .owl-nav button span {
    font-size: 1.7em;
    width: 1.7em;
    height: 1.7em;
    line-height: 1.7em;
}


/* Sine - 7th Feb 2020 */
.home div#newsTabContent .blog-image.image-crop-h150 {
    display: flex;
    overflow: hidden;
    height: 150px;
    justify-content: center;
    align-items: center;
    background-color: #e2e2e2;
}
.home div#newsTabContent .blog-image.image-crop-h150 img {
    width: auto;
    height: 100%;
}
.archive .blog-entry .entry-image {
    height: 160px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e2e2e2;
}
.archive .blog-entry .entry-image img {
    width: auto;
    height: 100%;
    min-height: unset;
}

@media all and (max-width: 1199px) {
	.home div#newsTabContent .blog-image.image-crop-h150 {
	    height: 120px;
	}
	.archive .blog-entry .entry-image {
	    height: 130px;
	}
}
@media all and (max-width: 767px) {
	.home div#newsTabContent .blog-image.image-crop-h150 {
	    height: unset;
	    max-height: none;
	}
	.home div#newsTabContent .blog-image.image-crop-h150 img {
	    width: auto;
	    height: 250px;
	}
	.archive .blog-entry .entry-image {
	    height: 95px;
	}
}
@media all and (max-width: 575px) {
	.archive .blog-entry .entry-image img {
	    height: auto;
	}
	.archive .blog-entry .entry-image {
	    height: unset;
	}
}
@media all and (max-width: 425px) {
	.home div#newsTabContent .blog-image.image-crop-h150 img {
	    max-width: 100%;
	    width: auto;
	    height: auto;
	}
}
/* Sine - 7th Feb 2020 */


/* Sine - 18th Feb 2020 */
.home .blog-entry .entry-image img {
    width: auto !important;
    height: 100%;
}
.home .blog-entry .entry-image.image-crop-h300 {
    display: flex;
    overflow: hidden;
    height: 300px;
    justify-content: center;
    align-items: center;
    background-color: #e2e2e2;
}
/* Sine - 18th Feb 2020 */


/* Sine - 9th Mar 2020 */
.home div#newsTabContent [class*="image-crop"] {
    background-color: #e2e2e2;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.home div#newsTabContent [class*="image-crop"] img {
    opacity: 0;
}
/* Sine - 9th Mar 2020 */

/*for contact template*/
.row.equal{
  display: table;
  width: 104%;
    padding-right: 0px;
}
.contact-3 .row.equal .contact-add
{
display: table-cell;
width:33%;
text-align: center;
}
@media (max-width: 767px) {
    .row.equal{
      display:flex;
    }
    .contact-3 .row.equal .contact-add{
    display: flex;
    width:100%;
    }
    .contact-3 .row.equal .contact-add .text-center{
    width: 100%;
    }
}

.frontpage-e-mag .section-title .title{
  min-height:65px;
}