/*  NEWS PAGE */
#news {
  margin: 100px 0 0 0;
  background: #fff;
}

body {
  background-color: #000;
}

.img-header {
  height: 550px;
  padding: 25px;
  margin: 0;
  color: #fff;
  background-size: cover;
  vertical-align: text-bottom;
}

.content-header {
  text-align: left;
  height: auto !important;
  vertical-align: text-bottom;
}

.content-header > h1 {
  margin: 390px 0 0 40px;
  font-weight: 600;
  font-size: 3em;
}

.content-header > h1> a {
  background-color: #000;
  padding: 10px;
  color: #fff;
    -webkit-transition: all .3s ease-in 0s;
       -moz-transition: all .3s ease-in 0s;
        -ms-transition: all .3s ease-in 0s;
         -o-transition: all .3s ease-in 0s;
            transition: all .3s ease-in 0s;
}
.content-header > h1> a:hover,
.content-header > h1> a:focus
 {
  background: #faff00;
  color: #000;
    -webkit-transition: all .3s ease-in 0s;
       -moz-transition: all .3s ease-in 0s;
        -ms-transition: all .3s ease-in 0s;
         -o-transition: all .3s ease-in 0s;
            transition: all .3s ease-in 0s;
}


.newsfeed-item {
 padding: 0 0 0 0;
 background-color: #ffffff;
 overflow: hidden;
 z-index: 100;
}

.newsfeed-item:hover {
 background-color: #fff;
 transition:background .5s linear .1s;
 -webkit-transition:background .5s linear .1s;
 -moz-transition:background .5s linear .1s;
 -o-transition:background .5s linear .1s;
 -ms-transition:background .5s linear .1s;
}

.newsfeed-content {
  color: #000;
  padding: 15px;
}

.newsfeed-item > h2 {
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  background: #000;
  height: 100px;
  padding: 15px;
}

.newsfeed-item > h2 > a {
  color: #fff;
}

.newsfeed-item > h2 > a:hover {
  transition:background .5s linear .1s;
  -webkit-transition:background .5s linear .1s;
  -moz-transition:background .5s linear .1s;
  -o-transition:background .5s linear .1s;
  -ms-transition:background .5s linear .1s;
  color: #fff;
}

.newsfeed-content > p {
  margin: 0px 0px 20px 0px;
  color: #000;
  font-size: 15px;
}

.newsfeed-link {
  padding: 10px;
  background-color: #000;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}

.newsfeed-link:hover {
  border: #000 double 1px;
  color: #fff;
  -webkit-transition: all .3s ease-in 0s;
     -moz-transition: all .3s ease-in 0s;
      -ms-transition: all .3s ease-in 0s;
       -o-transition: all .3s ease-in 0s;
          transition: all .3s ease-in 0s;
}


.buttonlink {
  padding: 10px;
  background-color: #000;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 150px;
}

.buttonlink:hover {
  border: #000 double 1px;
  color: #fff;
  -webkit-transition: all .3s ease-in 0s;
     -moz-transition: all .3s ease-in 0s;
      -ms-transition: all .3s ease-in 0s;
       -o-transition: all .3s ease-in 0s;
          transition: all .3s ease-in 0s;
}

/* NEWS PAGE */
.view {
   float: left;
   height: 100%
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   cursor: default;
}

.view .mask {
  text-align: center;
}

.mask {
  position: absolute;
  overflow: hidden;
  z-index: 100;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  padding: 38%;
}

.info {
  margin: 0 auto;
  text-decoration: none;
  display:inline-block;
  padding: 7px 14px;
  background: #fff;
  color: #000;
  text-transform: uppercase;
  border-radius: 50%;
}

.info:hover {
  background-color: #000;
  color: #fff;
}

.info:focus {
  color: #fff;
}

.newsfeed-item img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   min-height: 100%;
   min-width: 100%;
   height: auto;
   width: auto;
}

.mask {
   background-color: #fff;
   -webkit-transform: translateX(-2000px);
   -moz-transform: translateX(-2000px);
   -o-transform: translateX(-2000px);
   -ms-transform: translateX(-2000px);
   transform: translateX(-2000px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.newsfeed-item:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.newsfeed-item:hover img,
.newsfeed-item:hover .newsfeed-content,
.newsfeed-item:hover > h2 {
   -webkit-transform: translateX(500px);
   -moz-transform: translateX(500px);
   -o-transform: translateX(500px);
   -ms-transform: translateX(500px);
   transform: translateX(500px);

   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.newsfeed-item:hover .mask > p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

#single-news-content {
  background: #fff;
  color: #fff;
  padding: 20px 50px 50px 50px;
  min-width: 100% !important;
  margin: 100px 0 0 0;
}

#single-news-content > .container {
  background: #fff;
  color: #000;
  padding: 0px;
}

#single-news-content h2 {
  margin: 20px 0 0px 0;
  text-align: left;
  padding: 15px 15px 15px 25px;
  background: #000;
  color: #fff;
  font-size: 30px;
}

#single-news-content h3 {
  margin: 30px 0 0 20px;
  text-align: left;
  padding: 5px 5px 5px 15px;
  background: #000;
  color: #fff;
  max-width:85px;
}

#single-news-content .as-share {
  max-width:120px;
  margin-top: 40px 0 20px 20px;
}

#single-news-content p {
  margin-bottom: 10px;
  font-size: 1.3em;
  line-height: 20px;
  padding: 0 0 0 15px;
}

#galleria {
  height:600px;
  min-width: 85%;
  margin-bottom: 20px;
}

.ladoa {
	text-align: right;
  padding-top: 25px;
}

.ladob {
	text-align: left;
  padding: 25px 20px 20px 0px;

}