button { outline: none; border: none; }
.b { font-weight: bold; }
.abs { position: absolute; }
.fix { position: fixed; }
.rel { position: relative; }
.click { cursor: pointer; }
.center-panel { margin-left: auto; margin-right: auto; }
.text-center { text-align: center; }
.full-width { width: 100%; }
.btn { outline: none; border: none; cursor: pointer; display: block; width: 100%; padding: 10px 0; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.box-pad { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.pad-5 { padding: 5px; }
.pad-10 { padding: 10px; }
.pad-20 { padding: 20px; }
.pad-30 { padding: 30px; }
.fh { height: 100%; }
.pull-left { float: left; }
.pull-right { float: right; }
.clear { clear: both; }
.shadow { -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75); }
.rounded { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.circle-border { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.diag { background-image: url(../images/diag.gif); background-repeat: repeat; }
.diagw { background-image: url(../images/diagw.gif); background-repeat: repeat; }
.diagg { background-image: url(../images/diagg.gif); background-repeat: repeat; }
.bg-black { background-color: #363636; }
.bg-white { background-color: #fff; }
.bg-green { background-color: #337735; }
.bg-red { background-color: #c84544; }
.bg-aqua { background-color: #29bb9c; }
.bg-daqua { background-color: #22ac8b; }
.bg-dkgreen { background-color: #337735; }
.fg-black { color: #363636; }
.fg-white { color: #fff; }
.fg-green { color: #337735; }
.fg-red { color: #eb5150; }
.fg-aqua { color: #29bb9c; }
.fg-dkgreen { color: #337735; }
.fg-ltgreen { color: #97bd31; }

.font-sm { font-size: 14px; }
.font-md { font-size: 16px; }
.font-l { font-size: 20px; }
.font-ml { font-size: 22px; }
.font-xl { font-size: 27px; }
.font-xxl { font-size: 34px; }
.ov-hi { overflow: hidden; }
.tx-sh-bk { text-shadow: 1px 1px 1px #111; }
.hidden { display: none; }

/* transition */
.trans { -webkit-transition: all 250ms; transition: all 250ms; -o-transition: all 250ms; }
.strans { -webkit-transition: all 500ms; transition: all 500ms; -o-transition: all 500ms; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }


/* simple grid system */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left;position:relative; min-height: 1px; height: 100%; }
.col-1 { width: 8.333333333333332%; }
.col-2 { width: 16.666666666666664%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333333333333%; }
.col-5 { width: 41.66666666666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.333333333333336%; }
.col-8 { width: 66.66666666666666%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333333333334%; }
.col-11 { width: 91.66666666666666%; }
.col-12 { width: 100%; }
.row:after { clear: both; }


.mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(0);
  -moz-transform: translateY(-20px) perspective(600px) rotateX(0);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(0);
  -o-transform: translateY(-20px) perspective(600px) rotateX(0);
  transform: translateY(-20px) perspective(600px) rotateX(0); }

/* animate in */
.mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  -o-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0); }

/* animate out */
.mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(0);
  -moz-transform: translateY(-10px) perspective(600px) rotateX(0);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(0);
  -o-transform: translateY(-10px) perspective(600px) rotateX(0);
  transform: translateY(-10px) perspective(600px) rotateX(0); }

/* Dark overlay, start state */
.mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out; }

/* animate in */
.mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.9; }

/* animate out */
.mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0; }