@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v12/4iCs6KVjbNBYlgoKfw7z.ttf) format('truetype');
}
/* * {
  box-sizing: border-box;
} */
* :focus {
  outline: 0;
}
input:disabled,
button:disabled {
  background-color: white;
}
::-moz-selection {
  background: rgba(150, 14, 98, 0.1);
}
::selection {
  background: rgba(150, 14, 98, 0.1);
}
.tb-notification-widget-container {
  font-family: 'Ubuntu', sans-serif;
  color: black;
  border-radius: 10px;
  width: 90%;
  box-sizing: border-box;
  margin: 25px auto;
}
.content-box {
  text-align: left;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.15);
  padding: 25px;
  margin-bottom: 10px;
}
.content-box > .tb-widget-title {
  font-size: 18px;
  font-weight: 600;
  text-align: left;
}
.content-box > .tb-widget-desc {
  font-size: 16px;
  font-weight: 300;
  text-align: left;
  margin: 10px auto;
}
.input-box {
  height: 50px;
  font-family: 'Ubuntu', sans-serif;
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0 10px;
  border: 1px solid #c4c4c4;
  border-radius: 10px;
}
#widget-mobile {
  border: none !important;
  height: 40px !important;
  width: 100%;
  font-size: 17px !important;
  font-weight: 300 !important;
  border-radius: 10px !important;
}
.input-box > .input-hint {
  height: 25px;
  margin: 5px 0 0 12px;
  color: red;
}
.input-box > .head-img {
  width: 100%;
}
.subscribe-box {
  padding: 5px;
}
.widget-button-bar {
  position: relative;
  padding: 0;
  margin: 0 0 25px;
  width: 100%;
  box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.15);
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
}
.widget-button-bar :first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.widget-button-bar :last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.widget-button-bar :last-child :last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.widget-button-bar > .subscribe-button {
  text-align: center;
  width: 100%;
  height: 50px;
  color: white;
  border: none !important;
  cursor: pointer !important;
}
.widget-button-bar > .subscribe-button:hover {
  transition: 0.3s;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4);
}
.widget-button-bar > .subscribe-button > span {
  vertical-align: middle;
}
.widget-button-bar > .subscribe-button > span > svg {
  vertical-align: middle;
  height: 40px;
}
.widget-button-bar > #subscribe-facebook {
  background-color: #0084ff;
}
.widget-button-bar > #subscribe-tg {
  background-color: #2ca5e0;
}
.widget-button-bar > #subscribe-viber {
  background-color: #59267c;
}
.widget-button-bar > #subscribe-vk {
  background-color: #4c75a3;
}
@media screen and (max-width: 700px) {
  .tb-notification-widget-container {
    width: 100%;
  }
  .content-box {
    padding: 10px;
  }
  #widget-mobile {
    font-size: 9px !important;
  }
}
/* @media screen and (max-width: 620px) {
  .tb-notification-widget-container {
    width: 100%;
  }
  .content-box {
    border-radius: 0;
    padding: 15px;
  }
  .widget-button-bar {
    margin: 0 auto;
    padding: 0 10px;
  }
}
@media screen and (max-width: 420px) {
  .tb-notification-widget-container {
    width: 100%;
  }
  .content-box {
    border-radius: 0;
    padding: 15px;
  }
  .widget-button-bar {
    margin: 0 auto;
  }
  .subscribe-button {
    height: 74px;
  } */
  /*.subscribe-button>span {*/
  /*!*vertical-align: bottom;*!*/
  /*text-align: center;*/
  /*!* padding: 0 10% 0 5%; *!*/
  /*}*/
  /*.subscribe-button>span>svg {*/
  /*margin: 0 10%;*/
  /*vertical-align: top;*/
  /*height: 50px;*/
  /*}*/
}