.ppocta-ft-fix {
  display:inline-grid;
  position:fixed;
  bottom:10%;
  right:40px;
  min-width:50px;
  text-align:center;
  z-index:99999
}
.skype {
  font-size:30px!important
}
.skype span {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:18px!important
}
#messengerButton {
  display:inline-block;
  position:relative;
  width:50px;
  height:50px;
  line-height:50px;
  border-radius:100%;
  box-shadow:0 0 10px -2px rgba(0,0,0,.7);
  background:#D7B461 url(../../khostock.net/wp-content/uploads/2017/11/m-fb.png) center center no-repeat;
  margin-bottom:10px
}
a#messengerButton {
  outline:0
}
a#messengerButton:hover {
  text-decoration:none;
  background:#f16029 url(../../khostock.net/wp-content/uploads/2017/11/m-fb.png) center center no-repeat
}
a#messengerButton span {
  z-index:10;
  display:none;
  padding:10px;
  right:45px;
  width:200px;
  line-height:16px;
  border-radius:4px;
  box-shadow:5px 5px 8px #ccc
}
a#messengerButton:hover span {
  display:inline;
  position:absolute;
  color:#111;
  border:1px solid #dca;
  background:#fffaf0
}
@media (max-width:640px) {
  a#messengerButton:hover span {
    display:none
  }
}
#zaloButton {
  display:inline-block;
  position:relative;
  width:50px;
  height:50px;
  line-height:50px;
  border-radius:100%;
  box-shadow:0 0 10px -2px rgba(0,0,0,.7);
  background:#D7B461 url(../../khostock.net/wp-content/uploads/2017/11/skyper.png) center center no-repeat;
  margin-bottom:10px
}
a#zaloButton {
  outline:0
}
a#zaloButton:hover {
  text-decoration:none;
  background:#f16029 url(../../khostock.net/wp-content/uploads/2017/11/skyper.png) center center no-repeat
}
a#zaloButton span {
  z-index:10;
  display:none;
  padding:15px;
  right:60px;
  width:200px;
  line-height:16px;
  border-radius:4px;
  box-shadow:5px 5px 8px #ccc
}
a#zaloButton:hover span {
  display:inline;
  position:absolute;
  color:#111;
  border:1px solid #dca;
  background:#fffaf0
}
@media (max-width:640px) {
  a#zaloButton:hover span {
    display:none
  }
}
#registerNowButton {
  display:inline-block;
  position:relative;
  height:50px;
  width:50px;
  line-height:50px;
  border-radius:100%;
  box-shadow:0 0 10px -2px rgba(0,0,0,.7);
  background:#D7B461 url(../../khostock.net/wp-content/uploads/2017/11/mail.png) center center no-repeat
}
a#registerNowButton {
  outline:0
}
a#registerNowButton:hover {
  text-decoration:none;
  background:#f16029 url(../../khostock.net/wp-content/uploads/2017/11/mail.png) center center no-repeat
}
a#registerNowButton span {
  z-index:10;
  display:none;
  padding:10px;
  right:45px;
  width:200px;
  line-height:16px;
  border-radius:4px;
  box-shadow:5px 5px 8px #ccc
}
a#registerNowButton:hover span {
  display:inline;
  position:absolute;
  color:#111;
  border:1px solid #dca;
  background:#fffaf0
}
@media (max-width:640px) {
  a#registerNowButton:hover span {
    display:none
  }
}
#calltrap-btn {
  background-color:#2074a1;
  -webkit-border-radius:50%;
  border-radius:50%;
  display:block;
  height:50px;
  line-height:100px;
  opacity:.7;
  text-align:center;
  width:50px;
  z-index:9999;
  -webkit-animation:calltrap_opacity 3s infinite linear;
  -moz-animation:calltrap_opacity 3s infinite linear;
  -o-animation:calltrap_opacity 3s infinite linear;
  animation:calltrap_opacity 3s infinite linear
}
a#calltrap-btn {
  outline:0
}
a#calltrap-btn strong {
  font-size:18px;
  color:red
}
a#calltrap-btn:hover {
  text-decoration:none;
  background:#f16029
}
a#calltrap-btn span {
  z-index:10;
  display:none;
  padding:10px;
  top:0;
  right:45px;
  width:150px;
  line-height:16px;
  border-radius:4px;
  box-shadow:5px 5px 8px #ccc
}
a#calltrap-btn:hover span {
  display:inline;
  position:absolute;
  color:#111;
  border:1px solid #dca;
  background:#fffaf0
}
@media (max-width:640px) {
  a#calltrap-btn:hover span {
    display:none
  }
}
#calltrap-btn.calltrap_offline {

  background-color:#D7B461;
  margin-bottom:20px
}
#calltrap-ico {
  width:50px;
  height:50px;
  border:0;
  -webkit-border-radius:50%!important;
  border-radius:50%!important;
  -o-background-clip:padding-box;
  background-clip:padding-box;
  -webkit-animation:uptocallmini 1.5s 0s ease-out infinite;
  -moz-animation:uptocallmini 1.5s 0s ease-out infinite;
  -o-animation:uptocallmini 1.5s 0s ease-out infinite;
  animation:uptocallmini 1.5s 0s ease-out infinite
}
#calltrap-ico:before {
  content:"";
  position:absolute;
  width:25px;
  height:25px;
  background-size:cover;
  top:5px;
  left:5px;
  background-image:url(../../khostock.net/wp-content/uploads/2017/11/phone-call.png);
  background-repeat:no-repeat;
  -webkit-animation:calltrap_spin 3s infinite linear;
  -moz-animation:calltrap_spin 3s infinite linear;
  -o-animation:calltrap_spin 3s infinite linear;
  animation:calltrap_spin 3s infinite linear
}
.calltrap_offline #calltrap-ico {
  -webkit-animation:uptocallmini_offline 1.5s 0s ease-out infinite;
  -moz-animation:uptocallmini_offline 1.5s 0s ease-out infinite;
  -o-animation:uptocallmini_offline 1.5s 0s ease-out infinite;
  animation:uptocallmini_offline 1.5s 0s ease-out infinite
}
#calltrap-overlay {
  background-color:#191919;
  background-color:rgba(25,25,25,.9);
  position:fixed;
  z-index:9998;
  width:100%;
  height:100%;
  left:0;
  top:0;
  text-align:center;
  display:none
}
#calltrap-overlay .b-calltrap-overlay {
  display:table;
  width:100%;
  height:100%
}
#calltrap-overlay .b-calltrap-overlay__body,
#calltrap-overlay .b-calltrap-overlay__footer,
#calltrap-overlay .b-calltrap-overlay__header {
  display:table-row;
  padding:0;
  margin:0
}
#calltrap-overlay .b-calltrap-overlay__body-block,
#calltrap-overlay .b-calltrap-overlay__footer-block,
#calltrap-overlay .b-calltrap-overlay__header-block {
  display:table-cell;
  vertical-align:middle;
  text-align:center
}
#calltrap-overlay .b-calltrap-overlay__body-block {
  padding:0 7px
}
#calltrap-overlay .b-calltrap-overlay__footer,
#calltrap-overlay .b-calltrap-overlay__header {
  height:1px
}
#calltrap-overlay .b-calltrap__container {
  background-color:#fff;
  border:5px solid #2074a1;
  -webkit-border-radius:3px;
  border-radius:3px;
  margin:0;
  padding:0;
  max-width:500px;
  display:block;
  margin:0 auto;
  font-size:16px;
  line-height:1.3;
  position:relative;
  font-family:Tahoma,Arial,self-serif!important
}
@media screen and (min-width:1px) and (max-width:500px) {
  #calltrap-overlay .b-calltrap__container {
    width:290px
  }
}
#calltrap-overlay .b-calltrap__close {
  display:block;
  position:absolute;
  right:20px;
  top:20px;
  width:20px;
  height:20px;
  opacity:.5;
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -o-transition:all .3s ease;
  transition:all .3s ease
}
#calltrap-overlay .b-calltrap__close:hover {
  opacity:1
}
#calltrap-form,
#calltrap-success {
  display:block
}
#calltrap-form .b-calltrap_form__fields,
#calltrap-success .b-calltrap_form__fields {
  margin:20px 25px 35px
}
#calltrap-form .b-calltrap_form__title,
#calltrap-success .b-calltrap_form__title {
  font-size:20px;
  margin:0 0 17px;
  text-align:left
}
@media screen and (min-width:1px) and (max-width:500px) {
  #calltrap-form .b-calltrap_form__title,
  #calltrap-success .b-calltrap_form__title {
    padding-right:20px
  }
}
#calltrap-form .b-calltrap_form__text,
#calltrap-success .b-calltrap_form__text {
  text-align:left
}
#calltrap-form .b-calltrap_form__text p,
#calltrap-success .b-calltrap_form__text p {
  margin:0 0 .55em
}
#calltrap-form .b-calltrap_form__input,
#calltrap-success .b-calltrap_form__input {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  font-size:16px;
  padding:0 15px 0;
  height:44px;
  line-height:40px;
  background-color:#fff;
  border:2px solid #ccc;
  -webkit-border-radius:3px;
  border-radius:3px;
  display:block;
  width:100%;
  outline:0;
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -o-transition:all .3s ease;
  transition:all .3s ease
}
@media screen and (min-width:1px) and (max-width:500px) {
  #calltrap-form .b-calltrap_form__input,
  #calltrap-success .b-calltrap_form__input {
    margin-bottom:13px
  }
}
#calltrap-form .b-calltrap_form__input.error,
#calltrap-success .b-calltrap_form__input.error {
  background-color:#ffc0c0;
  color:red;
  border-color:red
}
#calltrap-form .b-calltrap_form__input:disabled,
#calltrap-success .b-calltrap_form__input:disabled {
  background-color:#eee;
  border-color:#bdbdbd;
  cursor:default
}
#calltrap-form .b-calltrap_form__input:focus,
#calltrap-success .b-calltrap_form__input:focus {
  border:2px solid #2074a1
}
#calltrap-form .b-calltrap_form__submit,
#calltrap-success .b-calltrap_form__submit {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  background-color:#2074a1;
  border:2px solid #2074a1;
  -webkit-border-radius:3px;
  border-radius:3px;
  border:medium none;
  color:#fff;
  cursor:pointer;
  font-size:16px;
  padding:0;
  height:44px;
  line-height:40px;
  outline:medium none;
  display:inline-block;
  width:180px;
  text-align:center;
  outline:0;
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -o-transition:all .3s ease;
  transition:all .3s ease
}
@media screen and (min-width:1px) and (max-width:500px) {
  #calltrap-form .b-calltrap_form__submit,
  #calltrap-success .b-calltrap_form__submit {
    width:100%
  }
}
#calltrap-form .b-calltrap_form__submit:hover,
#calltrap-success .b-calltrap_form__submit:hover {
  background-color:#1c658c
}
#calltrap-form .b-calltrap_form__submit:disabled,
#calltrap-success .b-calltrap_form__submit:disabled {
  background-color:#bdbdbd!important;
  cursor:default
}
#calltrap-form .b-calltrap_form__controls,
#calltrap-success .b-calltrap_form__controls {
  margin:20px 0 0;
  padding:0;
  padding:0 200px 0 0
}
@media screen and (min-width:1px) and (max-width:500px) {
  #calltrap-form .b-calltrap_form__controls,
  #calltrap-success .b-calltrap_form__controls {
    padding:0
  }
}
#calltrap-form .b-calltrap_form__controls-item,
#calltrap-success .b-calltrap_form__controls-item {
  position:relative;
  float:right
}
@media screen and (min-width:1px) and (max-width:500px) {
  #calltrap-form .b-calltrap_form__controls-item,
  #calltrap-success .b-calltrap_form__controls-item {
    float:none
  }
}
#calltrap-form .b-calltrap_form__controls-left,
#calltrap-success .b-calltrap_form__controls-left {
  margin-left:-100%;
  width:100%
}
@media screen and (min-width:1px) and (max-width:500px) {
  #calltrap-form .b-calltrap_form__controls-left,
  #calltrap-success .b-calltrap_form__controls-left {
    margin-left:0
  }
}
#calltrap-form .b-calltrap_form__controls-right,
#calltrap-success .b-calltrap_form__controls-right {
  margin-right:-200px;
  overflow:visible;
  width:200px;
  text-align:right
}
@media screen and (min-width:1px) and (max-width:500px) {
  #calltrap-form .b-calltrap_form__controls-right,
  #calltrap-success .b-calltrap_form__controls-right {
    margin-right:0;
    width:auto;
    text-align:left
  }
}
#calltrap-form .b-calltrap_form__controls-clear,
#calltrap-success .b-calltrap_form__controls-clear {
  clear:both
}
#calltrap-success {
  display:none
}
#calltrap-overlay.calltrap_offline .b-calltrap_form__submit {
  background-color:#D7B461
}
#calltrap-overlay.calltrap_offline .b-calltrap_form__submit:hover {
  background-color:#2e8c1c
}
#calltrap-overlay.calltrap_offline .b-calltrap_form__input:focus {
  border-color:#D7B461
}
#calltrap-overlay.calltrap_offline .b-calltrap__container {
  border-color:#D7B461
}
@-webkit-keyframes calltrap_opacity {
  0% {
    opacity:1
  }
  57% {
    opacity:.75
  }
  75% {
    opacity:.95
  }
  100% {
    opacity:1
  }
}
@-moz-keyframes calltrap_opacity {
  0% {
    opacity:1
  }
  57% {
    opacity:.75
  }
  75% {
    opacity:.95
  }
  100% {
    opacity:1
  }
}
@-o-keyframes calltrap_opacity {
  0% {
    opacity:1
  }
  57% {
    opacity:.75
  }
  75% {
    opacity:.95
  }
  100% {
    opacity:1
  }
}
@keyframes calltrap_opacity {
  0% {
    opacity:1
  }
  57% {
    opacity:.75
  }
  75% {
    opacity:.95
  }
  100% {
    opacity:1
  }
}
@-webkit-keyframes calltrap_spin {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  30% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  33% {
    -webkit-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  36% {
    -webkit-transform:rotate(10deg);
    transform:rotate(10deg)
  }
  39% {
    -webkit-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  42% {
    -webkit-transform:rotate(10deg);
    transform:rotate(10deg)
  }
  45% {
    -webkit-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  48% {
    -webkit-transform:rotate(10deg);
    transform:rotate(10deg);
    opacity:1
  }
  51% {
    -webkit-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  54% {
    -webkit-transform:rotate(10deg);
    transform:rotate(10deg)
  }
  57% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
}
@-moz-keyframes calltrap_spin {
  0% {
    -moz-transform:rotate(0);
    transform:rotate(0)
  }
  30% {
    -moz-transform:rotate(0);
    transform:rotate(0)
  }
  33% {
    -moz-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  36% {
    -moz-transform:rotate(10deg);
    transform:rotate(10deg)
  }
  39% {
    -moz-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  42% {
    -moz-transform:rotate(10deg);
    transform:rotate(10deg)
  }
  45% {
    -moz-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  48% {
    -moz-transform:rotate(10deg);
    transform:rotate(10deg);
    opacity:1
  }
  51% {
    -moz-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  54% {
    -moz-transform:rotate(10deg);
    transform:rotate(10deg)
  }
  57% {
    -moz-transform:rotate(0);
    transform:rotate(0)
  }
}
@-o-keyframes calltrap_spin {
  0% {
    -o-transform:rotate(0);
    transform:rotate(0)
  }
  30% {
    -o-transform:rotate(0);
    transform:rotate(0)
  }
  33% {
    -o-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  36% {
    -o-transform:rotate(10deg);
    transform:rotate(10deg)
  }
  39% {
    -o-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  42% {
    -o-transform:rotate(10deg);
    transform:rotate(10deg)
  }
  45% {
    -o-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  48% {
    -o-transform:rotate(10deg);
    transform:rotate(10deg);
    opacity:1
  }
  51% {
    -o-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  54% {
    -o-transform:rotate(10deg);
    transform:rotate(10deg)
  }
  57% {
    -o-transform:rotate(0);
    transform:rotate(0)
  }
}
@keyframes calltrap_spin {
  0% {
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0)
  }
  30% {
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0)
  }
  33% {
    -webkit-transform:rotate(-10deg);
    -moz-transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  36% {
    -webkit-transform:rotate(10deg);
    -moz-transform:rotate(10deg);
    -o-transform:rotate(10deg);
    transform:rotate(10deg)
  }
  39% {
    -webkit-transform:rotate(-10deg);
    -moz-transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  42% {
    -webkit-transform:rotate(10deg);
    -moz-transform:rotate(10deg);
    -o-transform:rotate(10deg);
    transform:rotate(10deg)
  }
  45% {
    -webkit-transform:rotate(-10deg);
    -moz-transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  48% {
    -webkit-transform:rotate(10deg);
    -moz-transform:rotate(10deg);
    -o-transform:rotate(10deg);
    transform:rotate(10deg);
    opacity:1
  }
  51% {
    -webkit-transform:rotate(-10deg);
    -moz-transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  54% {
    -webkit-transform:rotate(10deg);
    -moz-transform:rotate(10deg);
    -o-transform:rotate(10deg);
    transform:rotate(10deg)
  }
  57% {
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0)
  }
}
@-webkit-keyframes uptocallmini {
  0% {
    -webkit-box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0);
    box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0)
  }
  10% {
    -webkit-box-shadow:0 0 8px 6px #2074a1,0 0 12px 10px transparent,0 0 12px 14px #2074a1;
    box-shadow:0 0 8px 6px #2074a1,0 0 12px 10px transparent,0 0 12px 14px #2074a1
  }
  100% {
    -webkit-box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0);
    box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0)
  }
}
@-moz-keyframes uptocallmini {
  0% {
    box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0)
  }
  10% {
    box-shadow:0 0 8px 6px #2074a1,0 0 12px 10px transparent,0 0 12px 14px #2074a1
  }
  100% {
    box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0)
  }
}
@-o-keyframes uptocallmini {
  0% {
    box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0)
  }
  10% {
    box-shadow:0 0 8px 6px #2074a1,0 0 12px 10px transparent,0 0 12px 14px #2074a1
  }
  100% {
    box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0)
  }
}
@keyframes uptocallmini {
  0% {
    -webkit-box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0);
    box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0)
  }
  10% {
    -webkit-box-shadow:0 0 8px 6px #2074a1,0 0 12px 10px transparent,0 0 12px 14px #2074a1;
    box-shadow:0 0 8px 6px #2074a1,0 0 12px 10px transparent,0 0 12px 14px #2074a1
  }
  100% {
    -webkit-box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0);
    box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0)
  }
}
@-webkit-keyframes uptocallmini_offline {
  0% {
    -webkit-box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0);
    box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0)
  }
  10% {
    -webkit-box-shadow:0 0 8px 6px #35a120,0 0 12px 10px transparent,0 0 12px 14px #35a120;
    box-shadow:0 0 8px 6px #35a120,0 0 12px 10px transparent,0 0 12px 14px #35a120
  }
  100% {
    -webkit-box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0);
    box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0)
  }
}
@-moz-keyframes uptocallmini_offline {
  0% {
    box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0)
  }
  10% {
    box-shadow:0 0 8px 6px #35a120,0 0 12px 10px transparent,0 0 12px 14px #35a120
  }
  100% {
    box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0)
  }
}
@-o-keyframes uptocallmini_offline {
  0% {
    box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0)
  }
  10% {
    box-shadow:0 0 8px 6px #35a120,0 0 12px 10px transparent,0 0 12px 14px #35a120
  }
  100% {
    box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0)
  }
}
@keyframes uptocallmini_offline {
  0% {
    -webkit-box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0);
    box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0)
  }
  10% {
    -webkit-box-shadow:0 0 8px 6px #D7B461,0 0 12px 10px transparent,0 0 12px 14px #D7B461;
    box-shadow:0 0 8px 6px #D7B461,0 0 12px 10px transparent,0 0 12px 14px #D7B461
  }
  100% {
    -webkit-box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0);
    box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0)
  }
}
.toggle-box {
  display:none
}
.toggle-box+label {
  cursor:pointer;
  display:none;
  font-weight:700;
  line-height:21px;
  margin-bottom:5px;
  position:fixed;
  bottom:5%;
  right:30px
}
@media (min-width:768px) {
  .toggle-box+label {
    display:none
  }
}
.toggle-box+label+div {
  display:block;
  margin-bottom:0;
}
@media (min-width:768px) {
  .toggle-box+label+div {
    display:unset
  }
}
.toggle-box:checked+label+div {
  display:block
}
.toggle-box+label:before {
  background-color:#D7B461;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:50%;
  color:#fff;
  content:"+";
  display:block;
  float:left;
  font-weight:700;
  height:36px;
  line-height:36px;
  text-align:center;
  width:36px;
  font-size:20px
}
.toggle-box:checked+label:before {
  content:"\2212"
}