/* Green Button
----------------------------------------------------------------------------------------------------*/

.greenbutton {
  float: none;
  background-color: #6AA71D;
  background-image: -webkit-linear-gradient(top, #A4D55C 0%, #7DAD14 50%, #6AA71D 100%);
  background-image: -moz-linear-gradient(top, #A4D55C 0%, #7DAD14 50%, #6AA71D 100%);
  background-image: -ms-linear-gradient(top, #A4D55C 0%, #7DAD14 50%, #6AA71D 100%);
  background-image: -o-linear-gradient(top, #A4D55C 0%, #7DAD14 50%, #6AA71D 100%);
  background-image: linear-gradient(top, #A4D55C 0%, #7DAD14 50%, #6AA71D 100%);
  border: 1px solid #667;
  border-bottom: 1px solid #666;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: inset 0 1px 1px 0 #FFF, 0 3px 3px #CCC;
  -moz-box-shadow: inset 0 1px 0px 0 #FFF, 0 3px 3px #CCC;
  box-shadow: inset 0 1px 0px 0 #FFF, 0 3px 3px #CCC;
  color: #fff;
  line-height: 1;
  font-size: 16px;
  padding: 14px 12px 16px;
  margin: 0 20px 0 0;
  text-transform: uppercase;
  text-align: center;
  text-shadow: -1px -1px #333;
  text-decoration: none;
  font-weight: 400;
  display: inline-block; }

.greenbutton:hover {
    background-color: #A4D55C;
  background-image: -webkit-linear-gradient(top, #6AA71D 0%, #6AA71D 100%);
  background-image: -moz-linear-gradient(top, #6AA71D 0%, #6AA71D 100%);
  background-image: -ms-linear-gradient(top, #6AA71D 0%, #6AA71D 100%);
  background-image: -o-linear-gradient(top, #6AA71D 0%, #6AA71D 100%);
  background-image: linear-gradient(top, #6AA71D 0%, #6AA71D 100%);
  -webkit-box-shadow: 0 3px 3px #CCC;
  -moz-box-shadow: 0 3px 3px #CCC;
  box-shadow: 0 3px 3px #CCC;
    cursor: pointer; }

.greenbutton:active {
    background-color: #A4D55C;
  background-image: -webkit-linear-gradient(top, #6AA71D 0%, #6AA71D 100%);
  background-image: -moz-linear-gradient(top, #6AA71D 0%, #6AA71D 100%);
  background-image: -ms-linear-gradient(top, #6AA71D 0%, #6AA71D 100%);
  background-image: -o-linear-gradient(top, #6AA71D 0%, #6AA71D 100%);
  background-image: linear-gradient(top, #6AA71D 0%, #6AA71D 100%);
  -webkit-box-shadow: inset 0 1px 1px 0 #FFF, 0 1px 1px #777;
  -moz-box-shadow: inset 0 1px 1px 0 #FFF, 0 1px 1px #777;
  box-shadow: inset 0 1px 1px 0 #FFF, 0 1px 1px #777;
  }

.greenbutton span {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  font-style: italic;
  color: #333;
  text-shadow: 1px 1px #9CBC55;
  letter-spacing: 0;
}

/* new welcome page */
.content-fluid.welcome .graybutton{background-image:-moz-linear-gradient(90deg,#6a6a6a 23%,#969696 100%);background-image:-webkit-linear-gradient(90deg,#6a6a6a 23%,#969696 100%);background-image:-ms-linear-gradient(90deg,#6a6a6a 23%,#969696 100%);box-shadow:0 5px 5px 0 rgba(0,0,0,.16);float:none;border:1px solid #667;border-bottom:1px solid #666;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;-webkit-box-shadow:inset 0 1px 1px 0 #fff,0 3px 3px #ccc;-moz-box-shadow:inset 0 1px 0 0 #fff,0 3px 3px #ccc;box-shadow:inset 0 1px 0 0 #fff,0 3px 3px #ccc;color:#fff;line-height:1;font-size:16px;padding:14px 12px 16px;margin:0 20px 0 0;text-transform:uppercase;text-align:center;text-shadow:-1px -1px #333;text-decoration:none;font-weight:400;display:inline-block}.content-fluid.welcome .graybutton:hover{background-image:none;background-color:#7c7c7c;-webkit-box-shadow:0 0 0 inset;-moz-box-shadow:0 0 0 inset;box-shadow:0 0 0 inset}.content-fluid.welcome .graybutton:hover,.content-fluid.welcome .greenbutton:hover,.content-fluid.welcome .greenbutton:visited{color:#fff}.content-fluid.welcome .pod-content{border-top:0;padding-top:0;background:url(/images/gradient-background.jpg) center center no-repeat;background-size:cover;padding:7.5% 9% 9% 9%;color:#61605f;position:relative;font-size:17px;line-height:1.4}.content-fluid.welcome .wrapper{position:relative;z-index:2;width:60%}.content-fluid.welcome h1.title{font-size:55px;font-weight:lighter;margin-bottom:50px}.content-fluid.welcome h2{padding:0;background-image:none;text-shadow:none;color:#605f5e;font-size:25px;margin-bottom:5px !important}.content-fluid.welcome .img-welcome-right{position:absolute;width:40%;bottom:0;right:0;z-index:1;padding:0}.content-fluid.welcome .img-welcome-right img{max-width:100%;height:auto;float:right}.content-fluid.welcome .form-add-site{border-radius:10px;overflow:hidden;margin-top:45px;margin-bottom:95px;height:55px;background-color:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.05);position:relative}.content-fluid.welcome .form-add-site input[type=text],.content-fluid.welcome .form-add-site input[type=url]{border:0;padding-left:20px;padding-right:20px;float:left;height:100%;font-size:18px;color:#444;width:100%;padding-right:180px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.content-fluid.welcome .form-add-site input[type=text]:focus,.content-fluid.welcome .form-add-site input[type=url]:focus{color:#222}.content-fluid.welcome .form-add-site .greenbutton{height:75%;padding:10px;position:absolute;right:10px;top:0;bottom:0;margin:auto}.content-fluid.welcome .more-sites-tip{font-size:15px;overflow:hidden}.content-fluid.welcome .more-sites-tip img{margin-left:10%;margin-top:10px}.content-fluid.welcome #lock-screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;display:none}.content-fluid.welcome #lock-screen #bg-color{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;background-color:#ccc;opacity:.6}.content-fluid.welcome #lock-screen .popup{border-radius:15px;background-color:#fff;box-shadow:0 5px 10px 0 rgba(0,0,0,.1);display:inline-block;max-width:700px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:50px;position:absolute;top:20%;left:17%;margin:auto;z-index:2;font-size:18px}.content-fluid.welcome #lock-screen .popup h1{font-size:31px;font-weight:lighter}.content-fluid.welcome #lock-screen .popup p{margin-bottom:0}.content-fluid.welcome #lock-screen .popup hr{margin:30px 0;border-color:#dfdfdf}.content-fluid.welcome #lock-screen .popup .graybutton,.content-fluid.welcome #lock-screen .popup .greenbutton{width:124px;margin-right:12px}.content-fluid.welcome #lock-screen .popup a.link{font-size:13px;color:gray;float:right;margin-left:30px;margin-top:15px}.content-fluid.welcome #lock-screen .popup a.link:hover{color:#222;text-decoration:none}@media(max-width:1650px){.content-fluid.welcome .more-sites-tip img{display:none}.content-fluid.welcome .img-welcome-right img{max-width:90%}.content-fluid.welcome .wrapper{width:65%}.content-fluid.welcome .img-welcome-right{width:35%}}@media(max-width:1350px){.content-fluid.welcome .pod-content{font-size:15px}.content-fluid.welcome .more-sites-tip{font-size:13px}.content-fluid.welcome h1.title{font-size:40px}.content-fluid.welcome h2{font-size:21px}.content-fluid.welcome .form-add-site{margin-bottom:50px;width:130%}.content-fluid.welcome #lock-screen .popup{left:0;right:0}}@media(max-width:1160px){.content-fluid.welcome .wrapper,.content-fluid.welcome .form-add-site{width:100%}.content-fluid.welcome .img-welcome-right{display:none}}