body{ background-color:#838383; font-family: 'Poppins', sans-serif;}
.container{-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.75); background-color: #fff; /*height: 85vh;*/ padding-bottom: 20px;}
.work-items{ display:flex; justify-content: space-around; padding-top: 130px !important; min-height: 630px !important;}
.work-items .item{ width:15%;position:relative; height:430px; }
.work-items .item img{ width:100%; position:absolute; z-index:1; }
.label-item{ background-color:rgba(255, 255, 255, 0.7); color:#626263;padding: 15px 0px; text-align: center; width: 100%; z-index: 99;position: absolute; left: 0px; top: 50%; margin-top: -25px;}
.label-item a{color:#626263; }
.logo-roda{ padding:20px 0px 0px 0px; text-align:right;position:relative; }
.logo-roda img{ width:70%; opacity:0.5; }
.info-nav{ padding:20px 0px 10px 55px; color:#2d2962; }
.info-nav h1, .info-nav h2{font-size: 1.6rem; padding: 0px; margin: 0px;font-weight: 700;}
.info-nav h2{font-weight: 500;}
.navigation-r{ padding-left:20%; border-top:1px solid #9191b7; }
.navigation-r ul{ margin:0px; }
.navigation-r ul li, .sidenav li{font-size: 12px;border-bottom:#2d2962 1px solid;}
.navigation-r ul li ul li{ border:none; }
.navigation-r ul li a, .sidenav li a{color:#2d2962; width: 100%; display: block;padding:5px 10px; }
.sidenav li{margin: 0px 10px; }
.navigation-r ul li a:hover, .navigation-r ul li a.current{background-color: #73719c;color:#fff; }
.navigation-r ul li ul, .sidenav li ul{height: 0; overflow: hidden;  transition: all 1s ease-out;}
.navigation-r ul li.has-children:hover ul, .navigation-r ul li.current ul, .sidenav li.has-children:hover ul, .sidenav li.current ul{ height:fit-content; padding-bottom:15px; }
.navigation-r ul li ul li, .sidenav li ul li{ padding-left:20px; }
.navigation-r ul li ul li a, .sidenav li ul li a{ color:#a5a5a5; }
.navigation-r ul li ul li a:hover, .navigation-r ul li ul li a.active, .sidenav li ul li a:hover, .sidenav li ul li a.active{ background-color:#fff; color:#2d2962; font-weight: 500;}
.sidenav li>a{height: 40px; line-height: 18px;}
.pic-obra{ width: 100%; display: flex; justify-content: center; align-content: center; height: fit-content; min-height: 520px; }
.pic-obra img{ max-width:70%; align-self:center; }
.wrap-work{ width:100%; position:relative;display: flex; flex-direction: column; align-items: center;}
.wrap-work .info-obra{width: 100%; text-align: center;font-size: 13px; color:#a5a5a5; }
.wrap-work .info-obra strong{color:#2d2962;}
.wrap-work .pagination{ text-align: center; font-size: 13px;}
.footer{ font-size: 10px; text-align: right; padding: 10px 20px 0px 0px; font-weight: 300;}
.alternate-cat{ min-height:150px;margin-bottom:30px; }
.slideshow{ width:83%; display:flex; background-color:#f5f2e6;justify-content: flex-end; margin-left: 40px;}
.slideshow{ cursor:pointer; }
.boton{ color:#282d5d; border:1px solid #282d5d;width: 30px;  height: 25px; text-align:center; pointer; z-index: 999; cursor: pointer;}
.group-btn{ width:30%; display:flex; justify-content: space-between; align-items: center; padding-bottom: 15px;}
.items-cat{ background-color:#f5f2e6; color:#2d2962; font-size:12px;width:83%;margin-left: 40px; }
.items-cat a{color:#2d2962; width: 100%; display: block; padding-left: 10px; font-size: 12px;}
.items-cat li{color:#2d2962;padding-left: 10px; font-size: 12px; cursor: pointer;}
.items-cat a:hover, .items-cat li.cur a, .items-cat li:hover{background-color: #2d2962; color: #fff;}
.items-cat li.cur{background-color: #2d2962; color: #fff;}
.items-cat h3{ font-size:14px; text-align:center; padding:10px 0px 5px 0px; }
.items-cat ul{ max-height:150px; overflow-y:scroll; }
.wrap-textos{ width:80%; margin:0px auto; padding-top:120px; }
.wrap-textos h3{ font-size:14px; font-weight:300; color:#2d2962; }
.wrap-textos .content-txt{height:420px; color: #a5a5a5; overflow-y:scroll; font-size: 12px;}
.wrap-textos .content-txt a{ color: #a5a5a5;}
.wrap-textos .content-txt a:hover{color:#2d2962; font-weight: 500;}
.wrap-textos .content-txt strong{color:#2d2962}
#videowrap{ position: relative; padding-bottom: 56.25%;  height: 0; width: 80%; }
#videowrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.d{ padding-bottom:5px; display: flex; margin-bottom: 5px; }
::-webkit-scrollbar { width: 10px;margin-left:800px; }
/* Track */
::-webkit-scrollbar-track { background: #f1f1f1;  }
/* Handle */
::-webkit-scrollbar-thumb { background: #555; }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #73719c; cursor: pointer;}
.sidenav-trigger{position: absolute; left: 20px; top: 50%; color: #333;}
@media all and (max-width:768px),
only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),
only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),
only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),
only screen and (min-device-pixel-ratio:2) and (max-width:1024px),
only screen and (min-resolution:192dpi) and (max-width:1024px),
only screen and (min-resolution:2dppx) and (max-width:1024px){
	.work-items{ padding-top:0px !important; }
	.pic-obra img{max-width: 90%;}
	.logo-roda{text-align: center;}
	.logo-roda img{ width:40%; }
	.info-nav{     padding: 20px 0px 10px 25px; }
	.info-nav h1, .info-nav h2{ font-size:1.2rem; }
	.pic-obra{ min-height: 430px;padding-bottom: 70px;}
	.wrap-work{ height: fit-content; }
	.wrap-textos{ padding-top:0px; width:100%; }
	.work-items .item{ width: 33%; margin: 0px 10px;}
	.work-items{ min-height:fit-content !important; flex-wrap:wrap; }
	.wrap-work .info-obra{ width:80%; }
	.items-cat{ margin-left:10px; width:90%; }
	.group-btn{ width:50%; }
	#videowrap{ width: 90%;}
}
@media only screen and (min-width: 993px) {
    .container { width:80% }
 }
}