.spotrebice_list .container_x2 {
	position:relative;
	background-position:center 50%;
	background-repeat:no-repeat;
    background-size: cover;
}
.spotrebice_list .container_x2_left {
	background: rgba(25, 25, 25, 0.85);
}
.spotrebice_list .container_x2_right {
	background: rgba(227, 0, 23, 0.85);
}
.spotrebice_list .container_x2_in {
	color:#FFF;
	padding:40px 70px;
}
.spotrebice_list .container_x2_in h3 {
	font-size:200%;
	color: #fff;
	font-weight: bolder;
}

.spotrebice_list .container_x2_in p {
	text-align: justify;
}

.spotrebice_list a.nav_next {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    overflow: hidden;
}

.spotrebice_list a.nav_next01,
.spotrebice_list a.nav_next02 
{
    color: #FFF !important;
}

.spotrebice_list a.nav_next:before,
.spotrebice_list a.nav_next:after 
{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #000;
}

.spotrebice_list a.nav_next01:before,
.spotrebice_list a.nav_next01:after,
.spotrebice_list a.nav_next02:before,
.spotrebice_list a.nav_next02:after
{
    background-color: #FFF;
}

.spotrebice_list a.nav_next span:before {
    position: absolute;
    top: 0;
    left: -100%;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #E3001B;
    opacity: 0;
    z-index: 100;
}

.spotrebice_list a.nav_next:after {
    top: 100%;
    margin-top: -3px;
}

.spotrebice_list a.nav_next span:after {
    position: absolute;
    top: 100%;
    right: -100%;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #E3001B;
    margin-top: -3px;
    opacity: 0;
    z-index: 100;
}

.spotrebice_list a.nav_next span {
    position: relative;
    display: block;
    padding: 15px 0px;
}

.spotrebice_list a.nav_next:hover span:before {
    left: 0;
    opacity: 1;
}

.spotrebice_list a.nav_next:hover span:after {
    right: 0;
    opacity: 1;
}

.spotrebice_list a.nav_next02 span:before,
.spotrebice_list a.nav_next02 span:after
{
    background-color: #000;
}

.spotrebice_list a.nav_next span:before,
.spotrebice_list a.nav_next span:after
{
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.spotrebice_img_left {
	position: absolute;
    top: 0px;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-position: center 50%;
    background-repeat: no-repeat;
    left: 0;
}

.spotrebice_img_right {
	position: absolute;
    top: 0px;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-position: center 50%;
    background-repeat: no-repeat;
    right: 0;
}

.container_x2_color_1 {
    background-color: #000 !important;
    color: #fff !important;
}

.container_x2_color_2 {
    background-color: #fff !important;
    color: #000 !important;
}

.container_x2_color_2 h3, .container_x2_color_2 a.nav_next01,
.container_x2_color_2 a.nav_next02  {
    color: #000 !important;
}

.container_x2_color_2 a.nav_next01:before, .container_x2_color_2 a.nav_next01:after, .container_x2_color_2 a.nav_next02:before, .container_x2_color_2 a.nav_next02:after {
    background-color: #000;   
}

@media screen and (max-width: 1366px) {
	.spotrebice_list .container_x2_in { padding:30px 50px; }
	.spotrebice_list .container_x2_in h3 { font-size:150%; }	
	.spotrebice_list .container_x2_in img { max-width:90px; }
}

@media screen and (max-width: 1200px) { 
	.spotrebice_list .container_x2_in {	padding:15px 30px; }
	.spotrebice_list .container_x2_in h3 { font-size:120%; }	
	.spotrebice_list .container_x2_in img { max-width:70px; }
}

@media screen and (max-width: 991px) { 
	.spotrebice_list .container_x2_in { padding:15px; }
}

@media screen and (max-width: 767px) { 
    .spotrebice_list .container_x2 { background-size: unset; background-position: top center; }
    .spotrebice_img_right, .spotrebice_img_left { width: 100%; position: relative; height: 300px; }
}