html { 
  background: url(../images/steppe.svg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.navbar{border-bottom: 1px solid rgba(50, 50, 50, 0.33);box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.12);}
.navbar-container{padding: 0px 15px;}
.navbar-header {height: 100%;float: none;vertical-align: middle;}
.navbar-dephut {padding-left: 0px;margin-left: 0px;}
.v-center{
	height: 100%;
	float: none;
	vertical-align: middle;
	margin:3px 0px;
	padding-bottom:3px;
}
.navbar-brand, .navbar-brand.desktop,.navbar-brand.desktop:hover,.navbar-brand.desktop:focus,.navbar-brand.desktop:active{outline: none;font-size: 35px;}
.navbar-brand{
	margin-top: 3px;
	color: #007952;
	padding-left: 5px;
	letter-spacing: -0.09em;
}
.navbar-header img{width: 43px;height: 100%;}
.navbar-brand, .navbar-legal{margin-top: 3px;}
.navbar-legal img{width: 60px;height: 100%;}
.no-padding {padding-left: 0;padding-right: 0;}
.main-container{margin-top: 50px;background-color:transparent !important;}
.main-container::before,.main-container::after,.loginmain-container::before,.loginmain-container::after{background-color:transparent !important;}
.index-container{padding: 50px 15px;background-color:transparent !important;}
.center-container{display: table;position: absolute;height: 100%;width: 100%;margin-top: 50px;margin-left: auto;margin-right: auto;}
.container-pad15{padding: 0 15px;}
.container-pad0{padding: 0 !important;}
.full{min-height: 100%;height: 100%;}
.vertical-center{display: flex;flex-direction: row;}
.middle {display: table-cell;vertical-align: middle;}
.col-centered{margin: 0 auto;float: none;}
.transparan{background-color:transparent !important;}
.opacity-8{background-color: rgba(255, 255, 255, 0.8);}
.btn-text{line-height:1.42857;margin-bottom:0;padding: 8px 12px;text-align:center;vertical-align:middle;white-space:nowrap;float: left;position: relative;}
a.thumbnail{text-decoration:none}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover{background:#007952;border-color:#007952;color:#FFF;opacity: 0.6;filter: alpha(opacity=60);}
a.thumbnail h3{margin-top:5px;margin-bottom:5px}
a.hide-href:after { content: " ("attr(href) ") ";font-size: 90%;display:none; }
@media screen, print{.text-red{color: red !important;}}
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
.hovereffect .overlayed {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.hovereffect:hover .overlayed {
  background-color: rgba(170,170,170,0.4);
}
.hovereffect h2, .hovereffect img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.hovereffect img {
  display: block;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.hovereffect:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
}
.hovereffect a.info {display: inline-block;text-decoration: none;padding: 7px 14px;text-transform: uppercase;color: #fff;border: 1px solid #fff;margin: 50px 0 0 0;background-color: transparent;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;font-weight: normal;height: 85%;width: 85%;position: absolute;top: -20%;left: 8%;padding: 70px;
}
.hovereffect:hover a.info {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);background-color: rgba(0,0,0,0.4);}
.loadmask {z-index: 100;position: absolute;top:0;left:0;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);background-color: #CCC;width: 100%;height: 100%;zoom: 1;}
.loadmask-msg {z-index: 20001;position: absolute;top: 0;left: 0;border:1px solid #6593cf;background: #c3daf9;padding:2px;}
.loadmask-msg div {
    padding:5px 10px 5px 25px;
    background: #fbfbfb url('data:image/gif;base64,R0lGODlhEAAQALMMAKqooJGOhp2bk7e1rZ2bkre1rJCPhqqon8PBudDOxXd1bISCef///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAAMACwAAAAAEAAQAAAET5DJyYyhmAZ7sxQEs1nMsmACGJKmSaVEOLXnK1PuBADepCiMg/DQ+/2GRI8RKOxJfpTCIJNIYArS6aRajWYZCASDa41Ow+Fx2YMWOyfpTAQAIfkEBQAADAAsAAAAABAAEAAABE6QyckEoZgKe7MEQMUxhoEd6FFdQWlOqTq15SlT9VQM3rQsjMKO5/n9hANixgjc9SQ/CgKRUSgw0ynFapVmGYkEg3v1gsPibg8tfk7CnggAIfkEBQAADAAsAAAAABAAEAAABE2QycnOoZjaA/IsRWV1goCBoMiUJTW8A0XMBPZmM4Ug3hQEjN2uZygahDyP0RBMEpmTRCKzWGCkUkq1SsFOFQrG1tr9gsPc3jnco4A9EQAh+QQFAAAMACwAAAAAEAAQAAAETpDJyUqhmFqbJ0LMIA7McWDfF5LmAVApOLUvLFMmlSTdJAiM3a73+wl5HYKSEET2lBSFIhMIYKRSimFriGIZiwWD2/WCw+Jt7xxeU9qZCAAh+QQFAAAMACwAAAAAEAAQAAAETZDJyRCimFqbZ0rVxgwF9n3hSJbeSQ2rCWIkpSjddBzMfee7nQ/XCfJ+OQYAQFksMgQBxumkEKLSCfVpMDCugqyW2w18xZmuwZycdDsRACH5BAUAAAwALAAAAAAQABAAAARNkMnJUqKYWpunUtXGIAj2feFIlt5JrWybkdSydNNQMLaND7pC79YBFnY+HENHMRgyhwPGaQhQotGm00oQMLBSLYPQ9QIASrLAq5x0OxEAIfkEBQAADAAsAAAAABAAEAAABE2QycmUopham+da1cYkCfZ94UiW3kmtbJuRlGF0E4Iwto3rut6tA9wFAjiJjkIgZAYDTLNJgUIpgqyAcTgwCuACJssAdL3gpLmbpLAzEQA7') no-repeat 5px 5px;
    line-height: 16px;
	border:1px solid #a3bad9;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
}
.masked {overflow: hidden !important;}
.masked-relative {position: relative !important;}
.masked-hidden {visibility: hidden !important;}