:root {
 --brg-color: #14171b;
 --txt-color: #f1f1f1;
}
.mos-img img {display: none !important;}
.newsbox_sett {
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  flex-direction: column;
 }

.arrow-details,
.arrow-details-reverse {
position: absolute;
left: 0;
right: 0; 
margin-left: auto; 
margin-right: auto; 
width: 40px!important;
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
}

.arrow-details {
bottom: -10px;
}


.arrow-details-light,
.arrow-details-light-reverse {
overflow: hidden;
}

.arrow-details-light:after,
.arrow-details-light-reverse:after {
content: "";
position: relative;
display: inline-block;
width: 20px;
height: 20px;
left: 50%;
margin-left: -10px;
-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg);
z-index: 10;
}

.arrow-details-light:after {
bottom: -6px;
}

@media only screen and (max-width: 640px) {
  .arrow-details-light:after {
    bottom: -8px;
  }
}

.arrow-details-dark-reverse:after,
.arrow-details-light-reverse:after {
top: 0;
}

.arrow-details-dark:after,
.arrow-details-dark-reverse:after {
background: var(--brg-color);
}

.arrow-details-light:after,
.arrow-details-light-reverse:after {
background: #fff;
}

.show-news-item-info {
  display: flex;
  background: #fff;
  margin: 0 auto;
  padding: 10%;
  justify-content: center;
  align-items: center;
}
@media all and (min-width: 960px) {
  .inner-divider {
	height: 10px;
  }
}

@media  (max-width: 620px) {
  .inner-divider {
	height: 5px;
  }
}
.show-news-item, .show-news-item-info {
position: relative;
width: 100%;
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;
}
.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: #999;
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;
}
.the-button a{color: #999;position: relative;z-index: 10;}

@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 #999;
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 #999;
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;  
}

@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;
  }
}


/* 23. hover effect */
.item:hover .link-wrap {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
cursor: pointer;
}

.item:hover .link-wrap span:before,
.item:hover .link-wrap span:after {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.item:hover .link-wrap span:nth-child(1):before,
.item:hover .link-wrap span:nth-child(1):after {
width: 15px;
}

.item:hover .link-wrap span:nth-child(2):before,
.item:hover .link-wrap span:nth-child(2):after {
height: 15px;
}

.link-wrap {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block;
background: rgba(0, 0, 0, .65);
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
}

.link-wrap span {
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
}

.link-wrap span:before,
.link-wrap span:after {
content: "";
position: absolute;
background: #fff;
-webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        opacity: 0.2;
   -moz-opacity: 0.2;
-webkit-opacity: 0.2;
filter: alpha(opacity=20);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.link-wrap span:nth-child(1):before,
.link-wrap span:nth-child(1):after {
width: 50%;
height: 2px;
top: 50%;
margin-top: -1px;
}

.link-wrap span:nth-child(1):before {
right: 50%;
}

.link-wrap span:nth-child(1):after {
left: 50%;
}

.link-wrap span:nth-child(2):before,
.link-wrap span:nth-child(2):after {
width: 2px;
height: 50%;
left: 50%;
margin-left: -1px;
}

.link-wrap span:nth-child(2):before {
bottom: 50%;
}

.link-wrap span:nth-child(2):after {
top: 50%;
}

.newsbox_item:nth-of-type(even) .show-news-item-info, .item2, .item4, .item6, .item8, .item10, .item12, .item14, .item16, .item18, .item20, .item22, .item24, .item26, .item28, .item30, .item32, .item34, .item36, .item38, .item40, .item42, .item44, .item46, .item48, .item50 {
background: var(--brg-color);
color: var(--txt-color);
 -webkit-order:-1;
 -ms-flex-order:-1;
 order:-1
}
.newsbox_item:nth-of-type(even) .arrow-details, .it2 .arrow-details, .it4 .arrow-details, .it6 .arrow-details, .it8 .arrow-details, .it10 .arrow-details, .it12 .arrow-details, .it14 .arrow-details, .it16 .arrow-details, .it18 .arrow-details, .it20v, .it22 .arrow-details, .it24 .arrow-details, .it26 .arrow-details, .it28 .arrow-details, .it30 .arrow-details, .it32 .arrow-details, .it34 .arrow-details, .it36 .arrow-details, .it38 .arrow-details, .it40 .arrow-details, .it42 .arrow-details, .it44 .arrow-details, .it46 .arrow-details, .it48 .arrow-details, .it50 .arrow-details {
top: -17px; 
}
.newsbox_item:nth-of-type(even) .arrow-details-light::after, .it2 .arrow-details-light::after, .it4 .arrow-details-light::after, .it6 .arrow-details-light::after, .it8 .arrow-details-light::after, .it10 .arrow-details-light::after, .it12 .arrow-details-light::after, .it14 .arrow-details-light::after, .it16 .arrow-details-light::after, .it18 .arrow-details-light::after, .it20 .arrow-details-light::after, .it22 .arrow-details-light::after, .it24 .arrow-details-light::after, .it26 .arrow-details-light::after, .it28 .arrow-details-light::after, .it30 .arrow-details-light::after, .it32 .arrow-details-light::after, .it34 .arrow-details-light::after, .it36 .arrow-details-light::after, .it38 .arrow-details-light::after, .it40 .arrow-details-light::after, .it42 .arrow-details-light::after, .it44 .arrow-details-light::after, .it46 .arrow-details-light::after, .it48 .arrow-details-light::after, .it50 .arrow-details-light::after {
background: var(--brg-color);
}