/*! 
 * Name: AnnoBar - CSS Announcement Bar Plugin
 * Author: ixtheme - (https://themeforest.net/user/ixtheme)
 * Description: CSS3 Plugin
 * Version: 1.0
 * Copyright 2019 ixtheme
 */
/*! 
 * Name: AnnoBar - CSS Announcement Bar Plugin
 * Author: ixtheme - (https://themeforest.net/user/ixtheme)
 * Description: CSS3 Plugin
 * Version: 1.0
 * Copyright 2019 ixtheme
 */
/*! 
 * Name: AnnoBar - CSS Announcement Bar Plugin
 * Author: ixtheme - (https://themeforest.net/user/ixtheme)
 * Description: CSS3 Plugin
 * Version: 1.0
 * Copyright 2019 ixtheme
 */
* {
  margin: 0;
  padding: 0; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

/*! Announcement Bar style default*/
.annoBar {
  position: relative; }
  .annoBar a {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    text-decoration: none; }
  .annoBar .barContent {
    color: white;
    font-family: "Poppins", serif !important;
    background-color: #E62E1B;
    font-weight: 400;
    font-size: 15px;
    padding: 12px 15px;
    display: block;
    text-decoration: none; }
  .annoBar .barContent.text-right {
    padding-right: 50px; }
  .annoBar strong {
    font-weight: 500; }
  .annoBar .closeTrigger {
    height: 100%;
    width: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center; }
    .annoBar .closeTrigger img {
      max-width: 12px;
      height: auto;
      display: block;
      transition: 0.3s;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s; }
    .annoBar .closeTrigger:hover img {
      transform: scale(1.3);
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
      -o-transform: scale(1.3); }
  .annoBar .annoText {
    padding-right: 3px;
    letter-spacing: 0.5px;
    font-weight: 500; }
    .annoBar .annoText i {
      position: relative;
      top: 2px;
      font-size: 17px;
      pointer-events: none; }

/*! Announcement Bar timer-01 style */
.timer-01 [data-countdown] p {
  display: inline-block; }
  .timer-01 [data-countdown] p span:nth-child(1) {
    background-color: white;
    color: black;
    height: 30px;
    line-height: 30px;
    min-width: 30px;
    border-radius: 50px; }
  .timer-01 [data-countdown] p span:nth-child(2) {
    font-size: 13px;
    margin-right: 6px;
    display: inline-block; }

/*! Announcement Bar timer-02 style */
.timer-02 [data-countdown] p {
  display: inline-block;
  background-color: white;
  color: black;
  padding: 6px 9px;
  line-height: 1.3;
  border-radius: 2px;
  vertical-align: middle; }
  .timer-02 [data-countdown] p span {
    display: block; }
  .timer-02 [data-countdown] p span:nth-child(2) {
    font-size: 13px; }

/*! Announcement Bar timer-03 style */
.timer-03 .timer-big {
  display: block; }
  .timer-03 .timer-big p {
    display: inline-block;
    height: 70px;
    width: 70px;
    border: 2px solid #fff;
    border-radius: 50px;
    padding-top: 13px;
    box-sizing: border-box;
    line-height: 1.3;
    margin-top: 9px; }
    .timer-03 .timer-big p span {
      display: block; }

/*! Announcement Bar BGcolor02 style */
.BGcolor02 .barContent {
  background-color: #3F51B5; }

/*! Announcement Bar BGcolor03 style */
.BGcolor03 .barContent {
  background-color: #1F6650; }

/*! Announcement Bar BGcolor04 style */
.BGcolor04 .barContent {
  background-color: #F0134D; }

/*! Announcement Bar BGcolor05 style */
.BGcolor05 .barContent {
  background-color: #7D4C39; }

/*! Announcement Bar BGcolor06 style */
.BGcolor06 .barContent {
  background-color: #007944; }

/*! Announcement Bar BGcolor07 style */
.BGcolor07 .barContent {
  background-color: #3C3D47; }

/*! Announcement Bar BGcolor08 style */
.BGcolor08 .barContent {
  background-color: #1089FF; }

/*! Announcement Bar BGcolor09 style */
.BGcolor09 .barContent {
  background-color: #00BD56; }

/*! Announcement Bar BGcolorBlack style */
.BGcolorBlack .barContent {
  background-color: #000000; }

/*! Announcement Bar backGround style */
[class*=" backGround-"] .barContent, [class^=backGround-] .barContent {
  background-size: contain;
  position: relative;
  z-index: 1; }
  [class*=" backGround-"] .barContent::after, [class^=backGround-] .barContent::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: .8; }
  [class*=" backGround-"] .barContent .annoText, [class^=backGround-] .barContent .annoText {
    text-shadow: 0 0 15px #000; }

.backGround-01 .barContent {
  background-image: url(../img/backGround-01.jpg);
  background-size: 250px;
  background-position: center; }
  .backGround-01 .barContent::after {
    background-color: #032448;
    opacity: .5; }

.backGround-02 .barContent {
  background-image: url(../img/backGround-02.jpg);
  background-size: 250px;
  background-position: center; }
  .backGround-02 .barContent::after {
    background-color: #021324;
    opacity: .85; }

.backGround-03 .barContent {
  background-image: url(../img/backGround-03.jpg); }
  .backGround-03 .barContent::after {
    background-color: #400;
    opacity: .8; }

.backGround-04 .barContent {
  background-image: url(../img/backGround-04.jpg); }
  .backGround-04 .barContent::after {
    background-color: #01424d;
    opacity: .6; }

.backGround-05 .barContent {
  background-image: url(../img/backGround-05.jpg); }
  .backGround-05 .barContent::after {
    background-color: #000;
    opacity: .5; }

.backGround-06 .barContent {
  background-image: url(../img/backGround-06.jpg); }
  .backGround-06 .barContent::after {
    background-color: #000;
    opacity: .3; }

.backGround-07 .barContent {
  background-image: url(../img/backGround-07.jpg);
  background-size: contain; }
  .backGround-07 .barContent::after {
    background-color: #000;
    opacity: .3; }

/*! Announcement Bar textLink style */
.annoBar.textLink .annoCtaBtn {
  color: white;
  letter-spacing: 0.6px;
  position: relative;
  display: inline-block;
  z-index: 1;
  padding: 0 5px; }
  .annoBar.textLink .annoCtaBtn:hover {
    color: black; }
  .annoBar.textLink .annoCtaBtn::after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background-color: white;
    bottom: 0;
    left: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    z-index: -1; }
  .annoBar.textLink .annoCtaBtn:hover::after {
    height: 100%; }

/*! Announcement Bar wrapLink style */
.annoBar.textLinkBtn .annoCtaBtn {
  font-size: 14px;
  padding: 4px 10px 3px 10px;
  font-weight: 500;
  color: #E62E1B;
  display: inline-block;
  background-color: white;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px; }
.annoBar.textLinkBtn .annoCtaBtn.blackBg,
.annoBar.textLinkBtn .annoCtaBtn.annoCtaBtn:hover {
  color: white;
  background-color: black; }
.annoBar.textLinkBtn .annoCtaBtn.blackBg:hover {
  color: #E62E1B;
  background-color: white; }

.annoCtaBtn {
  text-shadow: none; }

/*! Announcement Bar wrapLink style */
.annoBar.wrapLink .barContent {
  position: relative;
  z-index: 1; }
  .annoBar.wrapLink .barContent::after {
    position: absolute;
    content: "";
    height: 0;
    width: 100%;
    background-color: black;
    top: 0;
    left: 0;
    z-index: -1;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
  .annoBar.wrapLink .barContent:hover::after {
    height: 100%; }

/*! Announcement Bar textLinkOutlineBtn style */
.annoBar.textLinkOutlineBtn .annoCtaBtn {
  font-size: 14px;
  padding: 4px 10px 3px 10px;
  font-weight: 500;
  color: white;
  border: 1px solid white;
  display: inline-block;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px; }
  .annoBar.textLinkOutlineBtn .annoCtaBtn:hover {
    color: #E62E1B;
    background-color: white; }
.annoBar.textLinkOutlineBtn .annoCtaBtn.blackBg:hover {
  color: white;
  border-color: black;
  background-color: black; }

@media only screen and (max-width: 767px) {
  .annoBar .text-center,
  .annoBar .text-right {
    text-align: left !important; }
  .annoBar .barContent {
    padding-right: 50px !important; }

  .alwaysAlive .barContent {
    padding-right: 0 !important; }

  [class*=" timer-"] [data-countdown] p, [class^=timer-] [data-countdown] p {
    text-align: center !important; } }
@media only screen and (max-width: 600px) {
  [data-countdown] {
    display: block; }
    [data-countdown] p {
      margin-top: 7px; } }
.pos-relative {
  position: relative; }

.pos-sticky {
  position: sticky;
  top: 0;
  z-index: 9999999; }

/*# sourceMappingURL=annoBar.css.map */