/*   
Theme Name: Volynonline
Theme URI: 
Description: Тема для новин
Author: Web-Gid
Author URI: web-gid.com.ua
Version: 0.1
.
Развёрнутое описание темы/Лицензия-если-нужно.
.
*/
body {
  background-image: url("https://volynonline.com/wp-content/themes/volynonline-theme/img/bg.png");
    font-family: 'Roboto', sans-serif;
    line-height: 1.25;
    font-size: 14px;
    -webkit-font-smoothing: antialised;
    counter-reset: my-sec-counter;
 }
 strong {
  font-weight: 500;
 }
 h4 {
      color: #15ab89;
 }
 .at-style-responsive .at-share-btn {
  width: 122px!important;
 }
 #comments {display: none;}
 .footer #branding, .at-resp-share-element .at-share-btn .at-label {
  display: none;
 }
.at-resp-share-element .at-share-btn .at-icon-wrapper {
      margin-left: 38px;
}
.wp-caption {
	width: 100%!important;
}
.wp-caption-text {
	margin-top: -10px!important;
}
.main {
    background-color: white;
    margin: -20px -15px;
    padding: 15px;
  }
  .comment-author cite {
  	font-style: initial;
    font-weight: 800;
  }
  .comment-body p {
  	font-weight: 300!important;
  }
  .top-panel {
    background-color: #15ab89;
    height: 42px;
    width: 100%;
    position: absolute;
    z-index: -1;
  }
  .donate-panel {
    padding: 0px 15px;
  }

  .donate {
    display: inline-block;
  }

  .donate button{
    background-color: #15ab89;
      border: 1px solid white;
      color: white;
      padding: 5px 15px;
      text-align: center;
      text-decoration: none;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 14px;
      margin: 6px 0px;
      -webkit-transition-duration: 0.2s; /* Safari */
      transition-duration: 0.2s;
      cursor: pointer;
  }

  .donate button:hover {
    color: #15ab89;
    background-color: white;
  }

  .date1 {
    display: inline-block;
    color: white;
    font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 14px;
      padding: 5px 15px;
  }

  .social {
    float: right;
    margin: 9px 0px;
  }

  .social i {
    font-size:22px;
    color:white;
    padding: 0px 2px;
    -webkit-transition-duration: 0.2s; /* Safari */
      transition-duration: 0.2s;
  }

  .social i:hover {
    color: #0e5159;
  }

  .contacts {
    float: right;
    margin: 7px 28px 7px 20px;
  }

  .contacts i {
    font-size:20px;
    color:white;
    padding: 4px 5px;
    float: left;
  }

  .contacts a {
    color: white;
    font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 14px;
      float: left;
      padding: 5px 0px;
  }

  .mobile-icons {
    display: none;
  }

  .registration {
    float: right;
    margin: 7px 0px;
  }

  .registration i {
    font-size:20px;
    color:white;
    padding: 3px 5px;
    float: left;
  }

  .registration a {
    color: white;
    font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-size: 14px;
      float: left;
      padding: 5px 5px 5px 0px;
  }

  .logo-panel {
    background-color: white;
    height: 100px;
    padding: 0 15px;
    margin-top: -2px;
  }

  .logo {
    float: left;
    margin-top: 22px;
    display: inline-block;
    /*width: 40%;*/
  }

  .search {
    float: right;
    display: inline-block;
  }

  .search input[type=text] {
      border: 1px solid #15ab89;  
      width: 179px;
      height: 38px;
      padding: 10px;
      margin-top: 30px;
      font-size: 16px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
  }

    ::placeholder {
      color: #15ab89;
      opacity: 1; /* Firefox */
  }

  ::-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #15ab89;
  }

  ::-ms-input-placeholder { /* Microsoft Edge */
      color: #15ab89;
  }

  :focus::placeholder {
    color: transparent;
  }

  :focus::-ms-input-placeholder {
    color: transparent;
  }

  :focus::-ms-input-placeholder {
    color: transparent;
  }

  .search button {
    float: right;
    height: 38px;
      padding: 6px 10px;
    margin-top: 30px;
    background: #15ab89;
    font-size: 18px;
    border: 1px solid #15ab89;
    cursor: pointer;
    -webkit-transition-duration: 0.2s; /* Safari */
      transition-duration: 0.2s;
  }

  .search button i {
    color: white;
  }

  .search button:hover {
    background-color: #0e5159;
      border: 1px solid #0e5159;
  }

  .add-news {
    float: right;
    margin-right: 20px;
    margin-top: 24px;
    display: inline-block;
  }

  .add-news button {
    background-color: #15ab89;
      border: 1px solid #15ab89;
      color: white;
      height: 38px;
      padding: 6px 20px;
      text-decoration: none;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 16px;
      margin: 6px 0px;
      -webkit-transition-duration: 0.2s; /* Safari */
      transition-duration: 0.2s;
      cursor: pointer;
  }

  .add-news button:hover {
    background-color: #0e5159;
      border: 1px solid #0e5159;
  }
/*<------------Main menu------------->*/
  .menu-panel {
    height: 42px;
    background-color: #0e5159;
    overflow: hidden;
  }

  .menu-panel .icon {
      display: none;
  }

  .navbar-default {
    background-color: #0e5159;
      margin-left: -15px;
      margin-right: -15px;
  }
  .navbar {
    border-radius: 0px;
    min-height: 42px!important;
    border: none;
  }
  .navbar-collapse {
    padding: 0px;
  }
  .nav li {
    background-color: #0e5159;
    -webkit-transition-duration: 0.2s; /* Safari */
      transition-duration: 0.2s;
      float: left;
      list-style-type: none;
  }
  .nav li a {
    border: 1px solid #252539;
      border-top: none;
      border-bottom: none;
    color: #e5f4f6!important;
      text-align: center;
      text-decoration: none;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 16px;
      cursor: pointer;
      float: left;
      text-transform: uppercase;
  }
  #menu-top {
    list-style-type: none;
    padding: 0;
  }
  .navbar-nav li a {
    padding: 11px 23px;
  }
  #menu-item-324356 {
    background-color: #e3dc1e;
  }
  #menu-item-324356 a {
    color: #0e5159!important;
  }
  .nav li a:first-child {
    border-left: none;
  }
  .nav li:hover {
    background-color: #15ab89;
  }
  .nav li a:not(:last-child) {
      border-right: none; /* Prevent double borders */
    }
  
  .navbar-default .navbar-toggle {
    border-color: white;
  }

  .navbar-toggle {
      position: relative;
      float: right;
      padding: 9px 10px;
      margin-top: 8px;
      margin-right: 15px;
      margin-bottom: 8px;
      background-color: transparent;
      background-image: none;
      border: 1px solid transparent;
      border-radius: 0px;
  }

  .icon-bar {
    background-color: white!important;
    border-radius: 0px;
  }

  .navbar-toggle:hover {
    background-color: #15ab89!important;
  }

  .navbar-toggle:focus {
    background-color: #15ab89!important;
  }

/*<------------Rubrica caption------------->*/
.zagl, .zagl-mob, .zagl1 {
  display: flex;
  align-items: stretch;
  clear: both;
  /*margin-top: 10px;*/
}
.zagl h2, .zagl-mob h2, .zagl1 h2 {
  color: #15ab89;
  text-decoration: none;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  font-size: 22px;
  margin-top: 0px;
  margin-right: 10px;
  white-space: nowrap;
}

.zagl-line {
  width: 100%;
  margin-bottom: 20px;
  border-bottom: 1px solid #15ab89;
}
.zagl-mob, .news-feed-mob, .hot-news-container-mob, .news-list-mob {
  display: none!important;
}
.widget-title {display: none;}
.wp-polls-ul li label {
    font-weight: normal;
    color: #15ab89;
}
.wp-polls ul li, .wp-polls-ul li, .wp-polls-ans ul li {
  margin-bottom: 10px;
}
.wp-polls-ans p input {
  background-color: #15ab89!important;
    border: 1px solid #15ab89!important;
    color: white;
    height: 38px;
    padding: 6px 20px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 6px 0px;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
}
.postsbycategory {
      list-style-type: none;
    padding-left: 0;
}
.postsbycategory li a img {
  width: 100%;
  height: auto;
}
.postsbycategory li a {
      color: #333;
    font-weight: 500;
    line-height: 30px;
}
.wp-polls form p {
      font-weight: 400!important;
}
#wp-calendar {
  width: 100%;
}
#wp-calendar caption {
  text-align: center;
  color: #333;
}
#wp-calendar thead {
  border-bottom: 1px solid #333;
}
td, th {
  padding: 5px;
}
a {
  color: #15ab89;
}
.people_img {
  width: 30%;
}
.people_img a img {
  width: 100%;
}
/*<------------Last news------------->*/
.left-divider {
  border-left: 1px solid #e6e6e6;
  padding-left: 15px;
}

.right-divider {
  border-right: 1px solid #e6e6e6;
  padding-right: 15px;
}
.news-feed, .news-feed-mob {
  border-left: 1px solid #e6e6e6;
  margin-left: -15px;
  padding-left: 15px;
  border-right: 1px solid #e6e6e6;
  margin-right: -15px;
  padding-right: 15px;
}
.go-rubrica-mob {
  display: none!important;
}
.news-list, .news-list-mob {
  padding: 0px;
}
.news-list li, .news-list-mob li {
  list-style: none;
  padding: 8px 0px;
}
.news a, .news span {
  text-decoration: none;
    font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.3;
  color: #252539;
  -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
}
.news a:hover {
  color: #15ab89;
  text-decoration: underline;
}
.news a {
  margin-left: 45px;
  display: block;
}
.time {
  display: block;
  float: left;
}
.news-strong span {
  text-decoration: none;
    font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.3;
  color: #252539;
}
.news-strong a {
  margin-left: 45px;
  display: block;
  text-decoration: none;
    font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.3;
  color: #252539;
  -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
}
.news-strong a:hover {
  color: #15ab89;
  text-decoration: underline;
} 
/*<------------Slider------------->*/
.item img {
  width:100%;
    height:350px!important;
    object-fit:cover;
    overflow: hidden;
}

.carousel-inner {
  margin-bottom: 20px;
}
.slider-caption {
  z-index: 30;
  width: 100%;
    background: rgba(4, 5, 10, .65);
    padding: 15px;
    position: absolute;
    bottom: 0px;
}

.slider-caption a {
  text-decoration: none;
  color: #fff;
}
/*.carousel-caption {
  width: 100%;
  
  position: relative;
  left: 0px;
  bottom: 114px;
}*/
.slider-caption h2 {
  color: #fff;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  font-size: 1.4em;
  text-align: left;
  line-height: 1.4;
  margin: 0px;
  margin-bottom: 15px;
}
.slider-caption a:hover {
  text-decoration: underline;
  color: #fff;
}
.slider-caption p {
  display: inline;
  float: left;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 12px;
  margin: 0px;
}
.carousel-indicators {
  bottom: 1px;
  text-align: right;
    float: right;
    right: 2% !important;
    left: inherit;
  
}
.top-news {
  float: left;
  margin-top: 15px;
  z-index: 30;
  position: absolute;
}

.top-news button {
  background-color: #15ab89;
    border: 1px solid #15ab89;
    color: white;
    height: 38px;
  padding: 6px 10px;
  text-decoration: none;
  text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 6px 0px;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    cursor: pointer;
}

.top-news button:hover {
  text-decoration: underline;
}
/*<------------Tabs Main news------------->*/
.nav-tabs {
  border: none;
  margin-bottom: 15px;
  display: flex;
}
.nav-tabs li {
  background-color: #dcf2ed;
  -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    margin-right: 6px;
    width: 100%;
}
.nav-tabs li:last-child {
  margin-right: 0px; 
}
.nav-tabs li a:hover {
  background-color: #15ab89;
  color: #fff!important;
}
.nav-tabs li a {
  border: none;
  color: #252539!important;
    text-align: center;
    text-transform: inherit;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1em;
    cursor: pointer;
    border-radius: 0px;
    margin: 0px;
}
.nav-tabs>li>a {
    border: none;
    padding: 7px 0px;
    width: 100%;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  background-color: #15ab89!important;
  color: #fff!important;
  border: none;
  width: 100%;
}
/*<------------Important! Main news------------->*/
.hot-news-container, .hot-news-container-mob {
  overflow: hidden;
  margin-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
    align-items: stretch;
}
.hot-news-container>div {
    color: white;
    width: 100%;
  
}
.img-container {
    margin-right: 15px;
    float: left;
}
.img-container img {
  width:120px;
    height:80px;
    object-fit:cover;
    padding-top: 3px;
}
.text-container {
  float: left;
  width: 50%;
}
.text-container h3 {
  font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #252539;
    margin: 0px;
    line-height: 1.3;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}
.text-container h3:hover {
  color: #15ab89;
}
.text-container p {
  color: #888;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 12px;
  margin: 0px;
  padding: 10px 0px;
}

  .go-rubrica, .go-rubrica-mob {
    float: right;
    margin-top: -5px;
    display: inline-block;
  }

  .go-rubrica button, .go-rubrica-mob button {
    background-color: #fff;
      border: 1px solid #15ab89;
      color: #15ab89;
      height: 38px;
      padding: 6px 20px;
      text-decoration: none;
      text-transform: uppercase;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 16px;
      margin: 6px 0px;
      -webkit-transition-duration: 0.2s; /* Safari */
      transition-duration: 0.2s;
      cursor: pointer;
      margin-bottom: 20px;
  }

  .go-rubrica button:hover {
    background-color: #15ab89;
      border: 1px solid #15ab89;
      color: #fff;
  }
  /*<------------Social-media News------------->*/
.dateli {display: none;}
.datenews {    color: #15ab89;
    text-decoration: none;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    font-size: 16px;
    margin-top: 0px;
    margin-right: 10px;
    white-space: nowrap;
    padding: 10px 0;
  }
.news-list div:first-child {
  display: none;
}
.social-number {
  text-transform: uppercase;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  font-size: 48px;
  color: #efefef;
}
.social-number:before {
    /* Increment "my-sec-counter" by 1 */
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
}

/*<------------Banner------------->*/
.banner {
  margin-bottom: 20px;
}

/*<------------Recomend------------->*/
.img-container-rec {
    margin-right: 15px;
    float: left;
}
.img-container-rec img {
  width:90px;
    height:60px;
    object-fit:cover;
    padding-top: 3px;
}

/*<------------Mistake on site------------->*/

.mistake {
  padding: 15px;
  background-color: #dcf2ed;
  margin: 15px 0;
}
.mistake h4 {
  font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #252539;
    margin: 0px;
    line-height: 1.2;
}
.mistake p {
  font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #888;
    padding-top: 3px;
}
.mistake span {
  background-color: #15ab89;
  color: white;
  padding: 5px 20px;
}

/*<------------Projects------------->*/

.projects {
  background-color: #15ab89;
  height: 80px;
  max-width: 100%;
  clear: both;
  margin-top: 20px;
  margin-bottom: 20px;
  cursor: pointer;
  display: flex;
    align-items: center;
    -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  position: relative;
}
.projects:hover {
  background-color: #0e5159;
  color: #fff!important;
}
.projects h1 {
  margin: 0px;
  text-transform: uppercase;
  font-family: 'Roboto Slab', serif;
  font-weight: 500;
  font-size: 26px;
  color: #fff;
  display: inline-block;
}
.projects i {
  display: inline-block;
  margin: 0px 10px 0px 20px;
}

.dropdown-pr {
    display: none;
    position: absolute;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    width: 100%;
}

.dropdown-pr a {
    color: #252539;
    padding: 12px 15px;
    text-decoration: none;
    display: block;
    background-color: #def2ed;
    border-bottom: 1px solid #fff; 
}
.dropdown-pr a:last-child {
  border-bottom: none;
}
.dropdown-pr a:hover {
  background-color: #15ab89;
  color: #fff;
}

.projects:hover .dropdown-pr {
    display: block;
    margin-top: 182px;
}
#menu-progect {
      list-style-type: none;
    padding: 0;
    margin: 0;
}
/*<------------People------------->*/

.img-container-people {
    margin-right: 15px;
    float: left;
}
.img-container-people img {
  width:90px;
    height:90px;
    object-fit:cover;
    padding-top: 3px;
}
.text-container-people {
  float: left;
  width: 50%;
}
.text-container-people h3 {
  font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #15ab89;
    margin: 0px;
    line-height: 1.3;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}
.text-container-people h3:hover {
  color: #15ab89;
}
.text-container-people p {
  color: #252539;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin: 0px;
  padding: 7px 0px;
}
/*<------------Footer------------->*/
 footer {
    width: 100%;
    background-color: #0e5159;
    padding: 20px 15px;
    position: absolute;
    left: 0px;
}
.footer-nav-menu {
 padding: 0px;
}
.footer-nav-menu li {
 background-color: #0e5159;
 -webkit-transition-duration: 0.2s; / Safari /
 transition-duration: 0.2s;
 display: inline-block;
 float: left;
}
 .footer-nav-menu li a {
 color: #e5f4f6;
 text-align: center;
 text-transform: uppercase;
 text-decoration: none;
 font-family: 'Roboto', sans-serif;
 font-weight: 400;
 font-size: 14px;
 cursor: pointer;
 padding: 11px 25px;
 border-right: 1px solid #252539;
}

 .footer-nav-menu li:last-child a {
 border-right: none;
}
 .footer-nav-menu li a:hover {
 background-color: #15ab89;
}
.footer-nav {
  margin-bottom: 60px;
}
.logo-footer {
  width: 274px;
}
.copyright {
  margin: 20px 0px;
}
.copyright p {
  color: #e5f4f6;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 13px;
}
.counter img {
  display: inline;
  margin-right: 10px;
  width: 88px;
  height: 31px;
}

.search-footer {
    float: right;
    display: inline-block;
  }

  .search-footer input[type=text] {
      border: 1px solid #0e5159;  
      width: 190px;
      height: 32px;
      padding: 10px;
      font-size: 16px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
  }

    .search-footer input::placeholder {
      color: #0e5159;
      opacity: 1; /* Firefox */
  }

  .search-footer input::-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #0e5159;
  }

  .search-footer input::-ms-input-placeholder { /* Microsoft Edge */
      color: #0e5159;
  }

  .search-footer input:focus::placeholder {
    color: transparent;
  }

  .search-footer input:focus::-ms-input-placeholder {
    color: transparent;
  }

  .search-footer input:focus::-ms-input-placeholder {
    color: transparent;
  }

  .search-footer button {
    float: right;
    height: 32px;
      padding: 4px 10px;
    background: #fff;
    font-size: 18px;
    border: 1px solid #0e5159;
    border-left: none;
    cursor: pointer;
    -webkit-transition-duration: 0.2s; /* Safari */
      transition-duration: 0.2s;
  }

  .search-footer button i {
    color: #0e5159;
  }

  .search-footer button:hover {
    background-color: #252539;
      border: 1px solid #252539;
      border-left: none;

  }
  /*.search-footer button i:hover {
    color: #fff;
  }*/

  .search-footer button:hover > #fsearch {
    color: #fff;
  }

  .social-footer {
    float: right;
    margin: 15px 0px;
  }

  .social-footer i {
    font-size:34px;
    color: #5b9ea6;
    padding: 0px 6px;
    -webkit-transition-duration: 0.2s; /* Safari */
      transition-duration: 0.2s;
  }

  .social-footer i:hover {
    color: #fff;
  }
  .links-footer {
    
    display: block;
    float: right;
  }
  .links-footer a {
    color: #e5f4f6;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
    text-decoration: none;
    display: inline;
    margin-left: 10px;
  }
  .links-footer a:hover {
    text-decoration: underline;
  }

/*<------------NEWS-page------------->*/

.news-tag {
  margin-bottom: 20px;
}
.news-tag button {
  border: none;    
  color: #252539;
  background-color: #dcf2ed;
  margin: 0px 4px 4px 0px;
  padding: 8px 15px;
    text-align: center;
    text-transform: inherit;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1em;
    cursor: pointer;
    display: inline-block;
    -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
}
.news-tag form {
  display: inline-block;

}
.news-tag button:hover {
  color: #fff;
  background-color: #15ab89;
}

.news-date {
  margin-bottom: 15px;
}

.news-date p {
  font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1em;
    color: #888;
    margin: 0px;
}

.news-header {
  margin-bottom: 20px;
}

.news-header h1 {
  margin: 0px;
  font-family: 'Roboto Slab', serif;
  font-weight: 500;
  font-size: 28px;
  color: #252539;
  line-height: 1.2;
  text-transform: uppercase;
}
.news-header h1 a {
  text-decoration: none;
  color: #252539;
}
.news-header h1 a:hover {
  color: #15ab89;
}

.news-img img {
  width:100%;
    height:415px!important;
    object-fit:cover;
    overflow: hidden;
}

.news-img-sign {
  padding: 10px;
  background-color: #5c5c6b;
  margin-bottom: 20px;
}
.news-img-sign p {
  color: #fff;
  font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.3;
    margin: 0px;
}
.news-lead {
  margin-bottom: 20px;
}
.news-lead p {
  color: #252539;
  font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 20px;
}
.news-text {
  margin-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
}

.news-text p {
  color: #252539;
  font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 20px;
}
.news-text img {
    max-width: 100%;
    height: auto;
    padding: 10px 0px;
}
.social-media , .social-media1 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
}
.social-media p, .social-media1 p {
  color: #252539;
  font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.news-tag-links {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
}
.news-tag-links p {
  color: #252539;
  font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    
}
.news-tag-links a {
  color: #15ab89;
  font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
  display: inline-block;
}

.news-tag-links a:not(:last-child):after {
    content: ", ";
}
.wp-caption-text {
  padding: 10px;
    background-color: #5c5c6b;
    margin-bottom: 20px;
    color: #fff!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px!important;
    line-height: 1.3;
    margin: 0px;
}
.uscl-item span {
  width: 116px!important;
  border-radius: 0px!important;
  height: 40px!important;
  line-height: 40px!important;
}
.comment-form-comment textarea {
  width: 100%;
  border-color: #15ab89;
}
.comment-form .form-submit input.submit {
    background-color: #15ab89;
    border: 1px solid #15ab89;
    color: white;
    height: 38px;
    padding: 6px 20px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 6px 0px;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
    width: auto;
}
.comment-form label {
  font-weight: 400;
  /*width: 20%;*/
}
.comment-form p input {
  /*width: 79%;*/
  border: 1px solid #15ab89;
}
.wpcf7-form p label span input, .wpcf7-form p label span textarea {
  width: 100%;
    border: 1px solid #15ab89;
}
.wpcf7-form p label {
  width: 100%;
  font-weight: 500;
}
.wpcf7-form p:nth-child(6) input {
  border: none;
}
.wpcf7-form p:nth-child(7) input {
  background-color: #15ab89;
    border: 1px solid #15ab89;
    color: white;
    height: 38px;
    padding: 6px 12px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 6px 0px;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
}
.nav-links a {
      background-color: #fff;
    border: 1px solid #15ab89;
    color: #15ab89;
    height: 38px;
    padding: 6px 12px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 6px 0px;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
    margin-bottom: 20px;
}
.screen-reader-text {
  display: none;
}
.nav-links span {
    background-color: #15ab89;
    border: 1px solid #15ab89;
    color: white;
    height: 38px;
    padding: 6px 12px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 6px 0px;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
}
/*<------------RUBRICA-page------------->*/
.rubrica img {
  width: 100%;
  height: 225px;
  object-fit:cover;
  overflow: hidden;
  margin-bottom: 20px;
}
/*.rubrica {
      padding: 0 5px;
}*/
.rubrica-wrap div:nth-child(2n+2) {
  padding: 0px 10px 0px 0px; 
}
.rubrica-wrap div:nth-child(2n+3) {
  padding: 0px 0px 0px 10px; 
}
.rubrica-caption {
  z-index: 30;
  width: calc(100% - 10px);
  background: rgba(4, 5, 10, .65);
  padding: 10px!important;
  position: absolute;
  bottom: 20px;
}
.rubrica-caption p {
  color: white;
    margin: 0;
    font-size: 12px;
    text-align: center;
    padding: 5px 0;
}

.rubrica-caption a {
  text-decoration: none;
  color: #fff;
}
.rubrica-caption h2 {
  color: #fff;
  font-family: 'Roboto', serif;
  font-weight: 500;
  font-size: 16px;
  text-align: left;
  line-height: 1.4;
  margin: 0px;
  text-align: center;
}
.rubrica-caption a:hover {
  text-decoration: underline;
  color: #fff;
}
.rubrica-row {
  margin-bottom: 20px;
}
.zagler iframe {
  height: 250px;
}
/*<------------Greeting------------->*/
.greeting-container {
 width: 100%;
 overflow: hidden;
 margin-bottom: 15px;
 border-bottom: 1px solid #e6e6e6;
}

.img-greeting img {
 width:100%;
    object-fit:cover;
    padding-top: 3px;
    height: auto;
}
.text-greeting {
 width: 100%;
 padding: 10px 0px;
}
.text-greeting h3 {
 font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.2em;
    color: #252539;
    margin: 0px;
    line-height: 1.2;
    -webkit-transition-duration: 0.2s; / Safari /
    transition-duration: 0.2s;
}
.text-greeting h3:hover {
 color: #15ab89;
}



.news-text .swpm-margin-top-10 {
    background-color: #dcf2ed;
    margin-bottom: 40px;
    color: #252539;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 23px;
    line-height: 1.4;
    margin-bottom: 20px;
    text-align: center;
    padding: 20px 5px 20px 5px;
}
.swpm-margin-top-10 p {
  text-align: center;
  margin-top: 10px;
}
.swpm-login-link {
      background-color: #fff;
    border: 1px solid #15ab89;
    color: #15ab89;
    height: 38px;
    padding: 6px 20px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 6px 0px;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
    margin-bottom: 20px;
}
.woocommerce ul.products li.product .button {
    background-color: #fff;
    border: 1px solid #15ab89;
    color: #15ab89;
    height: 38px;
    /* padding: 6px 20px; */
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 6px 0px;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
    margin-bottom: 20px;
}
.swpm-margin-top-10 .products .product_cat-dostup {
  margin: 0 6px!important;
  background: #15ab89;
}
.woocommerce-loop-product__title {
  font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #252539;
    margin: 0px;
    line-height: 1.3;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    padding: 0!important;
}
.woocommerce ul.products li.product a img {
  padding: 10px 10px;
}
.swpm-margin-top-10 .woocommerce ul.products li.product .price {
  color: white!important;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #15ab89;
    border: 1px solid #15ab89;
    color: white;
    height: 38px;
    padding: 10px 20px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 6px 0px;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
}
.woocommerce-message {
    border-top-color: #15ab89;
}
.woocommerce-message::before {
    content: "\e015";
    color: #15ab89;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #0e5159;
}
.swpm-registration-widget-form input[type="text"], .swpm-registration-widget-form input[type="password"], .swpm-login-widget-form input, .swpm-login-widget-form checkbox, .swpm-edit-profile-form input {
    border: 1px solid #15ab89;
    height: 38px;
    padding: 10px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
.news-text button, .news-text input[type="button"], .news-text input[type="reset"], .news-text input[type="submit"] {
    background-color: #15ab89!important;
    border: 1px solid #15ab89!important;
    color: white!important;
    height: 38px!important;
    padding: 6px 20px!important;
    text-decoration: none!important;
    font-family: 'Roboto', sans-serif!important;
    font-weight: 400!important;
    font-size: 16px!important;
    margin: 6px 0px!important;
    -webkit-transition-duration: 0.2s!important;
    transition-duration: 0.2s!important;
    cursor: pointer!important;
}
.swpm-pw-reset-widget-form {
  background: #dcf2ed;
}
.swpm-pw-reset-widget-form .swpm-margin-top-10 {
  padding: 0;
}
.swpm-pw-reset-text {
  width: 100%;
}
.button1 button {
    width: 100%;
    background-color: #15ab89;
    border: 1px solid #15ab89;
    color: white;
    height: 75px;
    padding: 6px 20px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 6px 0px;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
}
.button1 button:hover{
    background-color: #0e5159;
    border: 1px solid #0e5159;
}
.swpm-edit-profile-link, .swpm-logged-logout-link, .swpm-logged-logout-link1 {
  background-color: #15ab89;
    border: 1px solid #15ab89;
    color: white;
    height: 38px;
    padding: 6px 20px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 6px 0px;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    /* margin-left: 10px; */
    width: 31%;
}
.swpm-edit-profile-link a, .swpm-logged-logout-link a, .swpm-logged-logout-link1 a {
    color: white;
}
.woocommerce-message .button {
  display: none!important;
}
.woocommerce-info::before {
  color: #15ab89!important;
}
.woocommerce-info {
  border-top-color: #15ab89!important;
}
.swpm-logged-label {
	border: none;
    color: #252539;
    background-color: #dcf2ed;
    margin: 0px 4px 4px 0px;
    padding: 8px 15px;
    text-align: center;
    text-transform: inherit;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1em;
    cursor: pointer;
    display: inline-block;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    width: 100%;
}
.swpm-logged-value {
    color: #252539;
    border: 1px solid #ebefef;
    margin: 0px 4px 4px 0px;
    padding: 8px 15px;
    text-align: center;
    text-transform: inherit;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1em;
    cursor: pointer;
    display: inline-block;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    width: 100%;
}
.swpm-logged-username-label {
	font-weight: 600;
    background-color: #15ab89;
    border: 1px solid #15ab89;
    color: white;
    height: 38px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 6px 0px;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
}
.quantity, .product_meta, .wc-tabs, .single-product .news-img-sign, .single-product .social-media, .single-product .news-tag-links, .single-product .related, .single-product .news-date, .woocommerce-checkout .woocommerce-additional-fields, .woocommerce-cart .product-quantity {
  display: none;
}
.textvip {
  filter: blur(4px);
    -webkit-filter: blur(4px);
    opacity: 0.3;
    cursor: default;
    padding-top: 20px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    pointer-events: none;
}
.woocommerce-MyAccount-navigation li {
  background-color: #fff;
    border: 1px solid #15ab89;
    color: #15ab89;
    height: 38px;
    padding: 8px 11px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
    list-style-type: none;
}
.woocommerce-MyAccount-navigation ul {
    padding: 0;
}
.woocommerce-MyAccount-navigation .is-active {
      width: 100%;
    background-color: #15ab89;
    border: 1px solid #15ab89;
    color: white;
    height: 38px;
    padding: 8px 11px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
    list-style-type: none;
}
.woocommerce-MyAccount-navigation .is-active a {
    color: white;
}
.woocommerce-Input, .input-text  {
  border: 1px solid #15ab89;
  height: 38px;
  padding: 10px;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
.woocommerce-Button {
    background-color: #15ab89;
    border: 1px solid #15ab89;
    color: white;
    height: 38px;
    padding: 6px 20px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 6px 0px;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    cursor: pointer;
    border-radius: inherit;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  background-color: #dcf2ed!important;
}
.woocommerce form .form-row .input-checkbox {
  position: relative;
  margin: 0;
}
.woocommerce-customer-details, .woocommerce-cart .social-media1, .woocommerce-checkout .social-media1, .woocommerce-account .social-media1, .woocommerce-checkout .news-img {
  display: none!important;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
  width: 100%;
}
.page-id-323912 .news-img {
  display: none!important;
}
.logged-in .checkout #billing_email_field {
  display: none;
}
/*<------------Media Quaerys------------->*/


@media screen and (max-width: 650px) {
    .date1, .social {
      display: none;
    }
    .donate {
      
    }
    .donate button {
      width: 100%;
    }
    .contacts {
      display: none;
    }
    .mobile-icons {
      display: inline-block;
      float: right;
      margin: 6px 0px;
      
    }
    .mobile-icons a i {
      border: 1px solid white;
      font-size:21px;
    color:white;
    padding: 3px 4px;
    margin-left: 5px;
    }
    .registration {
      display: none;
    }
    .logo-panel {
      height: 166px;
      margin: 0 auto;
      position: relative;
      display: flex;
      align-items: center;
      flex-flow: column nowrap;
      align-content: center;
    }
    .logo {
      margin-top: 12px;
      width: 60%;
    }
   
    .search input[type=text] {
      margin-top: 10px;
    }
    .search button {
    margin-top: 10px;
  }
    .add-news {
      margin-top: 8px;
    margin-right: 0;
  }
  .nav li {
    border: none;
      border-bottom: 1px solid white;
    color: #e5f4f6!important;
      text-align: center;
      text-decoration: none;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 16px;
      cursor: pointer;
      width: 100%;
  }
  
    .nav li:last-child {
    border-bottom: none;
  }
  .navbar-nav {
    margin: 0px;

  }
  .nav li a {
    width: 100%;
  }
  /*.slider-caption {
  z-index: 30;
  width: 100%;
    background: rgba(4, 5, 10, 1);
    padding: 15px 15px 30px 15px;
    position: relative;
    bottom: 0px;
  } */
  .news-feed {
  border: none;
}
.left-divider, .right-divider {
    border: none;
  }
.news-feed-mob, .go-rubrica-mob, .zagl-mob, .hot-news-container-mob, .news-list-mob {
  display: block!important;
}
.news-list, .zagl1 {
  display: none!important;
}
/*.banner {
  display: none;
}*/
.search-footer, .social-footer, .links-footer, .footer-panel {
      clear: both;
      display: block;
      float: left;
    }
/*.social-media1 {
  visibility: hidden; 
}*/
.at-style-responsive .at-share-btn {
      width: 50px!important;
}
.at-resp-share-element .at-share-btn .at-icon-wrapper {
  margin-left: 0;
}
.rubrica {
  padding: 0px!important;
  
}
.rubrica-caption {
  width: 100%;
}
.news-img img {
	height: 100%!important;
}
}

@media screen and (max-width: 990px) and (min-width: 651px) {
    
    .logo-panel {
      height: 126px;
      margin: 0px;
   }
    .logo {
      margin-top: 42px; 
    }
    .news-img img {
	height: 100%!important;
}
    .search input[type=text] {
      margin-top: 20px;
    }
    .search button {
    margin-top: 20px;
  }
  .at-style-responsive .at-share-btn {
      width: 50px!important;
}
.at-resp-share-element .at-share-btn .at-icon-wrapper {
  margin-left: 0;
}
  .add-news {
    margin-right: 0px;
    margin-top: 4px;
  }
  .date1 {
    display: none;
  }
  .nav li {
    border: none;
      border-bottom: 1px solid white;
    color: #e5f4f6!important;
      text-align: center;
      text-decoration: none;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 16px;
      cursor: pointer;
      width: 100%;
  }
  .navbar-nav {
    margin: 0px;
  }
    .nav li:last-child {
    border-bottom: none;
  }
  .nav li a {
    width: 100%;

  }
  .carousel-caption {
  width: 100%;
  padding: 15px 15px 30px 15px;
  position: relative;
  left: 0px;
  bottom: 162px;
}
.postsbycategory li a img {
      width: 50%;
    padding-right: 20px;
}
.news-feed {
  border-left: 1px solid #e6e6e6;
  margin-left: -15px;
  padding-left: 15px;
  border-right: none;
}
.search-footer, .social-footer, .links-footer, .footer-panel {
      clear: both;
      display: block;
      float: left;
    }
/*.banner {
  display: none;
}*/
.right-divider {
  border-right: none;
}
.rubrica {
  width: 50%;
}
.img-greeting img {
 float: left;
 width: 50%; 
}
.text-greeting {
 float: left;
 width: 50%;
 padding: 0px 0px 0px 10px;
}
}
@media screen and (max-width: 768px) {
.swpm-margin-top-10 .products .product_cat-dostup {
  margin: 0 2px!important;
    background: #15ab89;
}
.woocommerce-loop-product__title {
  font-size: 15px!important;
}
.woocommerce ul.products li.product .button {
  font-size: 13px;
}
.product-quantity {
  display: none!important;
}
}