/* TWC TECHNOLOGY */
.twc-technology {margin-bottom:4vw;}
.twc-technology__list {
    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
    -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
    -webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;
}
.twc-technology__item {width:33.33%;}
.twc-technology__item-inner {position:relative; text-align:center; overflow:hidden;}
.twc-technology__image {background-size:cover; background-position:center;}
.twc-technology__image img {display:none;}
.twc-technology__image:before {
    content:''; position:absolute; top:0; left:0;
    width:100%; height:100%; background:rgba(0,0,0,.2);
}
.twc-technology__item-inner:after {
    content:''; position:absolute; top:100%; left:0; right:0; bottom:0;
    border:4px solid #f8ac00; opacity:0;
    -webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;
}
.twc-technology__middle-block {
    position:absolute; top:50%; left:0; right:0; z-index:1;
    -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);
    -webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;
    padding:0 10px;
}
.twc-technology__title.twc-technology__middle-block {color:#fff; margin-bottom:0;}
.twc-technology__info-hover {
    position:absolute; top:50px; bottom:-30px; left:20px; right:20px; z-index:2;
    background:rgba(0,0,0,.6); color:#fff; padding:0 10px;
    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
    -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
    -webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;
    opacity:0; visibility:hidden;
}
.twc-technology__info-inner {width:100%;}
.main_content .twc-technology__title {
    font-size: 24px; font-family: 'brandon grotesque', sans-serif;
    text-transform: uppercase; margin-bottom:10px;
}
.twc-technology__description {margin-bottom:15px;}

.twc-technology__item-inner:hover:after {opacity:1; top:0;}
.twc-technology__item-inner:hover .twc-technology__info-hover {opacity:1; visibility:visible; top:20px; bottom:20px;}
.twc-technology__item-inner:hover .twc-technology__middle-block {opacity:0; top:30%;}

@media only screen and (max-width: 1024px){
    /* TWC TECHNOLOGY */
    .main_content .twc-technology__title {font-size:20px;}
    .twc-technology__middle-block {display:none;}
    .twc-technology__info-hover {
        position:relative; top:auto; bottom:auto; left:auto; right:auto;
        background:none; color:#fff; padding:20px 10px;
        opacity:1; visibility:visible;
    }
    .twc-technology__item-inner:hover .twc-technology__info-hover {top:auto; bottom:auto;}
    .twc-technology__item-inner:after {border-width:3px;}
}

@media only screen and (max-width: 768px){
    /* TWC TECHNOLOGY */
    .twc-technology {margin-bottom:35px;}
    .main_content .twc-technology__title {font-size:16px;}
    .twc-technology__item {width:100%;}
    .twc-technology__item:not(:last-child) {margin-bottom:20px}
    .twc-technology__image {height:30vw!important;}
}

@media only screen and (max-width: 480px){
    /* TWC TECHNOLOGY */
    .twc-technology__image {height:200px!important;}
}