/* Tourism */
.tourism{float:left; margin:0 0 27px 0; padding:0; width:100%;}
.tourism * {overflow:hidden}
.tourism .tourism_content{float:left; width:100%; margin:0 auto; text-align:center;}


.tourism .tourism_content  p.title { font-size:20px; line-height:22px; text-align:left;}
.tourism .tourism_content  p.data {  text-align:left;font-size:13px; color:#999999}
.tourism .tourism_content  p.desc {  text-align:left; font-size: 15px;}
.tourism .tourism_content  p.sabermais {border-radius: 4px;float: left;font-size: 0.938em;line-height: 16px;margin: 8px 0 0;padding: 10px 30px;background: #731D6D none repeat scroll 0 0;}
.tourism .tourism_content  p.sabermais a{color:#ffffff;}

/* Tourism */


.tourism .tourism_content div.thumb{ float:left;width:28% ; margin:0 5% 5% 0;padding-bottom: 30px;  }		

.item{width: 50%;float: left;padding: 0 10px 40px;}
.item .news_date{float: left;height: 100%; border: 2px solid #731D6D;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;color: #731D6D; font-family: 'lato-bold'; font-size: 25px; line-height: 25px; text-align: center;padding: 20px; text-transform: uppercase; height: 100px; width: 100px; margin-left: 37px;margin-right: 20px;}
.item .news_content {padding-left: 160px; text-align: left;}
.item .news_content a{font-family: 'lato-bold'; font-size: 20px; color: #999999;}
.item .news_content p{font-family: 'lato-regular'; font-size: 15px; color: #999999; padding-bottom:20px}



.row {
  margin-left: auto;
  margin-right: auto; }
  .row::before, .row::after {
    content: " ";
    display: table; }
  .row::after {
    clear: both; }
  .row .row {
    margin-left: -8px;
    margin-right: -8px; }
  .row--centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
 
 .filter-options{margin:40px 0 80px;}           
.btn-group::before, .btn-group::after {
  content: " ";
  display: table; }

.btn-group::after {
  clear: both; }

.btn-group .btn {
  float: left;
  border-radius: 0; }
  .btn-group .btn:first-child {
    border-radius: 2px 0 0 2px; }
  .btn-group .btn:last-child {
    border-radius: 0 2px 2px 0; }

.btn-group .btn,
.btn-group button {
  display: inline-block;
  padding: .25em .25em;
  -webkit-appearance: none;
  text-align: center;
  color: white;
  border-radius: .0625em;
  border: 0;
  background-color: #ffffff;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out; }
 .btn-group .btn:hover,
 .btn-group button:hover {
    background-color: rgba(116, 29, 110, 0.5);
    text-decoration: none;
    
     }
 .btn-group .btn.active,.btn-group .btn:active,
 .btn-group button.active,
 .btn-group button:active {
    background-color: #731D6D;
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);*/ }
 .btn-group .btn:active,
 .btn-group button:active {
    -webkit-transition: none;
    transition: none; }
.filter-group .btn {
  position: relative;  }
  .filter-group .btn.active:before, .filter-group .btn.active:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-left: -2px;
    margin-top: -1px;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s; }
  .filter-group .btn:before {
    background-color: #731D6D;
    border-radius: 50%; }
  .filter-group .btn:after {
    background-size: 60%;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-image: url(../img/check.svg);*/ }
  .filter-group .btn.active:before, .filter-group .btn.active:after {
    opacity: 1; }
/*
  Shuffle needs either relative or absolute positioning on the container
  It will set it for you, but it'll cause another style recalculation and layout.
  AKA worse performance - so just set it here
 */
.my-shuffle-container {
  position: relative;
  overflow: hidden; }

.my-sizer-element {
  position: absolute;
  opacity: 0;
  visibility: hidden; }

/* Animate in styles */
.shuffle--animatein {
  overflow: visible; }

.shuffle--animatein .picture-item__inner {
  opacity: 0;
  -webkit-transform: translate(0, 220px);
          transform: translate(0, 220px); }

.shuffle--animatein .picture-item__inner--transition {
  -webkit-transition: all .6s ease;
  transition: all .6s ease; }

.shuffle--animatein .picture-item.in .picture-item__inner {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0); }


.btn-group .btn{ width:25%;}

@media screen and (max-width: 767px) {
.item{width: 100%;padding: 20px 10px;}
.btn-group .btn{ width:50%;}
.item .news_date{margin-left:0;}
.item .news_content{padding-left:120px}

  .filter > .row,
  .filter > .row > div {
    margin: 10px 0; }
  .m-nofloat {
    float: none; } }
    
    
@media screen and (max-width: 480px) {    
   .btn-group .btn{ width:100%;}
   .item .news_content p.desc{display:none;}

}