* {
   transition:all .2s linear; 
   zoom:1;
   box-sizing: border-box;
}

html {
  background-attachment:fixed;
  background-size:cover;
  font-family: "Open Sans","Helvetica","Arial",sans-serif;
}
body {
  font-size:0px;
  position:relative;
}



.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12 {
  display:inline-block;
  vertical-align:top;
  box-sizing:border-box;
}
.w12 {
  width:100%;
}
.w11 {
  width:91.6%;
}
.w10 {
  width:83.3%;
}
.w9 {
  width:75%;
}
.w8 {
  width:66.6%;
}
.w7 {
  width:58.3%;
}
.w6 {
  width:50%;
}
.w5 {
  width:41.6%;
}
.w4 {
  width:33.3%;
}
.w3 {
  width:24.9%;  
}
.w2 {
  width:16.6%;
}
.w1 {
  width:8.3%;
}
.mobileOnly {
  display:none !important;  
}



#contentLoading {
  display:none;
  position:fixed;
  bottom:20px;
  left:20px;
}
.spinner {
  width: 30px;
  height: 30px;
  background-color: rgb(227, 199, 101);
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.hidden {
  display:none;
}
.invisible {
  visibility:hidden;
}
.left {
  float:left;
}
.right {
  float:right;
}
.clear {
  clear:both;
}
.verticalCenter {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
img {
  width:100%;
}
.alignRight {
  text-align:right;
}
.alignLeft {
  text-align:left;
}
.justify {
  text-align:justify;
}













@media screen and (max-width: 800px) {
  .w1:not(.mobileIgnore), .w2:not(.mobileIgnore), .w3:not(.mobileIgnore), .w4:not(.mobileIgnore), .w5:not(.mobileIgnore),
  .w6:not(.mobileIgnore), .w7:not(.mobileIgnore), .w8:not(.mobileIgnore), .w9:not(.mobileIgnore), .w10:not(.mobileIgnore), .w11:not(.mobileIgnore), .w12:not(.mobileIgnore) {
    width:100%;
  }
  .mobileOnly {
    display:inline-block !important;
  }
  .desktopOnly {
    display:none !important;
  } 
  .A4 {
    width:auto;
    height:auto;
  } 
  
  
}



@media print {
  body, .page {
    margin: 0;
    box-shadow: 0;
  }