.pad-top-20 {
  padding-top: 20px;
}
.pad-btm-20 {
  padding-bottom: 20px;
}
.pad-sep-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pad-top-40 {
  padding-top: 40px;
}
.pad-btm-40 {
  padding-bottom: 40px;
}
.pad-sep-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.pad-top-60 {
  padding-top: 60px;
}
.pad-btm-60 {
  padding-bottom: 60px;
}
.pad-sep-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.pad-top-80 {
  padding-top: 80px;
}
.pad-btm-80 {
  padding-bottom: 80px;
}
.pad-sep-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.pad-top-100 {
  padding-top: 100px;
}
.pad-btm-100 {
  padding-bottom: 100px;
}
.pad-sep-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
html,
body {
  height: 100%;
  min-width:400;
 /* font-family: 'Maledpan';*/
}
body {
  margin: 0;
  padding: 0;
  color: #fff;
  overflow-x: hidden;
  background-color: #222;
  font-size: 13px;
  position: relative;
/*  font-family: 'Maledpan';*/
  background: url("../img/bglogin11.jpg") no-repeat fixed;
  background-size: cover;
  background-position: 50%;
  -webkit-font-smoothing:  antialiased;
  font-smoothing: antialiased;

}





h1,
.h1,
h2,
.h2,
h3,
.h3 {
  font-weight: normal;
  color: #22A7F0;
}
.fix-middle {
  position: absolute;
  padding: 10px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3;
}
.dialog {
  width: 500px;
  
  color: #222;
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -ms-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
  z-index: 1000;
  opacity: 1;
	margin-left:auto;
	margin-right:auto;
  visibility: visible;
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.5, 0.5, 0.9), visibility 0.2s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -moz-transition: opacity 0.2s cubic-bezier(0.25, 0.5, 0.5, 0.9), visibility 0.2s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -ms-transition: opacity 0.2s cubic-bezier(0.25, 0.5, 0.5, 0.9), visibility 0.2s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: opacity 0.2s cubic-bezier(0.25, 0.5, 0.5, 0.9), visibility 0.2s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}




.dialog,
.dialog,
.dialog-front,
.dialog .dialog-back {
  margin-top: auto;
  margin-bottom:auto;

}
.dialog.dialog-effect-in {
  -webkit-animation: showDialog 1000ms linear both;
  -moz-animation: showDialog 1000ms linear both;
  -ms-animation: showDialog 1000ms linear both;
  animation: showDialog 1000ms linear both;
}
.dialog.shakeit {
  -webkit-animation: shakeDialog 300ms linear both;
  -moz-animation: shakeDialog 300ms linear both;
  -ms-animation: shakeDialog 300ms linear both;
  animation: shakeDialog 300ms linear both;
}
.dialog .dialog-content {
  width: 100%;

  background: #fff;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 59%, #e5e5e5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(59%, #ffffff), color-stop(100%, #e5e5e5));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 59%, #e5e5e5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #ffffff 59%, #e5e5e5 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #ffffff 59%, #e5e5e5 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #ffffff 59%, #e5e5e5 100%);
  /* W3C */
  background: rgba(190,190,190,0.6);
  border-radius: 20px;
  -webkit-box-shadow: 0 2px 12px -3px rgba(150, 150, 150, 0.25);
  -moz-box-shadow: 0 2px 12px -3px rgba(150, 150, 150, 0.25);
  -ms-box-shadow: 0 2px 12px -3px rgba(150, 150, 150, 0.25);
  box-shadow: 0 2px 12px -3px rgba(150, 150, 150, 0.25);
  padding: 20px 25px;

  
  
}
.dialog .dialog-front,
.dialog .dialog-back {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -moz-transition: all 0.4s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -ms-transition: all 0.4s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.4s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.dialog .dialog-front {

}
.dialog .dialog-back {
  -webkit-transform: translate(-50%, -50%) rotateY(-180deg);
  -moz-transform: translate(-50%, -50%) rotateY(-180deg);
  -ms-transform: translate(-50%, -50%) rotateY(-180deg);
  -o-transform: translate(-50%, -50%) rotateY(-180deg);
  z-index: 800;
}
.dialog.flip .dialog-front {
  z-index: 800;
  visibility: hidden;
  -webkit-transform: translate(-50%, -50%) rotateY(180deg);
  -moz-transform: translate(-50%, -50%) rotateY(180deg);
  -ms-transform: translate(-50%, -50%) rotateY(180deg);
  -o-transform: translate(-50%, -50%) rotateY(180deg);

}
.dialog.flip .dialog-back {
  z-index: 900;
  visibility: visible;
  -webkit-transform: translate(-50%, -50%) rotateX(0deg) rotateY(0deg);
  -moz-transform: translate(-50%, -50%) rotateX(0deg) rotateY(0deg);
  -ms-transform: translate(-50%, -50%) rotateX(0deg) rotateY(0deg);
  -o-transform: translate(-50%, -50%) rotateX(0deg) rotateY(0deg);
}
.dialog.dialog-effect-out {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.dialog.dialog-effect-out .dialog-front {
  -webkit-transform: translate(-50%, -20%) rotateX(-30deg);
  -moz-transform: translate(-50%, -20%) rotateX(-30deg);
  -ms-transform: translate(-50%, -20%) rotateX(-30deg);
  -o-transform: translate(-50%, -20%) rotateX(-30deg);
}
.dialog.dialog-effect-out .dialog-back {
  -webkit-transform: translate(-50%, -20%) rotateX(-30deg) rotateY(-180deg);
  -moz-transform: translate(-50%, -20%) rotateX(-30deg) rotateY(-180deg);
  -ms-transform: translate(-50%, -20%) rotateX(-30deg) rotateY(-180deg);
  -o-transform: translate(-50%, -20%) rotateX(-30deg) rotateY(-180deg);
}
.dialog.dialog-effect-out.flip .dialog-front {
  -webkit-transform: translate(-50%, -20%) rotateX(-30deg) rotateY(180deg);
  -moz-transform: translate(-50%, -20%) rotateX(-30deg) rotateY(180deg);
  -ms-transform: translate(-50%, -20%) rotateX(-30deg) rotateY(180deg);
  -o-transform: translate(-50%, -20%) rotateX(-30deg) rotateY(180deg);
}
.dialog.dialog-effect-out.flip .dialog-back {
  -webkit-transform: translate(-50%, -20%) rotateX(-30deg) rotateY(0deg);
  -moz-transform: translate(-50%, -20%) rotateX(-30deg) rotateY(0deg);
  -ms-transform: translate(-50%, -20%) rotateX(-30deg) rotateY(0deg);
  -o-transform: translate(-50%, -20%) rotateX(-30deg) rotateY(0deg);
}
.dialog.dialog-effect-out .dialog-content {
  background: #00B16A;
}
.dialog.dialog-effect-out .dialog-content .dialog-form {
  visibility: hidden;
}
.dialog .dialog-form {
  -webkit-animation: swooshUp30 300ms linear both;
  -moz-animation: swooshUp30 300ms linear both;
  -ms-animation: swooshUp30 300ms linear both;
  animation: swooshUp30 300ms linear both;
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  -ms-animation-delay: 300ms;
  animation-delay: 300ms;

}
.dialog .dialog-form legend {
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: normal;
  color: #222;
  border-bottom: none;

}
.dialog .dialog-form .form-group {
  margin-bottom: 0px;
  position: relative;

}
.dialog .dialog-form .form-group .form-control {
  color: #222;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #222;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.dialog .dialog-form .form-group label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: normal;

}
.dialog .dialog-form .form-group.has-error .error-msg {
  display: block;
}
.dialog .dialog-form .form-group.has-error label {
  color: #E74C3C;
}
.dialog .dialog-form .form-group.has-error .form-control {
  border-color: #E74C3C;
}
.dialog .dialog-form .form-group .checkbox label {
  padding-left: 40px;
}
.dialog .dialog-form .form-group .checkbox input[type="checkbox"] {
  width: 20px;
  height: 20px;
  background: none;
  border: 2px solid #222;
  margin-left: -40px;
  -webkit-appearance: none;
  appearance: none;
}
.dialog .dialog-form .form-group .checkbox input[type="checkbox"]:hover {
  background-color: #e6e6e6;
}
.dialog .dialog-form .form-group .checkbox input[type="checkbox"]:checked {
  background-color: #222;
}
.dialog .dialog-form .form-group .checkbox input[type="checkbox"]:disabled {
  background-color: #6f6f6f;
  border-color: #555555;
}
.dialog .dialog-form .error-msg {
  position: absolute;
  top: 50%;
  left: 0;
  right: auto;
  background-color: #E74C3C;
  color: #fff;
  padding: 10px;
  z-index: 3;
  max-width: 150px;
  border-radius: 3px;
  -webkit-transform: translate(-110%, -50%);
  -moz-transform: translate(-110%, -50%);
  -ms-transform: translate(-110%, -50%);
  transform: translate(-110%, -50%);
  -webkit-animation: swooshleft 200ms ease-in-out both;
  -moz-animation: swooshleft 200ms ease-in-out both;
  -ms-animation: swooshleft 200ms ease-in-out both;
  animation: swooshleft 200ms ease-in-out both;
  display: none;
}
.dialog .dialog-form .error-msg:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 0;
  -webkit-transform: translate(97%, -50%);
  -moz-transform: translate(97%, -50%);
  -ms-transform: translate(97%, -50%);
  transform: translate(97%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #E74C3C;
}
.dialog .dialog-form .btn {
  font-weight: normal;
  font-size: 11pt;
  border-width: 0;
  border-radius: 5;
  text-transform: uppercase;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -moz-transition: all 0.2s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -ms-transition: all 0.2s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.2s cubic-bezier(0.25, 0.5, 0.5, 0.9);


  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #749502;
  -moz-box-shadow:
      0 15px 30px 0 rgba(255,255,255,.25) inset,
      0 2px 7px 0 rgba(0,0,0,.2);
  -webkit-box-shadow:
      0 15px 30px 0 rgba(255,255,255,.25) inset,
      0 2px 7px 0 rgba(0,0,0,.2);
  box-shadow:
      0 15px 30px 0 rgba(255,255,255,.25) inset,
      0 2px 7px 0 rgba(0,0,0,.2);
 


}
.dialog .dialog-form .btn.btn-default {
  color: #fff;
  background-color: #88ae03;

  margin: 0;
  width: 100%;
  outline: 0px;
}
.dialog .dialog-form .btn.btn-default:hover {
  background-color: #9ac30c;
  color: #fff;
}
.dialog .dialog-form .btn.btn-default:active,
.dialog .dialog-form .btn.btn-default:focus {
  background-color: #6e8c04;
  color: #fff;
}
@-webkit-keyframes swooshUp30 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes swooshUp30 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes swooshUp30 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes swooshleft {
  0% {
    -webkit-transform: translate(-90%, -50%);
    -moz-transform: translate(-90%, -50%);
    -ms-transform: translate(-90%, -50%);
    transform: translate(-90%, -50%);
  }
  100% {
    -webkit-transform: translate(-110%, -50%);
    -moz-transform: translate(-110%, -50%);
    -ms-transform: translate(-110%, -50%);
    transform: translate(-110%, -50%);
  }
}
@-moz-keyframes swooshleft {
  0% {
    -webkit-transform: translate(-90%, -50%);
    -moz-transform: translate(-90%, -50%);
    -ms-transform: translate(-90%, -50%);
    transform: translate(-90%, -50%);
  }
  100% {
    -webkit-transform: translate(-110%, -50%);
    -moz-transform: translate(-110%, -50%);
    -ms-transform: translate(-110%, -50%);
    transform: translate(-110%, -50%);
  }
}
@keyframes swooshleft {
  0% {
    -webkit-transform: translate(-90%, -50%);
    -moz-transform: translate(-90%, -50%);
    -ms-transform: translate(-90%, -50%);
    transform: translate(-90%, -50%);
  }
  100% {
    -webkit-transform: translate(-110%, -50%);
    -moz-transform: translate(-110%, -50%);
    -ms-transform: translate(-110%, -50%);
    transform: translate(-110%, -50%);
  }
}
@-webkit-keyframes shakeDialog {
  0% {
    left: 51%;
  }
  25% {
    left: 49%;
  }
  50% {
    left: 51%;
  }
  100% {
    left: 50%;
  }
}
@-moz-keyframes shakeDialog {
  0% {
    left: 51%;
  }
  25% {
    left: 49%;
  }
  50% {
    left: 51%;
  }
  100% {
    left: 50%;
  }
}
@keyframes shakeDialog {
  0% {
    left: 51%;
  }
  25% {
    left: 49%;
  }
  50% {
    left: 51%;
  }
  100% {
    left: 50%;
  }
}
/* Generated with Bounce.js. Edit at https://goo.gl/KtDT8H */
@-webkit-keyframes showDialog {
  0% {
    -webkit-transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  7.61% {
    -webkit-transform: matrix3d(0.907, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.907, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  11.41% {
    -webkit-transform: matrix3d(0.948, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.948, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  15.12% {
    -webkit-transform: matrix3d(0.976, 0, 0, 0, 0, 0.976, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.976, 0, 0, 0, 0, 0.976, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.92% {
    -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  22.72% {
    -webkit-transform: matrix3d(1.008, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.008, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30.23% {
    -webkit-transform: matrix3d(1.014, 0, 0, 0, 0, 1.014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.014, 0, 0, 0, 0, 1.014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50.25% {
    -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70.27% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes showDialog {
  0% {
    -webkit-transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  7.61% {
    -webkit-transform: matrix3d(0.907, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.907, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  11.41% {
    -webkit-transform: matrix3d(0.948, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.948, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  15.12% {
    -webkit-transform: matrix3d(0.976, 0, 0, 0, 0, 0.976, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.976, 0, 0, 0, 0, 0.976, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.92% {
    -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  22.72% {
    -webkit-transform: matrix3d(1.008, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.008, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30.23% {
    -webkit-transform: matrix3d(1.014, 0, 0, 0, 0, 1.014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.014, 0, 0, 0, 0, 1.014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50.25% {
    -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70.27% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
#successful_login,
#successful_registration {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.5, 0.5, 0.9), visibility 0.6s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -moz-transition: opacity 0.4s cubic-bezier(0.25, 0.5, 0.5, 0.9), visibility 0.6s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -ms-transition: opacity 0.4s cubic-bezier(0.25, 0.5, 0.5, 0.9), visibility 0.6s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: opacity 0.4s cubic-bezier(0.25, 0.5, 0.5, 0.9), visibility 0.6s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
#successful_login.active,
#successful_registration.active {
  opacity: 1;
  visibility: visible;
}



hr.style13 {
	border-top: 4px single #b2b2b2;
	text-align: center;
}
hr.style13:after {
	content: 'or';
	display: inline-block;
	position: relative;
	top: -10px;
	padding: 0 10px;
	background: #fff;
	color: #b2b2b2;
	font-size: 14px;
	font-weight:normal;
}


/* Wrapper */
.icon-button {
	background-color: white;
	border-radius: 3.6rem;
	cursor: pointer;
	display: inline-block;
	font-size: 2.0rem;
	height: 3.6rem;
	line-height: 3.6rem;
	margin: 0 0px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width: 3.6rem;
}

/* Circle */
.icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 0;
}
.icon-button:hover span {
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 3.6rem;
	margin: -1.8rem;
}

/* Icons */
.icon-button i {
	background: none;
	color: white;
	height: 3.6rem;
	left: 0;
	line-height: 3.6rem;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 3.6rem;
	z-index: 10;
}
.icon-button .icon-twitter {
	color: #4099ff;
}
.icon-button .icon-facebook {
	color: #3B5998;
}
.icon-button .icon-google-plus {
	color: #db5a3c;
}
.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-google-plus {
	color: white;
}



.txtfooter{


	font-size: 18px;
	font-weight: normal;
	color:#F4033A;
	text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
	padding: 15px 0px;
	margin-top:0px;
	border-radius:0px;
	background-image: linear-gradient(to top, rgba(0,0,0,0.0), rgba(200,200,200,1));
  } 


.page-container {
margin: 0px auto 0 auto;

}

h1 {
	font-size: 16px;
	font-weight: normal;
	text-shadow: 0 1px 4px rgba(0,0,0,.2);
	color: #999;
}

.user{
    width: 32px;
    height: 32px;
    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
    transform: translate(0%,0%);
	z-index: 999;
}
.imgicon{
    width: 35px;
    height: 35px;
    position: absolute;
    margin-top: -15px;
    margin-left: 5px;
    transform: translate(0%,0%);
	z-index: 999;
}
.btnicon{
    width: 32px;
    height: 32px;
    position: absolute;
    margin-top: 12px;
    margin-left: 8px;
    transform: translate(0%,0%);
	z-index: 999;
	float: right;
}
.lock{
  width: 32px;
  height: 32px;
  position: absolute;
  transform: translate(0%,0%);
  margin-top: 5px;
  margin-left: 5px;
  z-index: 999;
}


.avatar{
    width: 360px;
    height: 41px;
    border-radius: 0%;
    position: static;
    margin-left: 16px;
    padding: 0 0px;
    transform: translate(-6%,-5%);
  }

 .avatar2{
   margin-top: -10px;
  
      margin-left: -45px;
  }

 .aboutinfo{
    width: 450px;
    height: 90px;

    position: static;
	margin: 0px 10 auto;
  }
  
 .contactt{
    width: 280px;
     position: static;
	margin-top: 0px;
	margin-left:-10px; ;
  }  

 .checkin_ok{


	font-size: 28px;
	font-weight: normal;
	color:#db0f05;
	padding-top:25px;

  }


 .checkin_ok2{


	font-size: 21px;
	font-weight: normal;
	color:#324a0c;
	margin-left:-10px;
	margin-top:10px;
  }

.checkin_ok3{


	font-size: 17px;
	font-weight: normal;
	color:#324a0c;
	margin-top:3px;
  }

.checkvv{


	font-size: 15px;
	font-weight: normal;
	color:#7F093E;
	margin-top:-3px;
	text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
  }  
  .showdate{


	font-size: 14px;
	font-weight: normal;
	color:#4D3C2B;
	margin-top:-3px;

  }
  
  .namecheck{


	font-size: 18px;
	font-weight: normal;
	color:#db0f05;
	margin-top:0px;

  }

  .namecheck2{

	font-size: 28px;
	font-weight: normal;
	color:#db0f05;
	margin-top:0px;
  }

  .namecheck3{

	font-weight: normal;
	color:#045990;
	
	
	
  }


.info1{


padding:10px;
    margin-top: 16px;
    background: #2d2d2d; /* browsers that don't support rgba */
    background: rgba(45,45,45,.05);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

  }


input[type="text"] {
	padding-left: 40px;
	font-size:18px;
	margin : 10px 0px 0px 0px;
	background: #FFFFFFD0; /* browsers that don't support rgba */
    background: rgba(255,255,255,.8);
}



input {

    transform: translate(0%,-45%);
    box-sizing:  border-box;
    width: 100%;
    height: 45px;
    

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #3d3d3d; /* browsers that don't support rgba */
    border: 1px solid rgba(255,255,255,.15);
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;

    
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;

}


.button2 {
    cursor: pointer;
    width: 300px;
    height: 40px;
    margin-top: 0px;
    padding: 0;
    background: #ec6308;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #f8690a;
    -moz-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.25) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.25) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow:
        0 15px 30px 0 rgba(255,255,255,.25) inset,
        0 2px 7px 0 rgba(0,0,0,.2);

    font-size: 12px;
    font-weight: normal;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    text-shadow:  0 1px 3px rgba(0,0,0,.2);
    transform: translate(0%,-610%);
}


.button3 {
	position: relative;
	width:100%;
	height:40px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	line-height:40px;

	display: block;

}
.button3:before {
	background:#fff;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e6e3), to(#eeefec));

	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;

	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .1) inset, 0 1px 0 #FFF;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .1) inset, 0 1px 0 #FFF;
	box-shadow:0 1px 2px rgba(0, 0, 0, .1) inset, 0 1px 0 #FFF;

	position: absolute;
	content: "";
	left: -4px; right: -4px;
	top: -4px; bottom: -8px;
	z-index: -1;
}

.button3:active {
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset;
	top:4px;
}
.button3:active:before{
	top: -8px;
	bottom: -4px;
	content: "";
}


.green1 {

	-moz-box-shadow:inset 0px 1px 0px 0px #C6E256;
	-webkit-box-shadow:inset 0px 1px 0px 0px #C6E256;
	box-shadow:inset 0px 1px 0px 0px #C6E256;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #C0D50A), color-stop(1, #636F03));
	background:-moz-linear-gradient(top, #C0D50A 5%, #636F03 100%);
	background:-webkit-linear-gradient(top, #C0D50A 5%, #636F03 100%);
	background:-o-linear-gradient(top, #C0D50A 5%, #636F03 100%);
	background:-ms-linear-gradient(top, #C0D50A 5%, #636F03 100%);
	background:linear-gradient(to bottom, #C0D50A 5%, #636F03 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C0D50A', endColorstr='#636F03',GradientType=0);
	background-color:#C0D50A;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #5B9E07;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-align:center;
	height:50px;
	font-size:18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #d1de7c;
	margin-top:6px;

}
.green1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #636F03), color-stop(1, #C0D50A));
	background:-moz-linear-gradient(top, #636F03 5%, #C0D50A 100%);
	background:-webkit-linear-gradient(top, #636F03 5%, #C0D50A 100%);
	background:-o-linear-gradient(top, #636F03 5%, #C0D50A 100%);
	background:-ms-linear-gradient(top, #636F03 5%, #C0D50A 100%);
	background:linear-gradient(to bottom, #636F03 5%, #C0D50A 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#636F03', endColorstr='#C0D50A',GradientType=0);
	background-color:#636F03;
}
.green1:active {
	position:relative;
	top:1px;
}


.greyy {

	-moz-box-shadow:inset 0px 1px 0px 0px #ECEBEA;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ECEBEA;
	box-shadow:inset 0px 1px 0px 0px #ECEBEA;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #DAD9D8), color-stop(1, #A19F9F));
	background:-moz-linear-gradient(top, #DAD9D8 5%, #A19F9F 100%);
	background:-webkit-linear-gradient(top, #DAD9D8 5%, #A19F9F 100%);
	background:-o-linear-gradient(top, #DAD9D8 5%, #A19F9F 100%);
	background:-ms-linear-gradient(top, #DAD9D8 5%, #A19F9F 100%);
	background:linear-gradient(to bottom, #DAD9D8 5%, #A19F9F 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DAD9D8', endColorstr='#A19F9F',GradientType=0);
	background-color:#DAD9D8;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #B6B5B5;
	display:inline-block;
	cursor:pointer;
	color:#666464;
	text-align:center;
	height:40px;
	font-size:18px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #F5F5F5;
	margin-top:-6px;
}
.greyy:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #A19F9F), color-stop(1, #DAD9D8));
	background:-moz-linear-gradient(top, #A19F9F 5%, #DAD9D8 100%);
	background:-webkit-linear-gradient(top, #A19F9F 5%, #DAD9D8 100%);
	background:-o-linear-gradient(top, #A19F9F 5%, #DAD9D8 100%);
	background:-ms-linear-gradient(top, #A19F9F 5%, #DAD9D8 100%);
	background:linear-gradient(to bottom, #A19F9F 5%, #DAD9D8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A19F9F', endColorstr='#DAD9D8',GradientType=0);
	background-color:#A19F9F;
}
.greyy:active {
	position:relative;
	top:1px;
}


.yell_2 {

	-moz-box-shadow:inset 0px 1px 0px 0px #f9eca0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f9eca0;
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e));
	background:-moz-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:-webkit-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:-o-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:-ms-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e',GradientType=0);
	background-color:#f0c911;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #e69d45;
	display:inline-block;
	cursor:pointer;
	color:#cc3a1d;
	text-align:center;
	height:50px;
	font-size:20px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ded17c;
	margin-top:20px;
}
.yell_2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f2ab1e), color-stop(1, #f0c911));
	background:-moz-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background:-webkit-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background:-o-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background:-ms-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background:linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e', endColorstr='#f0c911',GradientType=0);
	background-color:#f2ab1e;
}
.yell_2:active {
	position:relative;
	top:1px;
}


.yell_1 {

	-moz-box-shadow:inset 0px 1px 0px 0px #f9eca0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f9eca0;
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e));
	background:-moz-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:-webkit-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:-o-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:-ms-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e',GradientType=0);
	background-color:#f0c911;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #e69d45;
	display:inline-block;
	cursor:pointer;
	color:#771603;
	text-align:center;
	height:45px;
	font-size:18px;

	text-decoration:none;
	text-shadow:0px 1px 0px #ded17c;
	margin-top:0px;
}
.yell_1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f2ab1e), color-stop(1, #f0c911));
	background:-moz-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background:-webkit-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background:-o-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background:-ms-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background:linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e', endColorstr='#f0c911',GradientType=0);
	background-color:#f2ab1e;
}
.yell_1:active {
	position:relative;
	top:1px;
}


.yell_3 {

	-moz-box-shadow:inset 0px 1px 0px 0px #f9eca0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f9eca0;
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F79F03), color-stop(1, #CF6903));
	background:-moz-linear-gradient(top, #F79F03 5%, #CF6903 100%);
	background:-webkit-linear-gradient(top, #F79F03 5%, #CF6903 100%);
	background:-o-linear-gradient(top, #F79F03 5%, #CF6903 100%);
	background:-ms-linear-gradient(top, #F79F03 5%, #CF6903 100%);
	background:linear-gradient(to bottom, #F79F03 5%, #CF6903 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F79F03', endColorstr='#CF6903',GradientType=0);
	background-color:#F79F03;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #e69d45;
	display:inline-block;
	cursor:pointer;
	color:#441401;
	text-align:center;
	height:50px;
	font-size:18px;

	text-decoration:none;
	text-shadow:0px 1px 0px #EC6804;
	margin-top:0px;
}
.yell_3:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #CF6903), color-stop(1, #F79F03));
	background:-moz-linear-gradient(top, #CF6903 5%, #F79F03 100%);
	background:-webkit-linear-gradient(top, #CF6903 5%, #F79F03 100%);
	background:-o-linear-gradient(top, #CF6903 5%, #F79F03 100%);
	background:-ms-linear-gradient(top, #CF6903 5%, #F79F03 100%);
	background:linear-gradient(to bottom, #CF6903 5%, #F79F03 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CF6903', endColorstr='#F79F03',GradientType=0);
	background-color:#CF6903;
}
.yell_3:active {
	position:relative;
	top:1px;
}




.blue1 {

	-moz-box-shadow:inset 0px 1px 0px 0px #57B6FC;
	-webkit-box-shadow:inset 0px 1px 0px 0px #57B6FC;
	box-shadow:inset 0px 1px 0px 0px #57B6FC;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #058BED), color-stop(1, #035DAD));
	background:-moz-linear-gradient(top, #058BED 5%, #035DAD 100%);
	background:-webkit-linear-gradient(top, #058BED 5%, #035DAD 100%);
	background:-o-linear-gradient(top, #058BED 5%, #035DAD 100%);
	background:-ms-linear-gradient(top, #058BED 5%, #035DAD 100%);
	background:linear-gradient(to bottom, #058BED 5%, #035DAD 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#058BED', endColorstr='#035DAD',GradientType=0);
	background-color:#058BED;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #064073;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-align:center;
	height:50px;
	font-size:18px;


}
.blue1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #035DAD), color-stop(1, #058BED));
	background:-moz-linear-gradient(top, #035DAD 5%, #058BED 100%);
	background:-webkit-linear-gradient(top, #035DAD 5%, #058BED 100%);
	background:-o-linear-gradient(top, #035DAD 5%, #058BED 100%);
	background:-ms-linear-gradient(top, #035DAD 5%, #058BED 100%);
	background:linear-gradient(to bottom, #035DAD 5%, #058BED 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#035DAD', endColorstr='#058BED',GradientType=0);
	background-color:#035DAD;
}
.blue1:active {
	position:relative;
	top:1px;
}






.blue2 {

	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;

	height:60px;
	font-size:18px;
	font-weight:normal;

}
.blue2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.blue2:active {
	position:relative;
	top:1px;
}



.blue3 {

	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-align:center;
	height:55px;
	font-size:18px;

	text-decoration:none;
	text-shadow:0px 1px 0px #111111;
	margin-top:5px;
	margin-bottom:5px;
}

.blue3:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.blue3:active {
	position:relative;
	top:1px;
}

.maroon {

	-moz-box-shadow:inset 0px 1px 0px 0px #F96C8E;
	-webkit-box-shadow:inset 0px 1px 0px 0px #F96C8E;
	box-shadow:inset 0px 1px 0px 0px #F96C8E;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F93E85), color-stop(1, #E9033B));
	background:-moz-linear-gradient(top, #F93E85 5%, #E9033B 100%);
	background:-webkit-linear-gradient(top, #F93E85 5%, #E9033B 100%);
	background:-o-linear-gradient(top, #F93E85 5%, #E9033B 100%);
	background:-ms-linear-gradient(top, #F93E85 5%, #E9033B 100%);
	background:linear-gradient(to bottom, #F93E85 5%, #E9033B 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F93E85', endColorstr='#E9033B',GradientType=0);
	background-color:#F93E85;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #950326;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-align:center;
	height:60px;
	font-size:18px;
	text-decoration:none;
	font-weight: normal;
	
}
.maroon:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #E9033B), color-stop(1, #F93E85));
	background:-moz-linear-gradient(top, #E9033B 5%, #F93E85 100%);
	background:-webkit-linear-gradient(top, #E9033B 5%, #F93E85 100%);
	background:-o-linear-gradient(top, #E9033B 5%, #F93E85 100%);
	background:-ms-linear-gradient(top, #E9033B 5%, #F93E85 100%);
	background:linear-gradient(to bottom, #E9033B 5%, #F93E85 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9033B', endColorstr='#F93E85',GradientType=0);
	background-color:#E9033B;
}
.maroon:active {
	position:relative;
	top:1px;
}

.maroonr {

	-moz-box-shadow:inset 0px 1px 0px 0px #F96C8E;
	-webkit-box-shadow:inset 0px 1px 0px 0px #F96C8E;
	box-shadow:inset 0px 1px 0px 0px #F96C8E;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #E9033B), color-stop(1, #F93E85));
	background:-moz-linear-gradient(top, #E9033B 5%, #F93E85 100%);
	background:-webkit-linear-gradient(top, #E9033B 5%, #F93E85 100%);
	background:-o-linear-gradient(top, #E9033B 5%, #F93E85 100%);
	background:-ms-linear-gradient(top, #E9033B 5%, #F93E85 100%);
	background:linear-gradient(to bottom, #E9033B 5%, #F93E85 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9033B', endColorstr='#F93E85',GradientType=0);
	background-color:#E9033B;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #950326;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-align:center;
	height:60px;
	font-size:18px;
	text-decoration:none;
/*	text-shadow:0px 1px 0px #d1de7c; */
	
}
.maroonr:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F93E85), color-stop(1, #E9033B));
	background:-moz-linear-gradient(top, #F93E85 5%, #E9033B 100%);
	background:-webkit-linear-gradient(top, #F93E85 5%, #E9033B 100%);
	background:-o-linear-gradient(top, #F93E85 5%, #E9033B 100%);
	background:-ms-linear-gradient(top, #F93E85 5%, #E9033B 100%);
	background:linear-gradient(to bottom, #F93E85 5%, #E9033B 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F93E85', endColorstr='#E9033B',GradientType=0);
	background-color:#F93E85;
}
.maroonr:active {
	position:relative;
	top:1px;
}

.orange {

	-moz-box-shadow:inset 0px 1px 0px 0px #FA7E4F;
	-webkit-box-shadow:inset 0px 1px 0px 0px #FA7E4F;
	box-shadow:inset 0px 1px 0px 0px #FA7E4F;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FA5A1E), color-stop(1, #E33C02));
	background:-moz-linear-gradient(top, #FA5A1E 5%, #E33C02 100%);
	background:-webkit-linear-gradient(top, #FA5A1E 5%, #E33C02 100%);
	background:-o-linear-gradient(top, #FA5A1E 5%, #E33C02 100%);
	background:-ms-linear-gradient(top, #FA5A1E 5%, #E33C02 100%);
	background:linear-gradient(to bottom, #FA5A1E 5%, #E33C02 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FA5A1E', endColorstr='#E33C02',GradientType=0);
	background-color:#FA5A1E;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #A52B01;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #d1de7c;
	font-weight: normal;

}
.orange:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #E33C02), color-stop(1, #FA5A1E));
	background:-moz-linear-gradient(top, #E33C02 5%, #FA5A1E 100%);
	background:-webkit-linear-gradient(top, #E33C02 5%, #FA5A1E 100%);
	background:-o-linear-gradient(top, #E33C02 5%, #FA5A1E 100%);
	background:-ms-linear-gradient(top, #E33C02 5%, #FA5A1E 100%);
	background:linear-gradient(to bottom, #E33C02 5%, #FA5A1E 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E33C02', endColorstr='#FA5A1E',GradientType=0);
	background-color:#E33C02;
}
.orange:active {
	position:relative;
	top:1px;
}


.redd2 {

	-moz-box-shadow:inset 0px 1px 0px 0px #f29dc1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29dc1;
	box-shadow:inset 0px 1px 0px 0px #f29dc1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f72e85), color-stop(1, #ff0e4f));
	background:-moz-linear-gradient(top, #f72e85 5%, #ff0e4f 100%);
	background:-webkit-linear-gradient(top, #f72e85 5%, #ff0e4f 100%);
	background:-o-linear-gradient(top, #f72e85 5%, #ff0e4f 100%);
	background:-ms-linear-gradient(top, #f72e85 5%, #ff0e4f 100%);
	background:linear-gradient(to bottom, #f72e85 5%, #ff0e4f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f72e85', endColorstr='#ff0e4f',GradientType=0);
	background-color:#f72e85;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #d83179;
	display:inline-block;
	cursor:pointer;
	color:#f5f8ee;
	font-weight:normal;
	text-decoration:none;
	text-shadow:0px 1px 0px #d1de7c;
}
.redd2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f72e85), color-stop(1, #ff0e4f));
	background:-moz-linear-gradient(top, #f72e85 5%, #ff0e4f 100%);
	background:-webkit-linear-gradient(top, #f72e85 5%, #ff0e4f 100%);
	background:-o-linear-gradient(top, #f72e85 5%, #ff0e4f 100%);
	background:-ms-linear-gradient(top, #f72e85 5%, #ff0e4f 100%);
	background:linear-gradient(to bottom, #f72e85 5%, #ff0e4f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f72e85', endColorstr='#ff0e4f',GradientType=0);
	background-color:#f72e85;
}
.redd2:active {
	position:relative;
	top:1px;
}


.connect {
  text-align: center;
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    text-shadow:  0 1px 3px rgba(0,0,0,.1);
    color: #06C;
    margin-top: -30px;
}


.pastel1 {

	-moz-box-shadow:inset 0px 1px 0px 0px #E59866;
	-webkit-box-shadow:inset 0px 1px 0px 0px #E59866;
	box-shadow:inset 0px 1px 0px 0px #E59866;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #BA4A00), color-stop(1, #873600));
	background:-moz-linear-gradient(top, #BA4A00 5%, #873600 100%);
	background:-webkit-linear-gradient(top, #BA4A00 5%, #873600 100%);
	background:-o-linear-gradient(top, #BA4A00 5%, #873600 100%);
	background:-ms-linear-gradient(top, #BA4A00 5%, #873600 100%);
	background:linear-gradient(to bottom, #BA4A00 5%, #873600 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BA4A00', endColorstr='#873600',GradientType=0);
	background-color:#BA4A00;
		-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #6E2C00;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-align:center;
	height:56px;
	font-size:18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #522100;
/*	text-shadow:0px 1px 0px #d1de7c;   */
}
.pastel1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #873600), color-stop(1, #BA4A00));
	background:-moz-linear-gradient(top, #873600 5%, #BA4A00 100%);
	background:-webkit-linear-gradient(top, #873600 5%, #BA4A00 100%);
	background:-o-linear-gradient(top, #873600 5%, #BA4A00 100%);
	background:-ms-linear-gradient(top, #873600 5%, #BA4A00 100%);
	background:linear-gradient(to bottom, #873600 5%, #BA4A00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#873600', endColorstr='#BA4A00',GradientType=0);
	background-color:#873600;
}
.pastel1:active {
	position:relative;
	top:1px;
}


.pastel1r {

	-moz-box-shadow:inset 0px 1px 0px 0px #E59866;
	-webkit-box-shadow:inset 0px 1px 0px 0px #E59866;
	box-shadow:inset 0px 1px 0px 0px #E59866;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #873600), color-stop(1, #BA4A00));
	background:-moz-linear-gradient(top, #873600 5%, #BA4A00 100%);
	background:-webkit-linear-gradient(top, #873600 5%, #BA4A00 100%);
	background:-o-linear-gradient(top, #873600 5%, #BA4A00 100%);
	background:-ms-linear-gradient(top, #873600 5%, #BA4A00 100%);
	background:linear-gradient(to bottom, #873600 5%, #BA4A00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#873600', endColorstr='#BA4A00',GradientType=0);
	background-color:#873600;
		-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #6E2C00;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-align:center;
	height:56px;
	font-size:18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #522100;
/*	text-shadow:0px 1px 0px #d1de7c;  */
}
.pastel1r:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #BA4A00), color-stop(1, #873600));
	background:-moz-linear-gradient(top, #BA4A00 5%, #873600 100%);
	background:-webkit-linear-gradient(top, #BA4A00 5%, #873600 100%);
	background:-o-linear-gradient(top, #BA4A00 5%, #873600 100%);
	background:-ms-linear-gradient(top, #BA4A00 5%, #873600 100%);
	background:linear-gradient(to bottom, #BA4A00 5%, #873600 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BA4A00', endColorstr='#873600',GradientType=0);
	background-color:#BA4A00;
}
.pastel1r:active {
	position:relative;
	top:1px;
}


.pastel2 {

	-moz-box-shadow:inset 0px 1px 0px 0px #F0B27A;
	-webkit-box-shadow:inset 0px 1px 0px 0px #F0B27A;
	box-shadow:inset 0px 1px 0px 0px #F0B27A;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #CA6F1E), color-stop(1, #935116));
	background:-moz-linear-gradient(top, #CA6F1E 5%, #935116 100%);
	background:-webkit-linear-gradient(top, #CA6F1E 5%, #935116 100%);
	background:-o-linear-gradient(top, #CA6F1E 5%, #935116 100%);
	background:-ms-linear-gradient(top, #CA6F1E 5%, #935116 100%);
	background:linear-gradient(to bottom, #CA6F1E 5%, #935116 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA6F1E', endColorstr='#935116',GradientType=0);
	background-color:#CA6F1E;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #784212;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-align:center;
	height:53px;
	font-size:18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #522100;
/*	text-shadow:0px 1px 0px #d1de7c;   */
}
.pastel2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #935116), color-stop(1, #CA6F1E));
	background:-moz-linear-gradient(top, #935116 5%, #CA6F1E 100%);
	background:-webkit-linear-gradient(top, #935116 5%, #CA6F1E 100%);
	background:-o-linear-gradient(top, #935116 5%, #CA6F1E 100%);
	background:-ms-linear-gradient(top, #935116 5%, #CA6F1E 100%);
	background:linear-gradient(to bottom, #935116 5%, #CA6F1E 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#935116', endColorstr='#CA6F1E',GradientType=0);
	background-color:#935116;
}
.pastel2:active {
	position:relative;
	top:1px;
}


.pastel2r {

	-moz-box-shadow:inset 0px 1px 0px 0px #F0B27A;
	-webkit-box-shadow:inset 0px 1px 0px 0px #F0B27A;
	box-shadow:inset 0px 1px 0px 0px #F0B27A;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #935116), color-stop(1, #CA6F1E));
	background:-moz-linear-gradient(top, #935116 5%, #CA6F1E 100%);
	background:-webkit-linear-gradient(top, #935116 5%, #CA6F1E 100%);
	background:-o-linear-gradient(top, #935116 5%, #CA6F1E 100%);
	background:-ms-linear-gradient(top, #935116 5%, #CA6F1E 100%);
	background:linear-gradient(to bottom, #935116 5%, #CA6F1E 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#935116', endColorstr='#CA6F1E',GradientType=0);
	background-color:#935116;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #784212;
	display:inline-block;
	cursor:pointer;
	color:#EEE2CE;
	text-align:center;
	height:53px;
	font-size:18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #522100;
/*	text-shadow:0px 1px 0px #d1de7c;   */
}
.pastel2r:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #CA6F1E), color-stop(1, #935116));
	background:-moz-linear-gradient(top, #CA6F1E 5%, #935116 100%);
	background:-webkit-linear-gradient(top, #CA6F1E 5%, #935116 100%);
	background:-o-linear-gradient(top, #CA6F1E 5%, #935116 100%);
	background:-ms-linear-gradient(top, #CA6F1E 5%, #935116 100%);
	background:linear-gradient(to bottom, #CA6F1E 5%, #935116 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA6F1E', endColorstr='#935116',GradientType=0);
	background-color:#CA6F1E;
}
.pastel2r:active {
	position:relative;
	top:1px;
}

.pastel3 {

	-moz-box-shadow:inset 0px 1px 0px 0px #F8C471;
	-webkit-box-shadow:inset 0px 1px 0px 0px #F8C471;
	box-shadow:inset 0px 1px 0px 0px #F8C471;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D68910), color-stop(1, #9C640C));
	background:-moz-linear-gradient(top, #D68910 5%, #9C640C 100%);
	background:-webkit-linear-gradient(top, #D68910 5%, #9C640C 100%);
	background:-o-linear-gradient(top, #D68910 5%, #9C640C 100%);
	background:-ms-linear-gradient(top, #D68910 5%, #9C640C 100%);
	background:linear-gradient(to bottom, #D68910 5%, #9C640C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D68910', endColorstr='#9C640C',GradientType=0);
	background-color:#D68910;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #7E5109;
	display:inline-block;
	cursor:pointer;
	color:#EEE2CE;
	text-align:center;
	height:50px;
	font-size:18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #522100;
/*	text-shadow:0px 1px 0px #d1de7c; */
}
.pastel3:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9C640C), color-stop(1, #D68910));
	background:-moz-linear-gradient(top, #9C640C 5%, #D68910 100%);
	background:-webkit-linear-gradient(top, #9C640C 5%, #D68910 100%);
	background:-o-linear-gradient(top, #9C640C 5%, #D68910 100%);
	background:-ms-linear-gradient(top, #9C640C 5%, #D68910 100%);
	background:linear-gradient(to bottom, #9C640C 5%, #D68910 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9C640C', endColorstr='#D68910',GradientType=0);
	background-color:#9C640C;
}
.pastel3:active {
	position:relative;
	top:1px;
}

.pastel3r {

	-moz-box-shadow:inset 0px 1px 0px 0px #F8C471;
	-webkit-box-shadow:inset 0px 1px 0px 0px #F8C471;
	box-shadow:inset 0px 1px 0px 0px #F8C471;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9C640C), color-stop(1, #D68910));
	background:-moz-linear-gradient(top, #9C640C 5%, #D68910 100%);
	background:-webkit-linear-gradient(top, #9C640C 5%, #D68910 100%);
	background:-o-linear-gradient(top, #9C640C 5%, #D68910 100%);
	background:-ms-linear-gradient(top, #9C640C 5%, #D68910 100%);
	background:linear-gradient(to bottom, #9C640C 5%, #D68910 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9C640C', endColorstr='#D68910',GradientType=0);
	background-color:#9C640C;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #7E5109;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-align:center;
	height:50px;
	font-size:18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #522100;
/*	text-shadow:0px 1px 0px #d1de7c;   */
}
.pastel3r:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D68910), color-stop(1, #9C640C));
	background:-moz-linear-gradient(top, #D68910 5%, #9C640C 100%);
	background:-webkit-linear-gradient(top, #D68910 5%, #9C640C 100%);
	background:-o-linear-gradient(top, #D68910 5%, #9C640C 100%);
	background:-ms-linear-gradient(top, #D68910 5%, #9C640C 100%);
	background:linear-gradient(to bottom, #D68910 5%, #9C640C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D68910', endColorstr='#9C640C',GradientType=0);
	background-color:#D68910;
}
.pastel3r:active {
	position:relative;
	top:1px;
}



.pastel4 {

	-moz-box-shadow:inset 0px 1px 0px 0px #F7DC6F ;
	-webkit-box-shadow:inset 0px 1px 0px 0px #F7DC6F ;
	box-shadow:inset 0px 1px 0px 0px #F7DC6F ;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D4AC0D), color-stop(1, #9A7D0A));
	background:-moz-linear-gradient(top, #D4AC0D 5%, #9A7D0A 100%);
	background:-webkit-linear-gradient(top, #D4AC0D 5%, #9A7D0A 100%);
	background:-o-linear-gradient(top, #D4AC0D 5%, #9A7D0A 100%);
	background:-ms-linear-gradient(top, #D4AC0D 5%, #9A7D0A 100%);
	background:linear-gradient(to bottom, #D4AC0D 5%, #9A7D0A 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4AC0D', endColorstr='#9A7D0A',GradientType=0);
	background-color:#D4AC0D;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #7D6608;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-align:center;
	height:50px;
	font-size:18px;
	text-decoration:none;
/*	text-shadow:0px 1px 0px #d1de7c;   */
}
.pastel4:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9A7D0A), color-stop(1, #D4AC0D));
	background:-moz-linear-gradient(top, #9A7D0A 5%, #D4AC0D 100%);
	background:-webkit-linear-gradient(top, #9A7D0A 5%, #D4AC0D 100%);
	background:-o-linear-gradient(top, #9A7D0A 5%, #D4AC0D 100%);
	background:-ms-linear-gradient(top, #9A7D0A 5%, #D4AC0D 100%);
	background:linear-gradient(to bottom, #9A7D0A 5%, #D4AC0D 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9A7D0A', endColorstr='#D4AC0D',GradientType=0);
	background-color:#9A7D0A;
	color:red;
}
.pastel4:active {
	position:relative;
	top:1px;
}




.bbgray {

	-moz-box-shadow:inset 0px 1px 0px 0px #85929E ;
	-webkit-box-shadow:inset 0px 1px 0px 0px #85929E ;
	box-shadow:inset 0px 1px 0px 0px #85929E ;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2E4053), color-stop(1, #212F3C));
	background:-moz-linear-gradient(top, #2E4053 5%, #212F3C 100%);
	background:-webkit-linear-gradient(top, #2E4053 5%, #212F3C 100%);
	background:-o-linear-gradient(top, #2E4053 5%, #212F3C 100%);
	background:-ms-linear-gradient(top, #2E4053 5%, #212F3C 100%);
	background:linear-gradient(to bottom, #2E4053 5%, #212F3C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2E4053', endColorstr='#212F3C',GradientType=0);
	background-color:#2E4053;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #1B2631;
	display:inline-block;
	cursor:pointer;
	color:#D1D0D0;
	text-align:center;
	height:55px;
	font-size:18px;
	text-decoration:none;
/*	text-shadow:0px 1px 0px #d1de7c;   */
}
.bbgray:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #212F3C), color-stop(1, #2E4053));
	background:-moz-linear-gradient(top, #212F3C 5%, #2E4053 100%);
	background:-webkit-linear-gradient(top, #212F3C 5%, #2E4053 100%);
	background:-o-linear-gradient(top, #212F3C 5%, #2E4053 100%);
	background:-ms-linear-gradient(top, #212F3C 5%, #2E4053 100%);
	background:linear-gradient(to bottom, #212F3C 5%, #2E4053 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#212F3C', endColorstr='#2E4053',GradientType=0);
	background-color:#212F3C;
}
.bbgray:active {
	position:relative;
	top:1px;
}



.bbgray2 {

	-moz-box-shadow:inset 0px 1px 0px 0px #85929E ;
	-webkit-box-shadow:inset 0px 1px 0px 0px #85929E ;
	box-shadow:inset 0px 1px 0px 0px #85929E ;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2E4053), color-stop(1, #212F3C));
	background:-moz-linear-gradient(top, #2E4053 5%, #212F3C 100%);
	background:-webkit-linear-gradient(top, #2E4053 5%, #212F3C 100%);
	background:-o-linear-gradient(top, #2E4053 5%, #212F3C 100%);
	background:-ms-linear-gradient(top, #2E4053 5%, #212F3C 100%);
	background:linear-gradient(to bottom, #2E4053 5%, #212F3C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2E4053', endColorstr='#212F3C',GradientType=0);
	background-color:#2E4053;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #1B2631;
	display:inline-block;
	cursor:pointer;
	color:#D1D0D0;
	text-align:center;
	height:55px;
	font-size:18px;
	text-decoration:none;
/*	text-shadow:0px 1px 0px #d1de7c;   */
}
.bbgray2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #212F3C), color-stop(1, #2E4053));
	background:-moz-linear-gradient(top, #212F3C 5%, #2E4053 100%);
	background:-webkit-linear-gradient(top, #212F3C 5%, #2E4053 100%);
	background:-o-linear-gradient(top, #212F3C 5%, #2E4053 100%);
	background:-ms-linear-gradient(top, #212F3C 5%, #2E4053 100%);
	background:linear-gradient(to bottom, #212F3C 5%, #2E4053 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#212F3C', endColorstr='#2E4053',GradientType=0);
	background-color:#212F3C;
}
.bbgray2:active {
	position:relative;
	top:1px;
}

.bntnave {

	-moz-box-shadow:inset 0px 1px 0px 0px #37657E ;
	-webkit-box-shadow:inset 0px 1px 0px 0px #37657E ;
	box-shadow:inset 0px 1px 0px 0px #37657E ;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1D5465), color-stop(1, #013E5E));
	background:-moz-linear-gradient(top, #1D5465 5%, #013E5E 100%);
	background:-webkit-linear-gradient(top, #1D5465 5%, #013E5E 100%);
	background:-o-linear-gradient(top, #1D5465 5%, #013E5E 100%);
	background:-ms-linear-gradient(top, #1D5465 5%, #013E5E 100%);
	background:linear-gradient(to bottom, #1D5465 5%, #013E5E 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1D5465', endColorstr='#013E5E',GradientType=0);
	background-color:#1D5465;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #0F3448;
	display:inline-block;
	cursor:pointer;
	color:#F7F4F0;
	text-align:center;
	height:55px;
	font-size:18px;
	text-decoration:none;
/*	text-shadow:0px 1px 0px #d1de7c;   */
}
.bntnave:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #013E5E), color-stop(1, #1D5465));
	background:-moz-linear-gradient(top, #013E5E 5%, #1D5465 100%);
	background:-webkit-linear-gradient(top, #013E5E 5%, #1D5465 100%);
	background:-o-linear-gradient(top, #013E5E 5%, #1D5465 100%);
	background:-ms-linear-gradient(top, #013E5E 5%, #1D5465 100%);
	background:linear-gradient(to bottom, #013E5E 5%, #1D5465 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#013E5E', endColorstr='#1D5465',GradientType=0);
	background-color:#013E5E;
}
.bntnave:active {
	position:relative;
	top:1px;
}



.bntvec {

	-moz-box-shadow:inset 0px 1px 0px 0px #844E57 ;
	-webkit-box-shadow:inset 0px 1px 0px 0px #844E57 ;
	box-shadow:inset 0px 1px 0px 0px #844E57 ;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #751B49), color-stop(1, #560321));
	background:-moz-linear-gradient(top, #751B49 5%, #560321 100%);
	background:-webkit-linear-gradient(top, #751B49 5%, #560321 100%);
	background:-o-linear-gradient(top, #751B49 5%, #560321 100%);
	background:-ms-linear-gradient(top, #751B49 5%, #560321 100%);
	background:linear-gradient(to bottom, #751B49 5%, #560321 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#751B49', endColorstr='#560321',GradientType=0);
	background-color:#751B49;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #52010F;
	display:inline-block;
	cursor:pointer;
	color:#F7F4F0;
	text-align:center;
	height:55px;
	font-size:18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #450123;
/*	text-shadow:0px 1px 0px #d1de7c;   */
}
.bntvec:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #560321), color-stop(1, #751B49));
	background:-moz-linear-gradient(top, #560321 5%, #751B49 100%);
	background:-webkit-linear-gradient(top, #560321 5%, #751B49 100%);
	background:-o-linear-gradient(top, #560321 5%, #751B49 100%);
	background:-ms-linear-gradient(top, #560321 5%, #751B49 100%);
	background:linear-gradient(to bottom, #560321 5%, #751B49 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#560321', endColorstr='#751B49',GradientType=0);
	background-color:#560321;
}
.bntvec:active {
	position:relative;
	top:1px;
}



.bntvec1 {

	-moz-box-shadow:inset 0px 1px 0px 0px #844E57;
	-webkit-box-shadow:inset 0px 1px 0px 0px #844E57;
	box-shadow:inset 0px 1px 0px 0px #844E57;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #DA034D), color-stop(1, #900336));
	background:-moz-linear-gradient(top, #DA034D 5%, #900336 100%);
	background:-webkit-linear-gradient(top, #DA034D 5%, #900336 100%);
	background:-o-linear-gradient(top, #DA034D 5%, #900336 100%);
	background:-ms-linear-gradient(top, #DA034D 5%, #900336 100%);
	background:linear-gradient(to bottom, #DA034D 5%, #900336 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DA034D', endColorstr='#900336',GradientType=0);
	background-color:#DA034D;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #B80240;
	display:inline-block;
	cursor:pointer;
	color:#F7F4F0;
	text-align:center;
	height:45px;
	font-size:18px;

	text-decoration:none;
	text-shadow:0px 1px 0px #450123;
	margin-top:0px;
}
.bntvec1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #900336), color-stop(1, #DA034D));
	background:-moz-linear-gradient(top, #900336 5%, #DA034D 100%);
	background:-webkit-linear-gradient(top, #900336 5%, #DA034D 100%);
	background:-o-linear-gradient(top, #900336 5%, #DA034D 100%);
	background:-ms-linear-gradient(top, #900336 5%, #DA034D 100%);
	background:linear-gradient(to bottom, #900336 5%, #DA034D 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#900336', endColorstr='#DA034D',GradientType=0);
	background-color:#900336;
}
.bntvec1:active {
	position:relative;
	top:1px;
}








.bntvec01 {

	-moz-box-shadow:inset 0px 1px 0px 0px #844E57 ;
	-webkit-box-shadow:inset 0px 1px 0px 0px #844E57 ;
	box-shadow:inset 0px 1px 0px 0px #844E57 ;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #DA034D), color-stop(1, #900336));
	background:-moz-linear-gradient(top, #DA034D 5%, #900336 100%);
	background:-webkit-linear-gradient(top, #DA034D 5%, #900336 100%);
	background:-o-linear-gradient(top, #DA034D 5%, #900336 100%);
	background:-ms-linear-gradient(top, #DA034D 5%, #900336 100%);
	background:linear-gradient(to bottom, #DA034D 5%, #900336 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DA034D', endColorstr='#900336',GradientType=0);
	background-color:#DA034D;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #B80240;
	display:inline-block;
	cursor:pointer;
	color:#F7F4F0;
	text-align:center;
	height:55px;
	font-size:18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #450123;
/*	text-shadow:0px 1px 0px #d1de7c;   */
}
.bntvec01:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #900336), color-stop(1, #DA034D));
	background:-moz-linear-gradient(top, #900336 5%, #DA034D 100%);
	background:-webkit-linear-gradient(top, #900336 5%, #DA034D 100%);
	background:-o-linear-gradient(top, #900336 5%, #DA034D 100%);
	background:-ms-linear-gradient(top, #900336 5%, #DA034D 100%);
	background:linear-gradient(to bottom, #900336 5%, #DA034D 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#900336', endColorstr='#DA034D',GradientType=0);
	background-color:#900336;
}
.bntvec01:active {
	position:relative;
	top:1px;
}

.bntvec2 {

	-moz-box-shadow:inset 0px 1px 0px 0px #844E57 ;
	-webkit-box-shadow:inset 0px 1px 0px 0px #844E57 ;
	box-shadow:inset 0px 1px 0px 0px #844E57 ;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #81043B), color-stop(1, #5D003E));
	background:-moz-linear-gradient(top, #81043B 5%, #5D003E 100%);
	background:-webkit-linear-gradient(top, #81043B 5%, #5D003E 100%);
	background:-o-linear-gradient(top, #81043B 5%, #5D003E 100%);
	background:-ms-linear-gradient(top, #81043B 5%, #5D003E 100%);
	background:linear-gradient(to bottom, #81043B 5%, #5D003E 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#81043B', endColorstr='#5D003E',GradientType=0);
	background-color:#81043B;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #52010F;
	display:inline-block;
	cursor:pointer;
	color:#F7F4F0;
	text-align:center;
	height:55px;
	font-size:18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #450123;
/*	text-shadow:0px 1px 0px #d1de7c;   */
}
.bntvec2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5D003E), color-stop(1, #81043B));
	background:-moz-linear-gradient(top, #5D003E 5%, #81043B 100%);
	background:-webkit-linear-gradient(top, #5D003E 5%, #81043B 100%);
	background:-o-linear-gradient(top, #5D003E 5%, #81043B 100%);
	background:-ms-linear-gradient(top, #5D003E 5%, #81043B 100%);
	background:linear-gradient(to bottom, #5D003E 5%, #81043B 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5D003E', endColorstr='#81043B',GradientType=0);
	background-color:#5D003E;
}
.bntvec2:active {
	position:relative;
	top:1px;
}


.bntvec2r {

	-moz-box-shadow:inset 0px 1px 0px 0px #844E57 ;
	-webkit-box-shadow:inset 0px 1px 0px 0px #844E57 ;
	box-shadow:inset 0px 1px 0px 0px #844E57 ;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5D000D), color-stop(1, #C8106E));
	background:-moz-linear-gradient(top, #5D000D 5%, #C8106E 100%);
	background:-webkit-linear-gradient(top, #5D000D 5%, #C8106E 100%);
	background:-o-linear-gradient(top, #5D000D 5%, #C8106E 100%);
	background:-ms-linear-gradient(top, #5D000D 5%, #C8106E 100%);
	background:linear-gradient(to bottom, #5D000D 5%, #C8106E 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5D000D', endColorstr='#C8106E',GradientType=0);
	background-color:#5D000D;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #52010F;
	display:inline-block;
	cursor:pointer;
	color:#F7F4F0;
	text-align:center;
	height:55px;
	font-size:18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #450123;
/*	text-shadow:0px 1px 0px #d1de7c;   */
}
.bntvec2r:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #C8106E), color-stop(1, #5D000D));
	background:-moz-linear-gradient(top, #C8106E 5%, #5D000D 100%);
	background:-webkit-linear-gradient(top, #C8106E 5%, #5D000D 100%);
	background:-o-linear-gradient(top, #C8106E 5%, #5D000D 100%);
	background:-ms-linear-gradient(top, #C8106E 5%, #5D000D 100%);
	background:linear-gradient(to bottom, #C8106E 5%, #5D000D 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C8106E', endColorstr='#5D000D',GradientType=0);
	background-color:#C8106E;
}
.bntvec2r:active {
	position:relative;
	top:1px;
}


.bntvec3 {

	-moz-box-shadow:inset 0px 1px 0px 0px #844E57 ;
	-webkit-box-shadow:inset 0px 1px 0px 0px #844E57 ;
	box-shadow:inset 0px 1px 0px 0px #844E57 ;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5d0139), color-stop(1, #35111d));
	background:-moz-linear-gradient(top, #5d0139 5%, #35111d 100%);
	background:-webkit-linear-gradient(top, #5d0139 5%, #35111d 100%);
	background:-o-linear-gradient(top, #5d0139 5%, #35111d 100%);
	background:-ms-linear-gradient(top, #5d0139 5%, #35111d 100%);
	background:linear-gradient(to bottom, #5d0139 5%, #35111d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d0139', endColorstr='#35111d',GradientType=0);
	background-color:#5d0139;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #52010F;
	display:inline-block;
	cursor:pointer;
	color:#F7F4F0;
	text-align:center;
	height:55px;
	font-size:18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #450123;
/*	text-shadow:0px 1px 0px #d1de7c;   */
}
.bntvec3:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #35111d), color-stop(1, #5d0139));
	background:-moz-linear-gradient(top, #35111d 5%, #5d0139 100%);
	background:-webkit-linear-gradient(top, #35111d 5%, #5d0139 100%);
	background:-o-linear-gradient(top, #35111d 5%, #5d0139 100%);
	background:-ms-linear-gradient(top, #35111d 5%, #5d0139 100%);
	background:linear-gradient(to bottom, #35111d 5%, #5d0139 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#35111d', endColorstr='#5d0139',GradientType=0);
	background-color:#35111d;
}
.bntvec3:active {
	position:relative;
	top:1px;
}
















.badge{
display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce){
.badge{
transition:none
}

}
a.badge:focus,a.badge:hover{
text-decoration:none
}
.badge:empty{
display:none
}
.badge-primary{
color:#fff;background-color:#007bff
}
a.badge-primary:focus,a.badge-primary:hover{
color:#fff;background-color:#0062cc
}
a.badge-primary.focus,a.badge-primary:focus{
outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)
}
.badge-secondary{
color:#fff;background-color:#6c757d
}
a.badge-secondary:focus,a.badge-secondary:hover{
color:#fff;background-color:#545b62
}
a.badge-secondary.focus,a.badge-secondary:focus{
outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)
}
.badge-success{
color:#fff;background-color:#28a745
}
a.badge-success:focus,a.badge-success:hover{
color:#fff;background-color:#1e7e34
}
a.badge-success.focus,a.badge-success:focus{
outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
}
.badge-info{
color:#fff;background-color:#17a2b8
}
a.badge-info:focus,a.badge-info:hover{
color:#fff;background-color:#117a8b
}
a.badge-info.focus,a.badge-info:focus{
outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
}
.badge-warning{
color:#1f2d3d;background-color:#ffc107
}
a.badge-warning:focus,a.badge-warning:hover{
color:#1f2d3d;background-color:#d39e00
}
a.badge-warning.focus,a.badge-warning:focus{
outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)
}
.badge-danger{
color:#fff;background-color:#dc3545
}
a.badge-danger:focus,a.badge-danger:hover{
color:#fff;background-color:#bd2130
}
a.badge-danger.focus,a.badge-danger:focus{
outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
}
.badge-light{
color:#1f2d3d;background-color:#f8f9fa
}
a.badge-light:focus,a.badge-light:hover{
color:#1f2d3d;background-color:#dae0e5
}
a.badge-light.focus,a.badge-light:focus{
outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)
}
.badge-dark{
color:#fff;background-color:#343a40
}
a.badge-dark:focus,a.badge-dark:hover{
color:#fff;background-color:#1d2124
}
a.badge-dark.focus,a.badge-dark:focus{
outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)
}
@font-face {
    font-family: 'Maledpan';
    src: url('maledpan-regular-webfont.eot');
    src: url('maledpan-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('maledpan-regular-webfont.woff2') format('woff2'),
         url('maledpan-regular-webfont.woff') format('woff'),
         url('maledpan-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Maledpan';
    font-weight: 700;
    font-style: bold;
	src: url('maledpan-regular-webfont.eot');
    src: url('maledpan-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('maledpan-regular-webfont.woff2') format('woff2'),
         url('maledpan-regular-webfont.woff') format('woff'),
         url('maledpan-regular-webfont.ttf') format('truetype');
	
}
@font-face {
    font-family: 'PKMaehongson';
    src: url('../dist/css/font/PK-Maehongson-Regular.eot');
    src: url('../dist/css/font/PK-Maehongson-Regular.eot?#iefix') format('embedded-opentype'),
        url('../dist/css/font/PK-Maehongson-Regular.woff2') format('woff2'),
        url('../dist/css/font/PK-Maehongson-Regular.woff') format('woff'),
        url('../dist/css/font/PK-Maehongson-Regular.ttf') format('truetype'),
        url('../dist/css/font/PK-Maehongson-Regular.svg#PK-Maehongson-Regular') format('svg');
    font-weight:300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PKMaehongson';
    src: url('../dist/css/font/PK-Maehongson-Medium.eot');
    src: url('../dist/css/font/PK-Maehongson-Medium.eot?#iefix') format('embedded-opentype'),
        url('../dist/css/font/PK-Maehongson-Medium.woff2') format('woff2'),
        url('../dist/css/font/PK-Maehongson-Medium.woff') format('woff'),
        url('../dist/css/font/PK-Maehongson-Medium.ttf') format('truetype'),
        url('../dist/css/font/PK-Maehongson-Medium.svg#PK-Maehongson-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PKMaehongson';
    src: url('../dist/css/font/PK-Maehongson-Bold.eot');
    src: url('../dist/css/font/PK-Maehongson-Bold.eot?#iefix') format('embedded-opentype'),
        url('../dist/css/font/PK-Maehongson-Bold.woff2') format('woff2'),
        url('../dist/css/font/PK-Maehongson-Bold.woff') format('woff'),
        url('../dist/css/font/PK-Maehongson-Bold.ttf') format('truetype'),
        url('../dist/css/font/PK-Maehongson-Bold.svg#PK-Maehongson-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body { 
/*font-family: 'Maledpan' !important; */
font-family:"PKMaehongson","Maledpan","Prompt",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;
font-weight:normal;
}

.ffname {  color:#2D2E29; font-size:18px;}
.contact1 { 

	color:#575552; font-size:16px; 
	border-radius:5px;  
	-webkit-font-smoothing:  antialiased;
	font-smoothing: antialiased;
  }


html {
  box-sizing: border-box;
}


*,
*:before,
*:after {
  box-sizing: inherit;
}

 .scrwide{
    width:390px;
  }
  
  .txtwd{
    width:390px;
  }
   .horspace{
	  height:20px;
  }
 
  
  
	/* IPAD HOR */
@media only screen and (max-width: 1200px){
  }
  
  /* IPAD VER */
@media only screen and (max-width: 900px){
   .horspace{
	 height:20px;
  }	
  }
	
	 /* PHONE HOR */
 @media only screen and (max-width: 770px){
	
 }
	
  	 /* PHONE HOR */
 @media only screen and (max-width: 600px){
   .horspace{
	  height:40px;
   }
  }


 @media only screen and (max-width: 500px){
	.horspace{
	  height:20px;
    }
	.dialog {
		width: 420px;
	}

	.aboutinfo{
		width: 390px;	
		height:78px;
		margin: 0px -6 auto;
	}

 }	
 
 @media only screen and (max-width: 420px){
	.dialog {
		width: 400px;

	}
	
	.aboutinfo{
		width: 380px;	
		height:75px;
	}
 }	
	
 @media only screen and (max-width: 395px){
	.horspace{
	  height:10px;
    }	 
	 
	.dialog {
		width: 380px;
		margin-left:4px;
	}
	
	.aboutinfo{
		width: 355px;	
		height:70px;
	}
	
	.maroon,.maroonr,.orange,.redd2,.greyy,.green1,.yell_2,.yell_1,.blue1,.blue2,.blue3,.pastel1,.pastel1r,.pastel2,.pastel2r,.pastel3,.pastel3r,.pastel4,.bbgray {
	font-size:17px;
	}
	
 }

	
 @media only screen and (max-width: 380px){
	.dialog {
		width: 368px;
		margin-left:3px;
	}
	
	.aboutinfo{
		width: 350px;	
		height:70px;
	}
 }


 @media only screen and (max-width: 360px){
	.dialog {
		width: 350px;
		margin-left:3px;
	}
	
	.aboutinfo{
		width: 330px;	
		height:65px;
	}
 }




.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated1 {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.1s;
}

.animated2 {
  
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.2s;
}


.animated3 {
  
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.3s;
}


 .animated4 {
  
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.4s;
} 
  
.animated5 {
  
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
}


.animated6 {
  
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.6s;
}

.animated7 {
  
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.7s;
}

.animated8 {
  
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.8s;
}