/* before */
/*@mixin bg-img-properties($repeat, $size, $position) {*/
/* TRANSFORM ALIGNMENT */
/* END */
/* transform */
/* end - transform */
/* transition */
/* end - transition */
/* box-shadow */
/* end - box-shadow */
#fullSiteWrapper.overConvas .opener.on {
  position: absolute;
}
#fullSiteWrapper.overConvas .opener.on.topLeft {
  top: 0;
  left: 0;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
#fullSiteWrapper.overConvas .opener.on.rightTop {
  top: 0;
  right: 0;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
#fullSiteWrapper.overConvas .opener.on.rightBottom {
  right: 0;
  bottom: 0;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
#fullSiteWrapper.overConvas .opener.on.bottomLeft {
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
#fullSiteWrapper.overConvas .opener.on.leftTop {
  top: 0;
  left: 0;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
#fullSiteWrapper.overConvas .opener.on.leftBottom {
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
#fullSiteWrapper.overConvas .opener .closeOpener {
  position: absolute;
  right: 0;
  bottom: 10px;
}
#fullSiteWrapper .opener {
  z-index: 100011;
  -webkit-transition: opacity 500ms 0s, visibility 0s 500ms, -webkit-transform 500ms 0s;
  -moz-transition: opacity 500ms 0s, visibility 0s 500ms, -moz-transform 500ms 0s;
  -o-transition: opacity 500ms 0s, visibility 0s 500ms, -o-transform 500ms 0s;
  transition: opacity 500ms 0s, visibility 0s 500ms, transform 500ms 0s;
}
#fullSiteWrapper .opener.topLeft {
  top: 0;
  left: 0;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
#fullSiteWrapper .opener.rightTop {
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
#fullSiteWrapper .opener.rightBottom {
  right: 0px;
  bottom: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
#fullSiteWrapper .opener.bottomLeft {
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
#fullSiteWrapper .opener.leftTop {
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
#fullSiteWrapper .opener.leftBottom {
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
#fullSiteWrapper .opener.fadeOpener {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 500ms 0s, visibility 0s 500ms;
  -moz-transition: opacity 500ms 0s, visibility 0s 500ms;
  -o-transition: opacity 500ms 0s, visibility 0s 500ms;
  transition: opacity 500ms 0s, visibility 0s 500ms;
}
#fullSiteWrapper .opener.fadeOpener.on {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 500ms cubic-bezier(0.01, 0.63, 0.4, 0.98), visibility 0s 0s, -webkit-transform 500ms 0s cubic-bezier(0.01, 0.63, 0.4, 0.98);
  -moz-transition: opacity 500ms cubic-bezier(0.01, 0.63, 0.4, 0.98), visibility 0s 0s, -moz-transform 500ms 0s cubic-bezier(0.01, 0.63, 0.4, 0.98);
  -o-transition: opacity 500ms cubic-bezier(0.01, 0.63, 0.4, 0.98), visibility 0s 0s, -o-transform 500ms 0s cubic-bezier(0.01, 0.63, 0.4, 0.98);
  transition: opacity 500ms cubic-bezier(0.01, 0.63, 0.4, 0.98), visibility 0s 0s, transform 500ms 0s cubic-bezier(0.01, 0.63, 0.4, 0.98);
}
#fullSiteWrapper.fadeOpener {
  position: fixed;
  opacity: 0;
  visibility: hidden;
}