/* MZ Styles */
html, body {
	font-size: 18px;
    height: 100%;
    font-family: "Calibri", Verdana Geneva, sans-serif;
    line-height: 1.4;
    color: #212529; 
}


a:link {color: #222222; font-weight: bold;text-decoration: none;}
a:visited {color: #222222;}
a:hover {color: #cccccc; transition: 0.31s; text-decoration: none; }

a.white:link {color: #fff; font-weight: bold;text-decoration: none;}
a.white:visited {color: #fff;}
a.white:hover {color: #ccc; transition: 0.31s; text-decoration: none; }


.jarallax {
  position: relative;
  z-index: 0;
}
.jarallax > .jarallax-img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.goInVisible { visibility: hidden; }


.sticky-content { display: none; position: fixed; top: 0px; left: 0px;  vertical-align: middle; padding-top: 5px;}
.stick-design { display: block; position: fixed; top: 0px; left: 0px; background-color: white;}

/* SIZE DEPENDENT VC */
.cbox { background-color: #323232; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); min-height: 200px; position: absolute; z-index: 666!important; width: 100%; color: white;
box-shadow: 3px 3px 3px #cccccc; color: white; text-align: center;
}
@media (min-width: 576px) {
.cbox { background-color: #323232; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); min-height: 200px; position: absolute; z-index: 666!important; width: 100%; color: white;
box-shadow: 3px 3px 3px #cccccc; color: white; text-align: center;
}
}
@media (min-width: 768px) { 
.cbox { background-color: #323232; clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%); min-height: 200px; margin-top: 1em; position: absolute; z-index: 666!important; width: 100%; color: white;
box-shadow: 3px 3px 3px #cccccc; color: white;
}
@media (min-width: 992px) {  
.cbox { background-color: #323232; clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%); min-height: 200px; margin-top: 1em; position: absolute; z-index: 666!important; width: 100%; color: white;
box-shadow: 3px 3px 3px #cccccc; color: white;
}