*:focus-visible {
	border:3px solid black !important;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	color: #fff;
    background-color: #006600;
}

body {
    font-family: "Tahoma",Arial,sans-serif;
    font-size: 14px !important;
    font-weight: 400;
}

body .caption{
    font-size: 14px !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Kanit";
}

#effect-2 figure .img-hover {
	background-color: #006600;	
}

#effect-2 figure .img-hover h4 {
    vertical-align: top;
	font-size: 0.9em;
	line-height: 1.1em;
}

figure h4 {
	font-weight: 400 !important;
}
/* CSS */
			.font-size-1{font-size: 1.5em !important;}
			.font-size-2{font-size: 1.7em !important;}
			.font-size-3{font-size: 2.0em !important;}
			div.font-size-1-button{height: 30px;font-size: 10pt;}
			div.font-size-2-button{height: 40px;font-size: 14pt;}
			div.font-size-3-button{height: 50px;font-size: 18pt;}
			div.font-size-1-button:before{content: "ก"; }
			div.font-size-2-button:before{content: "ก"; }
			div.font-size-3-button:before{content: "ก"; }
			div.font-size-1-button, div.font-size-2-button, div.font-size-3-button{
				padding: 5px; 
				cursor: pointer; 
				border-radius: 8px !important; 
				border: 0px; 
				background-color: #dfdddd; 
				font-weight: bold;
				display: inline-block;
				text-align: center;
			}
			div.font-size-1-button:hover, div.font-size-2-button:hover, div.font-size-3-button:hover, div.font-size-1-button:focus, div.font-size-2-button:focus, div.font-size-3-button:focus{background-color: #555555; color: #ffffff; border: 0px;}
			div.font-size-button-group{position: fixed; top: 80px; left: 10px; z-index: 1111 !important; opacity: 0.85; font-size: 10pt !important;}
			div.font-size-button-group:before{content: 'ขนาดตัวอักษร';}
#header {
    background: url(../img/headers/header-mountain.png) no-repeat;
    background-size: 100%;
    min-height: 500px;
    min-width: 540px;
    padding-top: 0px;
    padding: 10px 0px;
}

.header .topbar ul.loginbar > li > a, .header .topbar ul.loginbar > li > a:hover {
    text-transform: none;
}

#header img{
    width: 100%;
}

#header-green {
    /*background: url(../img/headers/header-green.png) no-repeat;*/
    /*    background: url(../img/headers/full-waterfall-image-for-laptop.jpeg) no-repeat;*/
    background-size: 100%;
    min-height: 0px;
    min-width: 1500px;
    padding-top: 0px;
}

.modal-dialog {
    margin: 150px auto;
}

.wrapper-bg {
    /*background: url(../img/headers/header-mountain.png);*/
    background-color: #6aa84f;
}

.header-fixed .header-v2.header-fixed-shrink .navbar-brand img {
    width: 40%;
    margin-top: -11px;
}

.block-level-v2, .contacts {
    background: none repeat scroll 0 0 #fff;
    border-top: 1px solid #eee;
    padding: 30px 0;
    position: relative;
	
}

/*.btn .bg-no-color{
    background-color: rgba(0, 0, 255, 0);
}*/
.no-background{
    background-color: rgba(0, 0, 255, 0) !important;
    background: rgba(0, 0, 255, 0) !important;
}

@media (min-width: 768px) {
    .header .container > .navbar-header, .header .container-fluid > .navbar-header, .header .container > .navbar-collapse, .header .container-fluid > .navbar-collapse {
        margin-bottom: -40px;
    }
}


.header-fixed .header.header-fixed-shrink .navbar-brand {
    top: 35px;
}

.header-fixed .header.header-fixed-shrink .navbar-brand img {
    width: 60px;
}

.header .navbar-brand {
    /*    z-index: 1;
        height: 100%;
        position: relative;
        padding: 0px 10px 10px;*/
    top: -35px;
}

.center-icon {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #eee;
    color: #585f69;
    font-size: 23px;
    left: 50%;
    margin: 0 10px 0 -22px;
    min-width: 45px;
    padding: 10px 5px;
    position: absolute;
    text-align: center;
    top: -22px;
}

.parallax-team {
    background: url("../img/bg/20.jpg") repeat fixed 50% 0 rgba(0, 0, 0, 0);
}


@media (max-width: 768px) {
    #logo-header{
        width: 50px;
        margin-top: -10px;
    }
}


.top-grid-head-icon {
    position: absolute;
    background: none repeat scroll 0% 0% #6aa84f;
    height: 80px;
    width: 80px;
    display: block;
    top: -40px;
    left: 36%;
    border-radius: 30em !important;
    border: 10px solid #FFF;
}

.top-grid-head-icon span {
    height: 40px;
    width: 40px;
    /*background: url("../images/cam-icon.png") no-repeat scroll 0% 0% transparent;*/
    margin: 21px;
    display: block;
}

.top-grid-head-icon > span > .icon {
    color: #FFF;
    font-size: 23px;
    left: 50%;
    margin: 0px 10px 0px -22px;
    min-width: 45px;
    padding: 10px 5px;
    position: absolute;
    text-align: center;
    top: 8px;
}

.flexslider {
    margin: 0px 0px 50px;
    border: 0px;
    position: relative;
    border-radius: 4px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

#canvas-holder{
    margin-top: -25px;
}

.pie-legend li span {
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-right: 5px;
}
.pie-legend {
    list-style: none;    
}

#information .simple-block img {
    height: 150px;
    overflow: hidden;
}


.alert-danger p, .alert-danger li, .alert-danger li a {
    color: #A94442;
}

.alert-success p, .alert-success li, .alert-success li a {
    color: #11780B;
}

.alert-custom p, .alert-custom li, .alert-custom li a {
    color:#474747;
    background-color:#D9EDF7 ;
} 


.error-box ul li{
    border-left-color: #CE4844 !important;
}

.error-box ul li {
    color: #CE4844;
    font-size: 1em !important;
}

.error-box ul li{
    padding: 10px;
    margin-top: 10px;
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    border-color: #EEE;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 3px;
}

.cursor-pointer{
    cursor: pointer;
}

.header .topbar ul.languages {
    min-width: 150px;
}

.header .topbar ul.languages li a {
    font-size: 12px;
}

.star:before{
    content: "* ";
    color: #d2322d;
}

.text-red{
    color: #a94442;
}

img.center {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0px !important;
}

.short-height.clients-page {
    margin-top: 10px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #EEE;
}


[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

@media only screen and (min-width: 992px) {
/* 	.col-sm-6 {
		width: 24% !important;
		margin: auto !important;
	} */
}