:root {
 --brg11-color: rgba(0, 0, 0, .7);
 --txt11-color: #fff;
}
.mos-img img {display: none !important;}
.news-page-img-wrapper {
position: relative;
width: 100vw;
height: 100vh;
margin: 0;
padding: 0;
}

.supper-news-carousel-wrapper .supper-news-carousel-text h2 {
font-size: 24px;
font-weight: 800;
line-height: 30px;
margin-bottom: -5px;
margin-top: 10px;
}

@media only screen and (max-width: 880px) {
  .news-page-img-wrapper {
    width: 100%;
  }
}

.supper-news-carousel-item {
position: relative;
width: 100%;
height: 100vh;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}

.supper-news-carousel-wrapper {
position: relative;
background: none;
height: 100vh;
}

.supper-news-carousel-wrapper::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 1s ease 0s;
   -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
     -o-transition: all 1s ease 0s;
        transition: all 1s ease 0s;
background-color: var(--brg11-color);
}

.supper-news-carousel-wrapper .supper-news-carousel-text {
position: absolute;
width: 100%;
font-size: 16px;
line-height: 1.5;
text-align: left;
font-style: normal;
font-weight: 600;
color: var(--txt11-color);
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
left: -10px;
bottom: 40px;
padding: 0 40px 0 60px;
z-index: 10;
}

@media only screen and (max-width: 1200px) {
  .supper-news-carousel-wrapper .supper-news-carousel-text {
    bottom: 50px;
	padding: 0 15px 0 35px;
  }
}

@media only screen and (max-width: 995px) {
  .supper-news-carousel-wrapper .supper-news-carousel-text {
	width: auto;
	padding: 0 25px 0 35px;
  }
}

.supper-news-carousel-wrapper .supper-news-carousel-text .supper-news-carousel-content {
max-height: 0;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
overflow: hidden;
-webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
}

.supper-news-carousel-wrapper:hover::after {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.supper-news-carousel-wrapper:hover .supper-news-carousel-content {
max-height: 600px;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: all 1s ease-in;
   -moz-transition: all 1s ease-in;
    -ms-transition: all 1s ease-in;
     -o-transition: all 1s ease-in;
        transition: all 1s ease-in;
}
@media all and (min-width: 960px) {
  .inner-divider {
	height: 15px;
  }
}

@media  (max-width: 620px) {
  .inner-divider {
	height: 10px;
  }
}

.the-button-wrapper {
position: relative;
width: 165px;
height: auto;
line-height: 1.5;
margin: -7px 0 0 7px;
padding: 0;
left: 0;
text-align: center;
cursor: pointer;
}

@media all and (min-width: 1920px) {
  .the-button-wrapper {
    width: 205px;
    margin: -4px 0 0 7px;
  }
}

.the-button-wrapper.the-button-wrapper-details {
width: 165px;
margin: -7px 0 0 7px;
}

@media only screen and (max-width: 640px) {
  .the-button-wrapper {
    width: 165px;
	margin: -7px 0 0 7px;
  }
}

.the-button-wrapper.the-button-wrapper-news {
margin-bottom: 50px;
}

.the-button {
position: relative;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.10em;
color: #fff;
background: none;
padding: 10px 40px 0 40px;
margin-top: 10px;
-webkit-border-radius: 0;
   -moz-border-radius: 0;
    -ms-border-radius: 0;
     -o-border-radius: 0;
        border-radius: 0;
}

@media all and (min-width: 1920px) {
  .the-button {
    font-size: 12px;
    letter-spacing: 0.25em;
  }
}

@media only screen and (max-width: 640px) {
  .the-button {
    font-size: 10px;
	letter-spacing: 0.10em;
  }
}

.the-button.the-button-details {
font-size: 10px;
letter-spacing: 0.10em;
}

.the-button:hover:before,
.the-button.the-button-details:hover:before {
width: 100%;
}

.the-button:hover:after,
.the-button.the-button-details:hover:after {
width: 100%;
}

.the-button::before {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
left: -6px;
border: 1px solid #fff;
border-right: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

@media all and (min-width: 1920px) {
  .the-button::before {
    width: 20px;
    height: 47px;
	top: -5px;
  }
}

@media only screen and (max-width: 640px) {
  .the-button::before {
    width: 15px;
	height: 38px;
	top: -2px;
  }
}

.the-button.the-button-details::before {
width: 15px;
height: 38px;
top: -2px;
}

.the-button::after {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
right: -6px;
border: 1px solid #fff;
border-left: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;  
}
.the-button a{
position: relative; 
padding: 10px;
color: var(--txt11-color);
z-index: 20
}
.supper-news-carousel-wrapper .supper-news-carousel-text a {
  color: var(--txt11-color);
}
@media all and (min-width: 1920px) {
  .the-button::after {
    width: 20px;
    height: 47px;
	top: -5px;
  }
}

@media only screen and (max-width: 640px) {
  .the-button::after {
    width: 15px;
	height: 38px;
	top: -2px;
  }
}

.the-button.the-button-details::after {
width: 15px;
height: 38px;
top: -2px;
}

.the-button-submit {
width: 165px;
top: -19px;
border: none;
}

@media all and (min-width: 1920px) {
  .the-button-submit {
    width: 205px;
	border: none;
  }
}

@media only screen and (max-width: 640px) {
  .the-button-submit {
    width: 165px;
	top: -19px;
  }
}
.fields-container {
  margin: 3px 0px
}
.fields-container li, .field-entry {list-style: none;  color: #111; display: inline-block;background: rgba(225, 225, 225, 0.5); margin-bottom: 0px;padding: 2px 10px; border: 1px solid rgba(155, 155, 155, 0.2) }
.the-button-wrapper {
  order: 7;
}
.newsbox_item .tags {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	justify-content: center;
display: block;
border-top: 0;
border-bottom: 0;
  order: 6 !important;
	margin-bottom: 10px !important;
}

.newsbox_item .tags > li {
	margin: 0;
}

.newsbox_item .tags > li a {
display: inline-block;
  background: #f4f4f4;
  padding: 2px 16px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 5px;
  border: none;
  color: var(--brg11-color);
}

.newsbox_item .tags > li a:hover {
background-color: var(--brg11-color);
  color: #fff !important;
}

.newsbox_item .tags > li {margin-left: 5px;}