body{background-color: #fef8ef!important;font-family: "Open sans", sans-serif; font-size:14px}
a:link,a:active,a:hover,a:visited{color:black; background-color:transparent; text-decoration:none}
div.b {text-align:center}
div.y {text-align:center; font-size:13px}
div.t {display: flex;
  justify-content: space-between; padding-bottom:7px; padding-top:7px;}
table {margin-left: auto; margin-right: auto; max-width:1002px; padding-bottom:8px; padding-top:8px}
div.vms {text-align: justify; letter-spacing: 0.585em; text-justify: inter-word;}
div.arxw {text-align: justify; letter-spacing: 0.215em; text-justify: inter-word;}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;}
td:last-child {text-align: right;}
td.rigth {text-align: left;}
footer.x {text-align:center; font-size:12px}
.w3-half{float: left; width:49.99999%}
.w3-content{margin-left:auto;margin-right:auto;}
.w3-right-align{text-align:right!important}
.w3-padding-ARX{padding-top:69px!important;}
.w3-padding-ARXhor{padding-right:15px!important}
/* Colors */
.w3-ARXgrey,.w3-hover-ARXgrey:hover{color:#000!important;background-color:#9d9fa1!important}
.w3-ARXbeige,.w3-hover-ARXbeige:hover{color:#000!important;background-color:#fef8ef!important}
/* ARX */
.w3-hover-shadowARX:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 #e0bca4}
.ARX_img_balance {display: block; margin-left: auto;margin-right: auto;padding-bottom:8px; padding-top:8px}
.ARX_flex_container {display: flex; justify-content: space-between;}
/* ARX modal */
.w3-modal_ARX{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content_ARX{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}

/* ARX scrolltop */
.scroll-top{display:none;position:fixed;height:35px;width:34px;bottom:80px;right:30px;background-color:#fff;border-radius:50%;border:1px solid #e1e1e1;cursor:pointer;z-index:10;opacity:.9;transition:.1s ease-out}

.scroll-top-visible{display:flex}
.scroll-top_text{display:none;white-space:nowrap;text-transform:uppercase;font-size:.75em;padding:10px 0 0 16px;margin-right:20px;font-weight:500;overflow:hidden}
.scroll-top_icon{position:absolute;right:11px;bottom:9px}

.scroll-top:hover{width:126px;border-radius:25px;background-color:#e1e1e1;transition:width .2s ease-in}
.scroll-top:hover .scroll-top_text{display:block}

/* ARX overlay screen from overlay menu */

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: static;
  top: 20px;
  right: 45px;
  font-size: 40px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 20px;
  right: 45px;
  }
}
/* ARX overlay screen from overlay menu END*/

/* IMAGE ZOOM. Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 0px;
  cursor: zoom-in;
  transition: 0.3s;
}

#myImg:hover {box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 #e0bca4}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 40px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  /* overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  /*width: 100%;*/

  /*max-width: 1300px;*/
	height: 100%
max-height: 300px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: fixed;
  top: 7px;
  right: 200px;
  color: #f1f1f1;
  font-size: 60px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px)
{
  .modal-content {
    width: 100%;
  }
}#myImg {
}