:root{
  --gwscolor: #4CAF50 !important
}
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
html,body{font-family: 'Ubuntu', sans-serif;}
/**/

strong{font-weight: bold}
.w100{ width: 100% !important }
.dynamic-content:empty{
  width: 100%;
  height: 30px;
  display: block;
  background: -webkit-gradient(linear, left top, right top, from(var(--gwscolor)), to(#e0e0e0 ));
  background: -webkit-linear-gradient(left, var(--gwscolor), #e0e0e0 );
  background: -o-linear-gradient(left, var(--gwscolor), #e0e0e0 );
  background: linear-gradient(90deg, var(--gwscolor), #e0e0e0 );
  -webkit-animation: animgradient 2s ease infinite;
  animation: animgradient 2s ease infinite;
  background-size: 400% 400%;
  clear: both;
  border-radius: 100px;
}
.dynamic-content:empty::before{
  content: "Loading data";
  color:#ffffff;
  font-weight: bold;
  line-height: 2;
  display: block;
  width:100%;
  text-align: center;
}

@-webkit-keyframes animgradient {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;} 
}

body.isloading,
.isloading:not(body) {
  pointer-events: none;
}
.isloading:not(body) > * {
  -webkit-filter: blur(2px);
  filter: blur(2px);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.isloading:not(body)::before,
body.isloading .oversite {
  content: '';
  display: block;
  position: fixed;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.61);
  background-image: url("../img/icon_gws.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15%;
  z-index: 99999;
  pointer-events: none;
}
.isloading:not(body)::before:not(body),
body.isloading .oversite:not(body){
  position: relative;
}
.isloading:not(body)::before:not(body)::before,
body.isloading .oversite:not(body)::before {
  position: absolute;
}
body.isloading > *:not(.oversite) {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}

/**/
.btn,
.btn-large,
.gwscolor{
	background: var(--gwscolor) !important
}
.gwstext{
	color: var(--gwscolor) !important
}
.card .card-action a{
    color: #fff !important;
}
.box-path{
-webkit-clip-path: polygon(0 0, 100% 19%, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 19%, 100% 100%, 0% 100%);
}
footer .input-field label {
    color: var(--gwscolor) !important
}
footer input, footer textarea {
    color: #fff;
}
/*kai*/
.blur{
  -webkit-filter: blur(8px);
  -moz-filter: blur(8px);
  -o-filter: blur(8px);
  filter: blur(8px);
}
.animthis{
  -webkit-transition: all .3s linear;
   -moz-transition: all .3s linear;
        transition: all .3s linear;
}
.image_wrapper{
	width: 100%;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
  background-position: center center;
}
hr.clear{
  clear:both;
  border:none;
}
.card-title{
  font-size: 1rem;
  padding: 5px 8px;
  font-weight: bold !important;
  color: #ffffff;
  background: var(--gwscolor) !important;
}
.minheight {height: 196px;display: block;overflow: hidden;}
.fz-1{font-size: .8em !important}
.fz-2{font-size: 1.3em !important}
.fz-3{font-size: 1.8em !important}
.padding-0{padding: 0 !important}
.margin-0{margin: 0 !important}
.relative{position: relative !important;}
.zz > article.col:nth-child(even) div.card-content > div.col{float: right !important;}
.zz > article.col:nth-child(odd) div.card-content  a{float:right !important;}
.zz > article.col:nth-child(even) div.card-content  a{float:left: !important;}
.trucate{
   overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
}
.truncate{
   overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
}
.brand-logo{
  top: 0;
  bottom: 0;
  background: url(../img/logo_gws_full.svg);
  height: 100%;
  width: 240px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.fa-facebook-square{color:;}
.navbar-fixed nav{
  transition: top .2s ease;
}
.navbar-fixed.IsScrolling nav{top:0;}
.navbar-fixed.IsStoped nav{top:35px;}
.navbar-fixed.IsStoped .brand-logo{transform: scale(1.5);}
.navbar-fixed.IsScrolling .brand-logo{transform: scale(1);}
.round-btn{
  border-radius: 100px;
    padding: 0 .95rem;
}
.floatbtn{
  border-radius: 100px;
    padding: 0 .95rem;
    vertical-align: middle;
    position: absolute;
    /*right: 0;*/
    bottom: 0;
    margin: .95rem;
}
.animatesearch{
  width: 42px;
  border-radius: 100px;
  overflow: hidden;
}
.animatesearch.open{
  width: 300px;
  border-radius: 24px 0 0 24px;
}
/*unic*/
#slider{
  border-bottom: 6px solid var(--gwscolor);
}
.modal {
  width: 90vw !important;
  max-height: 90vh !important;
  top: 1% !important;
}
/*materialize edited*/
nav ul li {
  border: 1px solid #d4d4d4;
  border-top: none;
  border-bottom: none;
}
.tabs .tab a {
    color: #c7c7c7;
  }
.tab a.active {
    color: var(--gwscolor) !important;
}
.carousel .indicators .indicator-item.active {
    background-color: var(--gwscolor)!important;
}
.carousel .indicators .indicator-item {
    background-color: #c7c7c7 !important;
}
.tabs .indicator {
    background-color: var(--gwscolor)!important;
}
#sidenav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 120vh;
    background-color: rgba(0,0,0,0.5);
    z-index: 996;
    will-change: opacity;
}
.slider .slides li img {
    height: 100%;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.slider .slides {
    background-color: #ffffff;
}
.btn, .btn-large, .btn-flat {text-transform: none;}
.container{width: 90% !important}
.row{margin-bottom: 0 !important;padding-bottom: 20px;}
footer.page-footer {margin-top:0 !important }
input:not([type]):focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
    color: #BBBBBB;
}

input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #BBBBBB;
    box-shadow: 0 1px 0 0 #BBBBBB;
}
/* label color */
.input-field label {
 color: #000;
}
/* label focus color */
.input-field input[type=text]:focus + label {
 color: #000;
}
/* label underline focus color */
.input-field input[type=text]:focus {
 border-bottom: 1px solid #000;
 box-shadow: 0 1px 0 0 #000;
}
/* valid color */
.input-field input[type=text].valid {
 border-bottom: 1px solid #000;
 box-shadow: 0 1px 0 0 #000;
}
/* invalid color */
.input-field input[type=text].invalid {
 border-bottom: 1px solid #000;
 box-shadow: 0 1px 0 0 #000;
}
/* icon prefix focus color */
.input-field .prefix.active {
 color: #000;
}

.collapsible-header {
    display: block;/*?*/
    cursor: pointer;
    min-height: 3rem;
    line-height: 3rem;
    padding: 0 1rem;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.parallax-container {
    border-bottom: 5px solid var(--gwscolor);
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly])
{
  border-bottom: 1px solid var(--gwscolor);
  -webkit-box-shadow: 0 1px 0 0 var(--gwscolor);
  box-shadow: 0 1px 0 0 var(--gwscolor);
}
/**/
.htmlreset strong{
  font-weight: bold !important;
}
.htmlreset ul{
  padding: 0 0 0 40px;
}
.htmlreset li{
  list-style: disc !important;
}

.relative{ position: relative; }
.bgimage{ 
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  transition: all .5s;
  background-size: 100%
}
.bgimage:hover{ 
  transition: all .5s;
  background-size: 120%
}
.bgimage .bgimage-text{
  margin: 0;
  position:absolute; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(23,53,24,.75);
  color: #ffffff;
  padding: 60px 20px 0 20px;
  text-align: left;
  font-size: 2.3em
}
.owl-nav{
  z-index: 999;
  position: absolute;
  top: 70%;
  left: 0;
  width: 100%;
  font-size: 3em;
}
.owl-prev,
.owl-next{
  border-radius: 100px !important;
  width: 30px;
  height: 30px;
  background-color: var(--gwscolor) !important;
  display: block;
}
.owl-prev::before,
.owl-next::before{
  font-family: 'FontAwesome';
  font-size: 20px;
  display: block;
  color: #ffffff;
}

.owl-prev::before{content: '\f0d9';}
.owl-next::before{content: '\f0da';}

.owl-prev span,
.owl-next span{
  display: none !important;
}

.owl-prev{
  float: left;
}
.owl-next{
  float: right;
}


.animated-bg {
  background-image: linear-gradient(
    135deg, #48BD8E, #4CC773, #4CAF50, #4CC773, #48BD8E
  );
  background-size: 600%;
  background-position: 0 0;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: animgradient;
}

.animated-bg-transparent {
  background-image: linear-gradient(
    135deg, #48BD8E1c, #4CC7731c, #4CAF501c, #4CC7731c, #48BD8E1c
  );
  background-size: 600%;
  background-position: 0 0;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-name: animgradient;
}

@keyframes animgradient {
  0% {
    background-position: 0 0;
  }
  25% {
    background-position: 50% 0;
  }
  50% {
    background-position: 90% 0;
  }
  60% {
    background-position: 60%;
  }
  75% {
    background-position: 40%;
  }
  100% {
    background-position: 0 0;
  }
}