.ci17 .main-container{display:flex;flex-flow:row nowrap;align-content:space-between;position:relative;height:1000px;color:#3b3b3b}
.ci17 .main-container .left-container{width:400px;position:relative;border-right:solid #f7f7f7 1px}
.ci17 .main-container .left-container .search-container{padding:15px 30px;height:250px;margin-bottom:20px}
.ci17 .main-container .left-container .search-container input{border:2px solid #c8c8c8;margin:10px 0;padding:18px 21px;border-radius:10px;height:50px;width:95%;font-size:16px;color:#3b3b3b;font-weight:600}
.ci17 .main-container .left-container .search-container .ubication-link{color:var(--color-primary);text-decoration:underline}
.ci17 .main-container .left-container .search-container .ubication-link:hover{cursor:pointer}
.ci17 .main-container .left-container ::-webkit-scrollbar{width:6px}
.ci17 .main-container .left-container ::-webkit-scrollbar-track{background:#fff}
.ci17 .main-container .left-container ::-webkit-scrollbar-thumb{background:#717171;border-radius:3px}
.ci17 .main-container .left-container ::-webkit-scrollbar-thumb:hover{background:#373737}
.ci17 .main-container .left-container .office-container{overflow-y:scroll;height:730px}
.ci17 .main-container .left-container .office-container .province-offices .province-name{font-weight:600;padding-left:30px;font-size:24px;margin-top:20px}
.ci17 .main-container .left-container .office-container .province-offices ul{list-style:none;margin:0;padding:0}
.ci17 .main-container .left-container .office-container .province-offices:first-child{border-top:0}
.ci17 .main-container .left-container .office-container .office-item{position:relative;padding:0 30px}
.ci17 .main-container .left-container .office-container .office-item .office-item-container{padding:20px 0}
.ci17 .main-container .left-container .office-container .office-item .office-item-container .office-name{font-weight:400;font-size:24px}
.ci17 .main-container .left-container .office-container .office-item .office-item-container .office-icon{position:absolute;color:var(--color-primary);right:5%;bottom:42%}
.ci17 .main-container .left-container .office-container .office-item:last-child .office-item-container{border-bottom:solid #c8c8c8 1px}
.ci17 .main-container .left-container .office-container .office-item:hover{cursor:pointer;background:#f7f7f7}
.ci17 .main-container .left-container .office-details{position:absolute;height:100%;width:100%;top:0;background:white;display:none;padding:20px 30px;border-right:solid #f7f7f7 1px;box-shadow:0 0 40px 0 rgba(0,0,0,0.08);z-index:10}
.ci17 .main-container .left-container .office-details span.icon-close{position:absolute;top:20px;right:16px}
.ci17 .main-container .left-container .office-details span.icon-close:hover{cursor:pointer}
.ci17 .main-container .left-container .office-details .office-subtitle{text-transform:uppercase;font-weight:700}
.ci17 .main-container .left-container .office-details .marker-icon{margin-right:10px;margin-bottom:15px}
.ci17 .main-container .left-container .office-details .office-title{font-weight:400;font-size:32px}
.ci17 .main-container .left-container .office-details .office-image{width:100%;height:200px}
.ci17 .main-container .left-container .office-details .office-distance{text-align:right;font-style:italic;color:#c8c8c8;margin:10px 0}
.ci17 .main-container .left-container .office-details .office-buttons{display:flex;flex-flow:row nowrap;justify-content:space-between;font-weight:700;color:var(--color-primary);margin:20px 0}
.ci17 .main-container .left-container .office-details .office-buttons .office-action img{margin-right:10px}
.ci17 .main-container .left-container .office-details .office-buttons .office-action{color:inherit;border:solid var(--color-primary) 1px;padding:10px 20px;font-weight:700}
.ci17 .main-container .left-container .office-details .office-buttons .office-action:hover{cursor:pointer}
.ci17 .main-container .left-container .office-details .office-info{list-style:none;margin:10px 0;padding:0}
.ci17 .main-container .left-container .office-details .office-info .info-item{border-bottom:solid #c8c8c8 1px;padding:15px 0}
.ci17 .main-container .left-container .office-details .office-info .info-item .info-title{font-weight:700;margin-left:4px}
.ci17 .main-container .left-container .office-details .office-info .info-item .info-email{text-decoration:underline;margin-left:30px;color:inherit}
.ci17 .main-container .left-container .office-details .office-info .info-item span img{padding-bottom:4px}
.ci17 .main-container .left-container .office-details .office-info .info-item span{margin-left:30px}
.ci17 .main-container .left-container .office-details .office-info .info-item span:first-child{margin-left:0}
.ci17 .main-container .left-container .office-details .office-info .info-item:last-child{border-bottom:0}
.ci17 .main-container .right-container{width:100%;width:calc(100% - 400px);position:absolute;right:0}
.ci17 .main-container .right-container #map{height:1000px}
@media(max-width:1000px){.ci17 .main-container{flex-flow:column;height:auto;position:static}
.ci17 .main-container .left-container{width:100vw}
.ci17 .main-container .left-container .search-container{height:auto}
.ci17 .main-container .left-container .office-container{height:auto}
.ci17 .main-container .left-container .office-details{position:static;width:92vw;margin:20px;border:solid #c7c7c7 1px;padding:15px;margin:0 20px}
.ci17 .main-container .left-container .office-details span.icon-close{position:static;text-align:right;display:block}
.ci17 .main-container .left-container .office-details .office-info{margin:10px}
.ci17 .main-container .right-container{order:-1;position:static;width:100vw}
.ci17 .main-container .right-container #map{height:300px;width:100vw}
}