.home_content{
position: relative;
}

.home_content .defImg{
max-width: 100%;
height: auto;
position: relative;
z-index: -1;
visibility: hidden;
}

.home_content .tloImgHome{
background-size: cover;
background-attachment: fixed;
background-position:50% 50%;
position: absolute;
width: 100%;
height:100%;
top:0px;
left: 0px;
}

.home_content .tloImgHomeAbs{
 -webkit-animation-name: fadeImg;
  animation-name: fadeImg;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeImg {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeImg {
0% {opacity: 0;}
100% {opacity: 1;}
}



.home_content .boxTrescNavig{
position: absolute;
z-index: 1;
top:15%;
bottom: 15%;
right: 15%;
width: 30%;
margin: auto;
padding-right: 102px;
overflow: hidden;
}

.home_content .boxTrescNavig .boxTresc{
background-color: rgba(53,54,56,0.8);
position: relative;
height: 100%;
width: 100%;
}

.home_content .boxTrescNavig .boxTresc2.boxTrescAbs{
position: absolute;
top:0px;
left: 0px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.boxTrescAbsTop{
-webkit-animation-name: topImg;
 animation-name: topImg;
}

.boxTrescAbsTop2{
-webkit-animation-name: topImg2;
 animation-name: topImg2;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes topImg {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes topImg {
  0% {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes topImg2 {
 0% {
 	-webkit-transform: translateY(0);
   transform: translateY(0);
 }
 100%{
 	-webkit-transform: translateY(100%);
    transform: translateY(100%);
 }
}
@keyframes topImg2 {
0% {
 	-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
 }
 100%{
 	-webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
 }
}


.boxTrescAbsBottom2{
-webkit-animation-name: bottomImg2;
 animation-name: bottomImg2;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.boxTrescAbsBottom{
-webkit-animation-name: bottomImg;
 animation-name: bottomImg;
}

@-webkit-keyframes bottomImg2 {
0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
	
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  
}

@keyframes bottomImg2 {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  
  100% {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes bottomImg {
0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
	
  100% {
    -webkit-transform: translateY(%);
    transform: translateY(0%);
  }

  
}

@keyframes bottomImg {
  0% {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
  
  100% {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}

.home_content .boxTrescNavig .boxTresc .boxTresc2{
color: #FFFFFF;
font-size: 18px;
display: table;
height: 100%;
width: 100%;
}
.home_content .boxTrescNavig .boxTresc .boxTresc2 .boxTresc3{
display: table-cell;
vertical-align: middle;
box-sizing:border-box;
padding: 10px 50px;
}
.home_content .boxTrescNavig .boxTresc .boxTresc2 a{
color: #FFFFFF;
}

.home_content .boxTrescNavig .boxTresc .boxTresc2 .boxTresc3 ul{
list-style: none;
}
.home_content .boxTrescNavig .boxTresc .boxTresc2 .boxTresc3 ul li{
position: relative;
display: block;
margin: 0px 0px 25px 0px;
padding: 0px 0px 0px 40px;
}

.home_content .boxTrescNavig .boxTresc .boxTresc2 .boxTresc3 ul li:after{
content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARZJREFUeNqcUrGKwkAU3KRId99hJQiKIAhWFgc2gmCjVwp2118hivbXBVKqjSDYCBZWwuGBKAh+ip1NnJFZWUIU9MGwy7w3eW9fxovj2Ng4TL8CHB2gAZRE/wNzIMq3xhdb6zsiCs5ABugBH0JP3Fk1t/DYEUQX9x+ghq8eTUqgJodjCYxQE3r7STtQpwKIk+o4ZlX3tcalOItjz0l8vSlyROy8BfrCVpxRTUQNhU1g5nQapkw6dJbF2iaFRWAnsm4eh82xtuib14M7uVB44PgiF08ENscFnXw7s/OzBymigd2s3cnbvyNpgE9HnDQARau7AaxXJf4FQr4HyY34srzL/DdFd8slTN7V6iui/2Ty0DX5VYABAPr7b/khv+9FAAAAAElFTkSuQmCC');
position: absolute;
left: 1px;
top: 0px;
width: 14px;
height: 14px;
}


.home_content .boxTrescNavig .boxTresc .boxTresc2 a{
color: #FFFFFF;
}

.home_content .boxTrescNavig .navig{
width: 102px;
height: 100%;
position: absolute;
right: 0px;
top:0px;
background-color: #FFFFFF;
padding: 118px 0px;
box-sizing:border-box;
display: table;
height: 100%;
}

.home_content .boxTrescNavig .navig>a{
width: 52px;
height: 78px;
display: block;
position: absolute;
left: 0px;
right: 0px;
margin: auto;
border: 1px solid #FFFFFF;
transition: all 0.5s ease-out 0s;
}

.home_content .boxTrescNavig .navig>a:hover{
border: 1px solid #adafb0;
}

.home_content .boxTrescNavig .navig>a.prev{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAlCAYAAACtbaI7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGhJREFUeNrs0UsOgDAIRdH27n8rRneojkyNUrHgyEdCmJATPnWal+KMdc/qaeQF2NYw2k5YPTADKz/CDN6wCxN4igkT+bIFEwBNmCB4C5MAXmCSwBNMInjAlA9CqFChQoUKFfofdBNgANbLF1bDoBIPAAAAAElFTkSuQmCC') 50% 50% no-repeat;
top:25px;
}
.home_content .boxTrescNavig .navig>a.next{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAlCAYAAACtbaI7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIFJREFUeNrs1tEKgCAMhWHn+79K1BuuiAqzOU+1rjpCdCMflBN+GcYpgUuXR5CNOX2wiBIlSpQoUaL/QjXY1LylTBS8ptH++RHw0VrlP30Dn+KtPqgn8KUGrdO/A5t52RopBG72qjenHuwGcG/4Lbhb1MiNKmEo0dFrKtXbXbMAAwDJERdW4hzDhgAAAABJRU5ErkJggg==') 50% 50% no-repeat;
bottom: 25px;
}

.home_content .boxTrescNavig .navigHome{
display: table-cell;
vertical-align: middle;
width: 100%;
}

.home_content .boxTrescNavig .navigHome a{
display: block;
padding: 18px 0px;
}
.home_content .boxTrescNavig .navigHome a:after{
content: "";
position: absolute;
width: 40%;
height: 1px;
background-color: #adafb0;
left: 0px;
right: 0px;
margin: auto;
transition: all 0.5s ease-out 0s;
}
.home_content .boxTrescNavig .navigHome a.sel:after{
width: 50%;
height: 5px;
background-color: #cca35d;
}

@media screen and (max-width:1100px){
.home_content .boxTrescNavig {top:5%;bottom: 5%;right: 5%;width: 60%;}
.home_content .boxTrescNavig .navigHome {display: none;}	
}
@media screen and (max-width:700px){
.home_content .boxTrescNavig {right: 1%;padding-right: 24px;width: 93%;}	
.home_content .boxTrescNavig .navig {width: 50px;}
.home_content .boxTrescNavig .navig > a{border: 1px solid #adafb0;width: 46px;height: 60px;background-color: rgba(255,255,255,0.8);}
.home_content .boxTrescNavig .navig {background-color: transparent;}
.home_content .boxTrescNavig .navig > a.prev{background-color: rgba(255,255,255,1);top:10px;}
.home_content .boxTrescNavig .navig > a.next{background-color: rgba(255,255,255,1);bottom: 10px;}
.home_content .boxTrescNavig .boxTresc .boxTresc2 .boxTresc3 ul li {margin-bottom: 5px;}
.home_content .defImg {min-height: 270px;}	
}
@media screen and (max-width:500px){
.home_content .boxTrescNavig .boxTresc .boxTresc2 .boxTresc3 {padding: 10px;}
}