@font-face {
  font-family: 'Noto Serif';
  src: url(../fonts/NotoSerif-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face{
  font-family:'Noto Serif';
  src:url(../fonts/NotoSerif-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face{
  font-family:'Noto Serif';
  src: url(../fonts/NotoSerif-Italic.woff) format("woff");
  font-weight:400;
  font-style:italic
}
@font-face{
  font-family:'Noto Serif';
  src:url(../fonts/NotoSerif-BoldItalic.woff) format("woff");
  font-weight:700;
  font-style:italic
}
@font-face{
  font-family: 'Circular';
  src: url(../fonts/lineto-circular-book.woff) format("woff");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: 'Circular';
  src: url(../fonts/lineto-circular-bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}


@font-face{
  font-family: 'Segoe UI';
  src: url(../fonts/Segoe-UI.ttf) format("woff");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: 'Segoe UI';
  src: url(../fonts/Segoe-UI-Bold.ttf) format("woff");
  font-weight: 700;
  font-style: normal;
}


.gradient1{
    background: -moz-linear-gradient(left, #178061, #12BAA0);
    background: -webkit-linear-gradient(left, #178061,#12BAA0);
    background: -o-linear-gradient(left, #178061,#12BAA0);
    background: -ms-linear-gradient(left, #178061,#12BAA0);
    background: linear-gradient(to right, #178061,#12BAA0);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#178061), color-stop(100%,#12BAA0));
}

.gradient2{
    background: -moz-linear-gradient(left, #B85412, #EA792E);
    background: -webkit-linear-gradient(left, #B85412,#EA792E);
    background: -o-linear-gradient(left, #B85412,#EA792E);
    background: -ms-linear-gradient(left, #B85412,#EA792E);
    background: linear-gradient(to right, #B85412,#EA792E);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#B85412), color-stop(100%,#EA792E));
}

.gradient3{
    background: -moz-linear-gradient(left, #287532, #3FB54E);
    background: -webkit-linear-gradient(left, #287532,#3FB54E);
    background: -o-linear-gradient(left, #287532,#3FB54E);
    background: -ms-linear-gradient(left, #287532,#3FB54E);
    background: linear-gradient(to right, #287532,#3FB54E);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#287532), color-stop(100%,#3FB54E));
}

.gradient4{
    background: -moz-linear-gradient(left, #1199C6, #2DBDED);
    background: -webkit-linear-gradient(left, #1199C6,#2DBDED);
    background: -o-linear-gradient(left, #1199C6,#2DBDED);
    background: -ms-linear-gradient(left, #1199C6,#2DBDED);
    background: linear-gradient(to right, #1199C6,#2DBDED);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1199C6), color-stop(100%,#2DBDED));
}

.gradient5{
    background: -moz-linear-gradient(left, #EC4896, #F497C4);
    background: -webkit-linear-gradient(left, #EC4896,#F497C4);
    background: -o-linear-gradient(left, #EC4896,#F497C4);
    background: -ms-linear-gradient(left, #EC4896,#F497C4);
    background: linear-gradient(to right, #EC4896,#F497C4);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#EC4896), color-stop(100%,#F497C4));
}

.modalAlertCss{
	font-weight:750;
    background:#09ba07;
}
.modalAlertCss_old{
	font-weight:750;
    background: -moz-linear-gradient(left, #FF9000, #FDD888);
    background: -webkit-linear-gradient(left, #FF9000,#FDD888);
    background: -o-linear-gradient(left, #FF9000,#FDD888);
    background: -ms-linear-gradient(left, #FF9000,#FDD888);
    background: linear-gradient(to right, #FF9000,#FDD888);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#FF9000), color-stop(100%,#FDD888));
}

.txtips {
  font-weight:700;
  text-shadow: 0 0 5px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 40px #fff, 0 0 60px #fff, 0 0 10px #fff, 0 0 98px #fff;
  color: #000;
  animation: blink 12s infinite;
  -webkit-animation: blink 12s infinite;
}

@-webkit-keyframes blink {
  0%,
  19%,
  21%,
  23%,
  25%,
  54%,
  56%,
  100% {
    text-shadow: 0 0 5px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 40px #fff, 0 0 60px #fff, 0 0 10px #fff, 0 0 98px #fff;
    color: #000;
  }
}

@keyframes blink {
  0%,
  19%,
  21%,
  23%,
  25%,
  54%,
  56%,
  100% {
    text-shadow: 0 0 5px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 40px #fff, 0 0 60px #fff, 0 0 10px #fff, 0 0 98px #fff;
    color: #000;
  }
}