/* === GENERAL === */
.text-right { text-align: right !important; text-align: -webkit-right !important; }
.text-left { text-align: left !important; text-align: -webkit-left !important; }
.text-center { text-align: center !important; text-align: -webkit-center !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.hide { display: none; }

.da-arrows{
  -moz-user-select: none;
  -webkit-user-select: none;
}
.da-arrows i{
  /*background: transparent url(../../img/icons/arrows.png) no-repeat;*/
  position: absolute;
  top: 50%;
  font-size: 45px;
  width: 58px;
  margin-top: -25px;
  cursor: pointer;
  z-index: 10;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out 0.2s;
  -moz-transition: opacity 0.4s ease-in-out 0.2s;
  -o-transition: opacity 0.4s ease-in-out 0.2s;
  -ms-transition: opacity 0.4s ease-in-out 0.2s;
  transition: opacity 0.4s ease-in-out 0.2s;
  box-shadow: 1px 1px 1px 1px #aaa;
}
.da-slider:hover .da-arrows i{
  opacity: 0.8;
}
.da-slider:hover .da-arrows i:hover{
  opacity: 1;
}
.da-arrows i:after{
  content: '';
  position: absolute;
  width: 49px;
  height: 49px;
}
.da-arrows i.da-arrows-prev{
  left: 12px;
}
.da-arrows i.da-arrows-next{
  right: 15px;
}

/* === General End ===*/

/* === OWL FIX === */
.owl-theme .owl-controls {
  margin-top: 10px;
}
/*.owl-theme .owl-controls .owl-page span { background: #FFF !important; }*/
.owl-theme .owl-controls .owl-buttons div {
  background: #333;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
/* === Owl Fix End === */

/**
* Banner Condições Atuais + Previsão da página inicial
*/

.owl-wrapper {
  text-shadow: 1px 1px 0px #444, 0 0 3px #444;
  /*text-rendering: geometricPrecision;*/
}

.bannerFlex {
  display: flex;
  padding: 15px 15px 0 15px;
}

.prev-hoje, .prev-prox {
  flex-grow: 1;
  max-width: 16.6666666667%;
  padding-bottom: 10px;
}

.cond-atuais {
  flex-grow: 4;
  max-width: 66.666666667%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
}

.prev-prox .prevFlex {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}

.prev-prox h3 {
  text-shadow: 1px 1px 0px #444, 0 0 3px #444;
}

.bannerFlex p {
  text-align: center;
  color: #fff;
  font-size:13pt;
  /*font-weight: bold;*/
  font-size: 10pt;
}

p.prev-prox-titulo {
  font-size: 14pt;
}
p.prev-hoje-titulo {
  font-size: 14pt;
}

h2.cidade {
  font-size: 32pt;
  margin-top: 20px;
  text-shadow: 1px 1px 0px #444, 0 0 3px #444;
}

.prev-temp {
  font-size: 14px;
}

.prev-hoje {
  display: flex;
  flex-flow: column;
  align-items: center;
  /*justify-content: center;*/
}
.prev-hoje span {
  font-size: 15pt;
  margin-top:22px;
}

.prevFlex > div {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.prevFlex h3 {
  margin: 0;
  color: #fff;
}

.prevFlex span {
  margin-top: 3px;
}

.cond {
  text-align: center;
  width: 100%;
  background: rgba(0,0,0,0.1);
}

.cond h4 {
  color: #fff;
  font-size: 13pt;
  margin: 5px;
  text-shadow: 1px 1px 0px #444, 0 0 3px #444;
}

.condFlex {
  display: flex;
  width: 50%;
  margin: 0 auto;
}

.condFlex .cond-icone {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  margin: auto;
}

.cond-icone i {
  font-size: 30px;
  margin: 2px 2px 3.5px 2px;
}

.de-cond-atuais {
  padding: 10px 30px;
  margin: 15px 0 0;
  background: rgba(0, 0, 0, 0.3);

  -webkit-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  border-radius: 10px !important;
}
#condAtuaisBanner {
  background: rgba(0, 0, 0, 0.2);
  color: #FFF;
  width: 90%;
  margin: 0 auto;
  /*text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);*/
}
.container #condAtuaisBanner {
  width: 100%;
}

@media (max-width: 600px) {
  #condAtuaisBanner {
    width: 100%;
  }
  .condFlex { 
    width: 100%;
  }
  .prev-hoje {
    order: 2;
    max-width: 100%;
    width: 100%;
  }
  .prev-prox {
    order: 3;
    max-width: 100%;
    width: 100%;
    margin-top: 24px;
  }
  h2.cidade {
    line-height: 0.85em;
    font-size: 23pt;
  }
  .bannerFlex {
    flex-flow: row wrap;
    padding: 0px;
  }
  .cond-atuais {
    order: 1;
    max-width: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  .cond-atuais h2 {
    text-align: center;
    line-height: 35px;
  }
  .bannerFlex p {
    display: block !important;
    font-size: 9pt;
  }
  p.prev-prox-titulo {
    font-size: 14pt;
  }
  p.prev-hoje-titulo {
    font-size: 14pt;
  }
  .bannerFlex h4 {
    font-size: 11pt;
  }
  .prev-temp {
    font-size: 12px;
  }
  .prevFlex > div {
    width: 25%;
    padding-bottom: 9px;
  }
  .temp-data i{
    font-size: 4.5em !important;
  }
  .da-arrows i.da-arrows-next {
    right: 0;
  }
  .da-arrows i.da-arrows-prev {
    left: 0;
  }
  .cond-icone i {
    font-size: 25px;
  }
  .cond-icone span:last-of-type {
    font-size: 12px;
  }
  #cond-umidade .tooltip-icon {
    font-size: 1.5em !important;
  }
  #cond-sensac-term span:first-of-type{
    display: flex;
  }
}

@media (min-width: 601px) and (max-width: 1129px) {
  h2.cidade {
    line-height: 0.85em;
    font-size: 23pt;
  }
  .bannerFlex {
    flex-flow: row wrap;
  }
  .cond-atuais {
    order: 1;
    max-width: 100%;
    width: 100%;
    margin-bottom: 30px;
  }
  .cond-atuais h2 {
    text-align: center;
  }
  .prev-hoje {
    order: 2;
    max-width: 50%;
    width: 50%;
  }
  .prev-prox {
    order: 3;
    max-width: 50%;
    width: 50%;
    margin-top: 0px;
  }
  .bannerFlex p {
    display: block !important;
    font-size: 9pt;
  }
  p.prev-prox-titulo {
    font-size: 14pt;
  }
  p.prev-hoje-titulo {
    font-size: 14pt;
    margin: 0px;
  }
  .prev-hoje span {
    font-size: 13pt;
  }
  .bannerFlex h4 {
    font-size: 11pt;
  }
  .prev-temp {
    font-size: 11px;
  }
  .prevFlex > div {
    width: 25%;
    padding-bottom: 9px;
  }
  .temp-data i{
    font-size: 3.5em !important;
  }
  .da-arrows i.da-arrows-next {
    right: 0;
  }
  .da-arrows i.da-arrows-prev {
    left: 0;
  }
  .cond-icone i {
    font-size: 25px;
  }
  .cond-icone span:last-of-type {
    font-size: 12px;
  }
  #cond-umidade .tooltip-icon {
    font-size: 1.5em !important;
  }
  #cond-sensac-term span:first-of-type{
    display: flex;
  }
}

.widget-weather {
  padding-bottom: 20px;
  background-color: rgba(0,0,0,0.3);
  margin-top: 20px;
}
.widget-weather h1, .widget-weather a, .widget-weather p, .widget-weather i { color: #fff !important;   text-shadow: 1px 1px 0 rgba(0,0,0,0.8); }
.de-cond-hoje, .tit-sensores-ca { font-size: 20px; }
.tit-sensores-ca { margin-top: 10px; line-height: 20px; }
.tit-sensores-ca p a { color: #fff; }
.tit-sensores-ca p a:hover { color: #E5A931; text-decoration: none; }
.tit-sensores-ca p { color: #fff; }
.tit-sensores-ca p.de-detail {
  font-size:13px;
  color:#DBDBDB !important;
  pointer-events: none;
}
.tit-sensores-ca p.de-detail > a { text-decoration:none; color:inherit; }

.city-name {
  padding: 0px 15px 0;
  font-size: 30px;
}
.city-name a { text-decoration: none; }
.temp-data { padding: 0px 15px 0; margin: 10% 0 0 0;  }
.temp-data i { font-size: 5.5em; }
.ww-options {
  font-size: 0.5em;
  position: absolute;
  top: 20px;
  margin-left: 7px;
  cursor: pointer;
}
.ww-icon { font-size: 2.3em; margin-top: 5px;}
.condA-date { padding: 19px 0 0; font-size: 1.5em; font-weight: bold; }
.date-month { font-size: 0.9em; color: #E5A931; font-weight: normal; }
.condA-temp { padding: 10px 0 0; }
#ww-temp { font-size: 1.3em; }
#ww-temp .ww-temp-max { font-weight: bold;   }
#ww-temp .ww-temp-min {   }
.icon-spin {
  -webkit-animation-name: spin;
  -webkit-animation-duration: 40500ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 40500ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 40500ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-transition: rotate(3600deg);
}
@-moz-keyframes spin {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}

.row-sensores {
  padding-top: 8px;
  font-size: 16px;
}
.row-sensores i { font-size: 24px;  }
.ww-search-city {
  background-color: rgba(0,0,0,0.3);
  border: none;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  border-radius: 30px !important;
  padding: 0 30px 0 10px;
  width: 74%;
  margin: 5px 0 0 20px;
  line-height: 30px;
}
i.ww-icon-search {
  /*position: relative;
  left: -30px;
  color: #ccc !important;
  font-size: 15px; */
}
#ww-temp-ca { font-size: 2.7em; }


/* Proximos Dias */
.dados-prox-dias { top: 2px; }
.de-tit-prox-dias { font-size: 20px; margin-top: 1%; }
.ww-forecast-table {
  margin-top: 2%;
  font-size: 17px;
}
.ww-forecast-table .col-xs-4 {
  border-left: 1px solid rgba(242, 251, 251, 0.2);
}
.ww-forecast-table .first { border-left: 0px; }
.ww-forecast-table a {
  color: #FFF;
}
.ww-forecast-table i {
  font-size: 2em;
  padding: 5px 0;
}
.owl-pagination {
  margin-top: 0px;
}

/* Próximos dias do Painel Banner */
.de-prox-tem-min { /* Dados Estação - Proximos dias - temperatura minima */
  color: #fff;
}

/**
* BACKGROUND BANNER
* Set the background dos Banner/Slider
*/
/* Background conforme previsão do Forecast0 */
/* #bg-slider-0 { background: transparent url(../../img/background/bgBannerMobile_1_1.png); }
#bg-slider-1 { background: transparent url(../../img/background/bgBannerMobile_11_1.png); }
#bg-slider-2 { background: transparent url(../../img/background/bgBannerMobile_3_1.png); }
#bg-slider-3 { background: transparent url(../../img/background/bgBannerMobile_4_2.png); }
#bg-slider-4 { background: transparent url(../../img/background/bgBannerMobile_12_2.png); }
#bg-slider-5 { background: transparent url(../../img/background/bgBannerMobile_6_1.png); }
#bg-slider-6 { background: transparent url(../../img/background/bgBannerMobile_9_2.png); }
#bg-slider-7 { background: transparent url(../../img/background/bgBannerMobile_7_1.png); }
@media (min-width: 1000px) {
  #bg-slider-0 { background: transparent url(../../img/background/bgBanner_1_1.png); }
  #bg-slider-1 { background: transparent url(../../img/background/bgBanner_11_1.png); }
  #bg-slider-2 { background: transparent url(../../img/background/bgBanner_3_1.png); }
  #bg-slider-3 { background: transparent url(../../img/background/bgBanner_4_2.png); }
  #bg-slider-4 { background: transparent url(../../img/background/bgBanner_12_2.png) top center; }
  #bg-slider-5 { background: transparent url(../../img/background/bgBanner_6_1.png); }
  #bg-slider-6 { background: transparent url(../../img/background/bgBanner_9_2.png); }
  #bg-slider-7 { background: transparent url(../../img/background/bgBanner_7_1.png); }
  } */



  /* Background conforme previsão do SIMEPAR*/
  #bg-slider-1_1 { background: transparent url(../../img/background/bgBannerMobile_1_1.jpg); }
  #bg-slider-1_2 { background: transparent url(../../img/background/bgBannerMobile_1_2.jpg); }
  #bg-slider-2_1 { background: transparent url(../../img/background/bgBannerMobile_2_1.jpg); }
  #bg-slider-2_2 { background: transparent url(../../img/background/bgBannerMobile_2_2.jpg); }
  #bg-slider-3_1 { background: transparent url(../../img/background/bgBannerMobile_3_1.jpg); }
  #bg-slider-3_2 { background: transparent url(../../img/background/bgBannerMobile_3_2.jpg); }
  #bg-slider-4_1 { background: transparent url(../../img/background/bgBannerMobile_4_1.jpg); }
  #bg-slider-4_2 { background: transparent url(../../img/background/bgBannerMobile_4_2.jpg); }
  #bg-slider-5_1 { background: transparent url(../../img/background/bgBannerMobile_5_1.jpg); }
  #bg-slider-5_2 { background: transparent url(../../img/background/bgBannerMobile_5_2.jpg); }
  #bg-slider-6_1 { background: transparent url(../../img/background/bgBannerMobile_6_1.jpg); }
  #bg-slider-6_2 { background: transparent url(../../img/background/bgBannerMobile_6_2.jpg); }
  #bg-slider-7_1 { background: transparent url(../../img/background/bgBannerMobile_7_1.jpg); }
  #bg-slider-7_2 { background: transparent url(../../img/background/bgBannerMobile_7_2.jpg); }
  #bg-slider-8_1 { background: transparent url(../../img/background/bgBannerMobile_8_1.jpg); }
  #bg-slider-8_2 { background: transparent url(../../img/background/bgBannerMobile_8_2.jpg); }
  #bg-slider-9_1 { background: transparent url(../../img/background/bgBannerMobile_9_1.jpg); }
  #bg-slider-9_2 { background: transparent url(../../img/background/bgBannerMobile_9_2.jpg); }
  #bg-slider-10_1 { background: transparent url(../../img/background/bgBannerMobile_10_1.jpg); }
  #bg-slider-10_2 { background: transparent url(../../img/background/bgBannerMobile_10_2.jpg); }
  #bg-slider-11_1 { background: transparent url(../../img/background/bgBannerMobile_11_1.jpg); }
  #bg-slider-11_2 { background: transparent url(../../img/background/bgBannerMobile_11_2.jpg); }


  /* Banners antigos para clientes */
  #bg-slider-1 { background: transparent url(../../img/background/bgBanner_old_Mobile_1_1.png); }
  #bg-slider-2 { background: transparent url(../../img/background/bgBanner_old_Mobile_2_2.png); }
  #bg-slider-3 { background: transparent url(../../img/background/bgBanner_old_Mobile_3_1.png); }
  #bg-slider-4 { background: transparent url(../../img/background/bgBanner_old_Mobile_4_2.png); }
  #bg-slider-5 { background: transparent url(../../img/background/bgBanner_old_Mobile_6_1.png); }
  #bg-slider-6 { background: transparent url(../../img/background/bgBanner_old_Mobile_6_1.png); }
  #bg-slider-7 { background: transparent url(../../img/background/bgBanner_old_Mobile_7_1.png); }
  #bg-slider-8 { background: transparent url(../../img/background/bgBanner_old_Mobile_8_1.png); }
  #bg-slider-9 { background: transparent url(../../img/background/bgBanner_old_Mobile_9_2.png); }
  #bg-slider-10 { background: transparent url(../../img/background/bgBanner_old_Mobile_10_1.png); }
  #bg-slider-11 { background: transparent url(../../img/background/bgBanner_old_Mobile_11_1.png); }


  @media (min-width: 1000px) {
    #bg-slider-1_1 { background: transparent url(../../img/background/bgBanner_1_1.jpg); }
    #bg-slider-1_2 { background: transparent url(../../img/background/bgBanner_1_2.jpg); }
    #bg-slider-2_1 { background: transparent url(../../img/background/bgBanner_2_1.jpg); }
    #bg-slider-2_2 { background: transparent url(../../img/background/bgBanner_2_2.jpg); }
    #bg-slider-3_1 { background: transparent url(../../img/background/bgBanner_3_1.jpg); }
    #bg-slider-3_2 { background: transparent url(../../img/background/bgBanner_3_2.jpg); }
    #bg-slider-4_1 { background: transparent url(../../img/background/bgBanner_4_1.jpg); }
    #bg-slider-4_2 { background: transparent url(../../img/background/bgBanner_4_2.jpg); }
    #bg-slider-5_1 { background: transparent url(../../img/background/bgBanner_5_1.jpg); }
    #bg-slider-5_2 { background: transparent url(../../img/background/bgBanner_5_2.jpg); }
    #bg-slider-6_1 { background: transparent url(../../img/background/bgBanner_6_1.jpg); }
    #bg-slider-6_2 { background: transparent url(../../img/background/bgBanner_6_2.jpg); }
    #bg-slider-7_1 { background: transparent url(../../img/background/bgBanner_7_1.jpg); }
    #bg-slider-7_2 { background: transparent url(../../img/background/bgBanner_7_2.jpg); }
    #bg-slider-8_1 { background: transparent url(../../img/background/bgBanner_8_1.jpg); }
    #bg-slider-8_2 { background: transparent url(../../img/background/bgBanner_8_2.jpg); }
    #bg-slider-9_1 { background: transparent url(../../img/background/bgBanner_9_1.jpg); }
    #bg-slider-9_2 { background: transparent url(../../img/background/bgBanner_9_2.jpg); }
    #bg-slider-10_1 { background: transparent url(../../img/background/bgBanner_10_1.jpg); }
    #bg-slider-10_2 { background: transparent url(../../img/background/bgBanner_10_2.jpg); }
    #bg-slider-11_1 { background: transparent url(../../img/background/bgBanner_11_1.jpg); }
    #bg-slider-11_2 { background: transparent url(../../img/background/bgBanner_11_2.jpg); }

    /* Banners antigos para clientes */

    #bg-slider-1 { background: transparent url(../../img/background/bgBanner_old_1_1.png); }
    #bg-slider-2 { background: transparent url(../../img/background/bgBanner_old_2_2.png); }
    #bg-slider-3 { background: transparent url(../../img/background/bgBanner_old_3_1.png); }
    #bg-slider-4 { background: transparent url(../../img/background/bgBanner_old_4_2.png); }
    #bg-slider-5 { background: transparent url(../../img/background/bgBanner_old_6_1.png); }
    #bg-slider-6 { background: transparent url(../../img/background/bgBanner_old_6_1.png); }
    #bg-slider-7 { background: transparent url(../../img/background/bgBanner_old_7_1.png); }
    #bg-slider-8 { background: transparent url(../../img/background/bgBanner_old_8_1.png); }
    #bg-slider-9 { background: transparent url(../../img/background/bgBanner_old_9_2.png); }
    #bg-slider-10 { background: transparent url(../../img/background/bgBanner_old_10_1.png); }
    #bg-slider-11 { background: transparent url(../../img/background/bgBanner_old_11_1.png); }
  }

  .slider-inner .da-slider {
    /*background: transparent url(../../img/background/sky_63_by_sed_rah_stock-d4bdrqe.jpg);*/
    -webkit-background-size:cover !important;
    -moz-background-size:cover !important;
    -o-background-size:cover !important;
    background-size: 100%  !important;
    background-size:cover !important;
    background-position:center !important;
  }

  @media (min-width: 992px) {
    .dados-prox-dias { top: 20px; }
    .de-tit-prox-dias { margin-top: -5px; display: block; }
  }