@import 'marquee.css';
/**/
:root {
  --main-color-red:211;
  --main-color-green:191;
  --main-color-blue: 131;
  --main-color:rgb(var(--main-color-red),
  var(--main-color-green),
  var(--main-color-blue));
  --primary-opacity: 0.9;
  --secondary-opacity: 0.7;
  --info-opacity: 0.6;
  --stroke-color: #8e8e8e;
  --stroke-width-number: 0.8;
  --stroke-width-pixel: calc(var(--stroke-width-number) * 1px);
  --stroke-width-pixel-negative: calc(var(--stroke-width-number) * 1px *-1);
  --main-color-primary:rgba(var(--main-color-red),
  var(--main-color-green),
  var(--main-color-blue),
  var(--primary-opacity));
  --main-color-secondary:rgba(var(--main-color-red),
  var(--main-color-green),
  var(--main-color-blue),
  var(--secondary-opacity));
  --main-color-info:rgba(var(--main-color-red),
  var(--main-color-green),
  var(--main-color-blue),
  var(--info-opacity));
  --address-padding-number: 5;
  --address-padding: calc(var(--address-padding-number) * 1px);
  --stroke: var(--stroke-width-pixel-negative) var(--stroke-width-pixel-negative) 0 var(--stroke-color),  
     var(--stroke-width-pixel) var(--stroke-width-pixel-negative) 0 var(--stroke-color),
     var(--stroke-width-pixel-negative) var(--stroke-width-pixel) 0 var(--stroke-color),
     var(--stroke-width-pixel)  var(--stroke-width-pixel) 0 var(--stroke-color);
}
html,
body {
  scroll-behavior: smooth;
  scrollbar-width: thin;
}
/*@media only screen and (min-width: 766px) {
  .container-fluid:not(.bg-primary),
  address {
    position: relative;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
  }
  .container-fluid:not(.bg-primary) {
    transform: translate(-50%, 15%);
  }
}*/

.address-wrapper{
  height: 100%;
}
.bg-primary-ud{
  background-color: var(--main-color-primary);
  text-shadow: var(--stroke);
}

.bg-info-ud{
  background-color: var(--main-color-info);
  text-shadow: var(--stroke);
}

.address-wrapper,address {
  *border: 1px solid #ddd;
  position: relative;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}
address {
  padding: var(--address-padding);
  border: 1px solid #ddd;
  *min-height: 35vh;
  line-height: 1.3em;
}
.left,
.right {
  position: relative;
  bottom: calc(6ex - var(--address-padding-number) * 1px);
  height: 6ex;
  width: 30%;
}
.left{
  left: calc(var(--address-padding-number) * -1px);
  clip-path: polygon(0 0, 100% 100%, 0 100%);
  float: left;
  shape-outside: polygon(0 0, 100% 100%, 0 100%);
}
.right {
  right: calc(var(--address-padding-number) * -1px);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  float: right;
  shape-outside: polygon(100% 0, 100% 100%, 0 100%);
}
/*
.primary,.info,address:not(a){
  color: #242424 !important;
}
.primary{
   background-color: var(--main-color-primary);
}
.info{
  background-color: var(--main-color-info);

}*/