/* WebmontonMedia Responsive v5 Copyright 2016 Webmonton Ltd. */

/*#region Image Shadow */
/* ------------------------------------------- */
.wimgshadow {-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:4px 4px 5px 0px rgba(0, 0, 0, 0.2);box-shadow:4px 4px 5px 0px rgba(0, 0, 0, 0.2);border:0px solid #fff; }
/*#endregion */

/*#region Slider Panel */
/* ------------------------------------------- */
.wslidepanel {position: relative;margin: 0;padding: 0; clear:both;}
.wslideheader {background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
}
.wslideheader a{display:block;font-size:16px; padding:7px 7px 7px 38px; font-weight:bold; margin:0px; width:auto; text-decoration:none; border:1px solid #ccc; background: url(../img/warrow-down-dark-25.png) no-repeat 12px 12px;}
.wslideheader a:hover{}
.wslidebody {padding: 5px 0 15px 0;margin: 0px;display:none;}

/* Slider Panel Var1 */
.wslidevar1 .wslidepanel {position: relative;margin: 0;padding: 0; clear:both;}
.wslidevar1 .wslideheader { background:#f7f7f7;text-align:left;margin:6px 0 0 0;padding:.5rem;border:1px solid #cbd5ef; transition: all 0.7s ease;}
.wslidevar1 .wslideheader:hover { background:#204499;}
.wslidevar1 .wslideheader a {background:none; font-size:1.2rem; border:0px solid #cbd5ef; padding:0; margin:0px; width: auto; display:block; transition: all 0.7s ease;}
.wslidevar1 .wslideheader a:hover {color:#fff;}
.wslidevar1 .wslideheader a .fas {margin:0 .5rem; color:#F15A29; transition: all 0.7s ease;}
.wslidevar1 .wslideheader a:hover .fas {color:#ffffff;}

.wslidevar1 .wslidebody { padding:0; margin: 0px; display:none; border:1px solid #cbd5ef; border-width:0 1px 1px;}
.wslidevar1 .wslidebody .wslidebodyinner {padding: 1rem;}

/* Slider Panel Var2 */
.wslidevar2 .wslidepanel {position: relative;margin: 0;padding: 0; clear:both;}
.wslidevar2 .wslideheader {background:none;text-align:right;margin:6px 0px;}

/* Slider Panel Var2 - Help Ico  */
.wslidevar2 .wslideheader a {font-size:12px; border:0px solid red; padding:0px 30px 0px 0px;margin:0px;width: auto; height:20px; background: url(../img/whelp-01.png) no-repeat right top; display:block;}
.wslidevar2 .wslideheader a:hover {background-position: right -20px;}
.wslidevar2 .wslidebody {padding: 5px 0 15px 0;margin: 0px;display:none;}

/* Slider Panel Var3 */
.wslidevar3 .wslidepanel {position: relative;margin: 0;padding: 0; clear:both; margin-top:25px;}
.wslidevar3 .wslideheader {background:none;text-align:left;margin:10px 0px;}

.wslidevar3 .wslideheader a {color:#fff; padding:7px 7px 7px 38px;margin:0px; border:1px solid #B2B2B2; width:auto; text-decoration:none;  background:#4CA913 url(../img/warrow-down-dark-25.png) no-repeat 12px 12px; display:block; font-weight:bold;font-size: 14px; font-weight: bold; font-family: Arial,Helvetica, Sans-Serif;}
.wslidevar3 .wslideheader a:hover {color:#fff;background-color:#00457E}
.wslidevar3 .wslidebody {padding: 5px 0 15px 0;margin: 0px;display:none;}

.wslidevar4 .wslidepanel {position: relative;margin: 0;padding: 0; clear:both;}
.wslidevar4 .wslideheader { background:#eaeaea;text-align:left;margin:6px 0px;}
.wslidevar4 .wslideheader:hover { background:#dadada;}
.wslidevar4 .wslideheader a { background: url(../img/warrow-down-dark-25.png) no-repeat 12px 17px;font-size:18px; font-family:'Raleway',Arial, Helvetica, sans-serif; border:0px solid red; color:#999999; padding:6px 6px 6px 36px;margin:0px;width: auto; display:block;}
.wslidevar4 .wslideheader a:hover {color:#999999;/*background-position: left -20px;*/}
.wslidevar4 .wslidebody {padding: 5px 0 15px 0;margin: 0px;display:none;}

.wslidevar5 .wslidepanel {position: relative;margin: 0;padding: 0; clear:both;}
.wslidevar5 .wslideheader { background:transparent;text-align:left;margin:6px 0px;}
.wslidevar5 .wslideheader:hover { background:transparent;}
.wslidevar5 .wslideheader a { background:transparent;border:0px solid #999999; color:#999999; padding:.5rem; margin:0px; width: auto; display:inline-block;}
.wslidevar5 .wslideheader a:hover {color:#999999;/*background-position: left -20px;*/}
.wslidevar5 .wslidebody {padding: 1rem;margin: 0 0 1rem 0;display:none;}

/*#endregion */


/*#region BounceUpDown*/
.wbouncer {
  animation: MoveUpDown2 2s linear infinite;
  position: absolute;
  left: 0;
  bottom: 0;
}

@-webkit-keyframes MoveUpDown2 {

  0%, 20%, 50%, 80%, 100% {

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

  }

  40% {

  -webkit-transform: translateY(-20px);

  -moz-transform: translateY(-20px);

  -ms-transform: translateY(-20px);

  transform: translateY(-20px);

  }

  60% {

  -webkit-transform: translateY(-10px);

  -moz-transform: translateY(-10px);

  -ms-transform: translateY(-10px);

  transform: translateY(-10px);

  }

  }

  @-moz-keyframes MoveUpDown2 {

  0%, 20%, 50%, 80%, 100% {

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

  }

  40% {

  -webkit-transform: translateY(-20px);

  -moz-transform: translateY(-20px);

  -ms-transform: translateY(-20px);

  transform: translateY(-20px);

  }

  60% {

  -webkit-transform: translateY(-10px);

  -moz-transform: translateY(-10px);

  -ms-transform: translateY(-10px);

  transform: translateY(-10px);

  }

  }

  @-ms-keyframes MoveUpDown2 {

  0%, 20%, 50%, 80%, 100% {

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

  }

  40% {

  -webkit-transform: translateY(-20px);

  -moz-transform: translateY(-20px);

  -ms-transform: translateY(-20px);

  transform: translateY(-20px);

  }

  60% {

  -webkit-transform: translateY(-10px);

  -moz-transform: translateY(-10px);

  -ms-transform: translateY(-10px);

  transform: translateY(-10px);

  }

  }

  @keyframes MoveUpDown2 {

  0%, 20%, 50%, 80%, 100% {

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

  }

  40% {

  -webkit-transform: translateY(-20px);

  -moz-transform: translateY(-20px);

  -ms-transform: translateY(-20px);

  transform: translateY(-20px);

  }

  60% {

  -webkit-transform: translateY(-10px);

  -moz-transform: translateY(-10px);

  -ms-transform: translateY(-10px);

  transform: translateY(-10px);

  }

  }






/*#region Image Hover Grow */
/* ------------------------------------------- */
.wgrow { overflow: hidden; padding: 1px 2px 0 0; }
.wgrow img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.wgrow:hover img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
/*#endregion */

/*#region Shake Anything */
/* ------------------------------------------- */
@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-2deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(2deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(2deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-2deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-2deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(2deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-2deg); }
}

.wshake { display: inline-block; }
.wshake:hover, .wshake:focus { -webkit-animation-name: spaceboots; -webkit-animation-duration: 1.5s; -webkit-transform-origin: 50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }
/*#endregion */

/*#region Scale Embeded */
/* ------------------------------------------- */
.wvideoembed {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.wvideoembed iframe, .wvideoembed object, .wvideoembed embed {position:absolute; top:0; left:0; width:100%; height:100%;}
/*#endregion */

/*#region Shift */
/* ------------------------------------------- */
a.wshift { background: url(../img/wshift01.png) 0 50% no-repeat; display: inline-block; padding: 10px 0px 12px 38px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-size: 16px; text-decoration: none; text-transform: none; }
a.wshift:hover { background-position: 100% 50%; padding: 10px 38px 12px 0px; }

a.wshiftback { background: url(../img/wshiftback01.png) 100% 50% no-repeat; display: inline-block; padding: 10px 38px 12px 0px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-size: 16px; text-decoration: none; text-transform: none; }
a.wshiftback:hover {background-position: 0% 50%; padding: 10px 0px 12px 38px; }

/*#endregion */

/*#region Shift Stuff */
/* ------------------------------------------- */
/* Shift Feature */
a.wshiftfeature { color: #ccc; background: url(../img/wshiftfeature02.png) 0 0 no-repeat; display: inline-block; padding: 0px 0px 0px 60px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; text-decoration: none; text-transform: none; line-height:normal; }
a.wshiftfeature strong{ font-size: 15px; font-weight:normal;}
a.wshiftfeature:hover { color: #fff; background-position: 100% 0; padding: 0px 60px 0px 0px; }

/* ------------------------------------------- */
/* Shift Feature List ???? */
.linklist {padding-left:0px;}
.linkitem {list-style-type:none;
border:1px solid #4e4e4e;padding:15px 18px 15px 18px; margin:0px 0px 8px 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;-webkit-box-shadow: 0 0 15px -5px #000;-moz-box-shadow: 0 0 15px -5px #000;box-shadow: 0 0 15px -5px #000;
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.linkitem a { color: #ececec; font-weight:normal; background: url(../img/wshiftfeature02.png) 0 0 no-repeat; display: inline-block; padding: 0px 0px 0px 60px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; font-family: Roboto, Arial, Helvetica, Sans-Serif; font-size: 15px; text-decoration: none; text-transform: none; line-height:normal; }
.linkitem a:hover { color: #FFF; background-position: 100% 0; padding: 0px 60px 0px 0px; }

/* ------------------------------------------- */
/* Box for Shift Menu ????*/
.wlist1 { }
.wlist1 p { background: url(../img/lineH.png) 0 100% repeat-x; border-bottom: 1px #666 dashed; list-style: none; margin: 0px; padding: 0px; }

a.wshiftmenu { background: url(../img/wshiftmenu_right03.png) 0 50% no-repeat; display: inline-block; padding: 10px 0px 12px 37px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-family: Arial, Helvetica, Sans-Serif; font-size: 17px; text-decoration: none; color: #444; text-transform: none; }
a.wshiftmenu:hover { background-position: 100% 50%; padding: 10px 37px 12px 0px; }

/*#endregion */

/*#region Counter */

.wcounter {text-align:center;}
.wcounter .wcountitem {width:200px;padding:1rem .5rem;margin:.1rem;text-align:center;display:inline-block;border:1px solid #ececec;vertical-align: top;}
.wcounter .wcountitem .wcounterhead {font-size:.8rem;}
.wcounter .wcountitem .fas {font-size:3rem;margin-bottom:1rem;}
.wcounter .wcount {font-size:3rem;}

/*#endregion*/

/*#region Timesheet */  

.wcustomers {width:100%;}
.wcustomers th, .wcustomers td {padding:3px;font-size:.7rem;}
.wcustomers tr:nth-child(even) {background-color:#f7f7f7;}
.wcontrols span a{padding:2px 3px;font-size:.7rem;}
.wpopinfo {display:none; width:320px; position:absolute;padding:1rem; font-size:.8rem;background:#f7f7f7;border:1px solid #999;left:5rem;z-index:1;box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.15);}
.wcustomers .wpophere {position:relative;}
.wcustomers .wpophere:hover .wpopinfo {display:block;}

.winstances {width:100%;}
.winstances th, .winstances td {padding:3px;font-size:.7rem;}
.winstances tr:nth-child(even) {background-color:#f7f7f7;}
.winstances .wpophere {position:relative;}
.winstances .wpophere:hover .wpopinfo {display:block;}
.wmarkersquare {color:#ffffff;display:inline-block;padding:2px 4px;text-align:center;width:20px;}

.wcustomertime {width:100%;}
.wcustomertime th, .wcustomertime td {padding:3px;font-size:.7rem;vertical-align:top;}
.wcustomertime tr:nth-child(even) {background-color:#f7f7f7;}
.wcontrols span a{padding:2px 3px;font-size:.7rem;}
.wtimetable {width:100%;font-size:.8rem;} 

.wcustomerhosting .wpophere {position:relative;}
.wcustomerhosting .wpophere:hover .wpopinfo {display:block;}

.wcustomerhosting a, .wcustomerhosting a:link, .wcustomerhosting a:visited {color:#168cff;}
.wcustomerhosting a:hover {color:#00add2;}

a.wediticon, a.wediticon:link, a.wediticon:visited {font-size:.9rem; color:#d7d7d7;}
a.wediticon:hover {font-size:.9rem; color:#00add2;} 

/*#endregion*/

/*#region Misc Used?? */

/* ------------------------------------------- */
/* Footer List ?????*/
ul.wlistvar1 { list-style:none; padding-left:0;}
ul.wlistvar1 li {border-bottom:1px solid #9A1D20;padding:10px;font-size:14px; font-family: Arial, Helvetica, Sans-Serif; font-weight:bold; margin-top:0;}
ul.wlistvar1 li a, ul.wlistvar1 li a:link, ul.wlistvar1 li a:visited { text-decoration:none;}
ul.wlistvar1 li:first-child {border-top:1px solid #9A1D20;}

/* ------------------------------------------- */
/* Grow from left, for Bootstrap progress bars ????*/
@keyframes slideInFromLeft {
    0% {transform: translateX(-100%);}
    100% {transform: translateX(0);}
}
.wprogressgroup {}
.wprogressgroup p{font-size:0.9rem;margin:.2rem 0 0 0;}
.progress {height:1.5rem;}
/*.progress-bar {animation: 1s ease-out 0s 1 slideInFromLeft;}*/

/*#endregion */

/*#region Fire Button */
.wfire-button {
  margin: auto;
  position: relative;
}

.frills,
.frills:after,
.frills:before {
  position: absolute;
  background: #e75bd2;
  border-radius: 4px;
  height: 8px;
}

.frills:after,
.frills:before {
  content: "";
  display: block;
}

.frills:before {
  bottom: 45px;
}

.frills:after {
  top: 45px;
}

.left-frills {
  right: 164px;
  top: 28.5px;
}
.firebtn .left-frills {
  -webkit-animation: move-left 0.38s ease-out, width-to-zero 0.38s ease-out;
          animation: move-left 0.38s ease-out, width-to-zero 0.38s ease-out;
}
.left-frills:before, .left-frills:after {
  left: 15px;
}
.firebtn .left-frills:before {
  -webkit-animation: width-to-zero 0.38s ease-out, move-up 0.38s ease-out;
          animation: width-to-zero 0.38s ease-out, move-up 0.38s ease-out;
}
.firebtn .left-frills:after {
  -webkit-animation: width-to-zero 0.38s ease-out, move-down 0.38s ease-out;
          animation: width-to-zero 0.38s ease-out, move-down 0.38s ease-out;
}

.right-frills {
  left: 164px;
  top: 28.5px;
}
.firebtn .right-frills {
  -webkit-animation: move-right 0.38s ease-out, width-to-zero 0.38s ease-out;
          animation: move-right 0.38s ease-out, width-to-zero 0.38s ease-out;
}
.right-frills:before, .right-frills:after {
  right: 15px;
}
.firebtn .right-frills:before {
  -webkit-animation: width-to-zero 0.38s ease-out, move-up 0.38s ease-out;
          animation: width-to-zero 0.38s ease-out, move-up 0.38s ease-out;
}
.firebtn .right-frills:after {
  -webkit-animation: width-to-zero 0.38s ease-out, move-down 0.38s ease-out;
          animation: width-to-zero 0.38s ease-out, move-down 0.38s ease-out;
}

.left-frills:before,
.right-frills:after {
  -webkit-transform: rotate(34deg);
          transform: rotate(34deg);
}

.left-frills:after,
.right-frills:before {
  -webkit-transform: rotate(-34deg);
          transform: rotate(-34deg);
}

@-webkit-keyframes move-left {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  65% {
    -webkit-transform: translateX(-80px);
            transform: translateX(-80px);
  }
  100% {
    -webkit-transform: translateX(-80px);
            transform: translateX(-80px);
  }
}

@keyframes move-left {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  65% {
    -webkit-transform: translateX(-80px);
            transform: translateX(-80px);
  }
  100% {
    -webkit-transform: translateX(-80px);
            transform: translateX(-80px);
  }
}
@-webkit-keyframes move-right {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  65% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
  }
  100% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
  }
}
@keyframes move-right {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  65% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
  }
  100% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
  }
}
@-webkit-keyframes width-to-zero {
  0% {
    width: 38px;
  }
  100% {
    width: 8px;
  }
}
@keyframes width-to-zero {
  0% {
    width: 38px;
  }
  100% {
    width: 8px;
  }
}
@-webkit-keyframes move-up {
  100% {
    bottom: 69.75px;
  }
}
@keyframes move-up {
  100% {
    bottom: 69.75px;
  }
}
@-webkit-keyframes move-down {
  100% {
    top: 69.75px;
  }
}
@keyframes move-down {
  100% {
    top: 69.75px;
  }
}
/*#endregion */

/*#region Box Pulse */

.wpulse {
  margin:100px;
  display: block;
  width: 28px;
  height: 20px;
  border-radius: 5px;
  /*background: #1eb700;*/
  cursor: pointer;
  box-shadow: 0 0 0 rgba(30,183,0, 0.5);
  animation: pulse 2s infinite;
  position: absolute;
  top: -81px;
  left: -97px;

}
/*.wpulse:hover {
  animation: none;
}*/

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(30,183,0, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(30,183,0, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(30,183,0, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(30,183,0, 0.4);
    box-shadow: 0 0 0 0 rgba(30,183,0, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(30,183,0, 0);
      box-shadow: 0 0 0 10px rgba(30,183,0, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(30,183,0, 0);
      box-shadow: 0 0 0 0 rgba(30,183,0, 0);
  }
}

/*#endregion */


/* ------------------------------------------- */
/* Goodies - Mobile */
@media screen and (max-width:799px) {

}