﻿.tem07-guide-language .item{padding:0;position:relative;}
.tem07-guide-language .image{width:100%;height:100%;opacity:0;transition:.6s;position:absolute;top:0;left:0;background-repeat:no-repeat;background-size:cover;background-position:center;}
.tem07-guide-language .box{padding:20%;position:relative;z-index:1;border-color:#4d4d4d;}
.tem07-guide-language .title{color:#727272;border-color:inherit;position:relative;display:inline-block;}
.tem07-guide-language .title:after{content:"";display:inline-block;transition:.6s;width:30px;height:1px;border-top-width:1px;border-top-style:solid;border-color:inherit;}
.tem07-guide-language .subtitle,
.tem07-guide-language .subtitle *{border-color:inherit;}
.tem07-guide-language .subtitle section{border-width:0;}
.tem07-guide-language .subtitle a{border-width:1px;border-style:solid;display:inline-block;padding:1em 3em;color:#FFF;}
.tem07-guide-language .description{font-size:50px!important;padding:1em 0;line-height:1!important;color:#fff;}
.tem07-guide-language p{margin:0;}
.tem07-guide-language.content-left{text-align:left;}
.tem07-guide-language.content-left .title:after{right:-15px;transform:translateX(100%);}
.tem07-guide-language.content-middle{text-align:center;}
.tem07-guide-language.content-middle .title:after{height:10px;}
.tem07-guide-language.content-right{text-align:right;}
.tem07-guide-language.content-right .title:after{left:-15px;transform:translateX(-100%);}
.tem07-guide-language.content-left .title *,
.tem07-guide-language.content-right .title *{display:inline-block;}
.tem07-guide-language.content-left .title:after,
.tem07-guide-language.content-right .title:after{position:absolute;top:50%;}
.tem07-guide-language .item:hover .image{opacity:1;}
.tem07-guide-language .item:hover .title:after{width:60px;}
.tem07-guide-language .item.col-sm-12 .box{padding:10%;}
.tem07-guide-language .item.col-sm-6 .box{padding:15%;}
.tem07-guide-language .item.col-sm-3 .subtitle a{padding:.8em 1.6em;}
@media(max-width:991px){
    .tem07-guide-language .item.col-sm-3{width:50%;}
    .tem07-guide-language .item.col-sm-3 .description,
    .tem07-guide-language .item.col-sm-3 .description span{font-size:26px!important;}
}
.tem07-guide-language .item.col-sm-2 .description,
.tem07-guide-language .item.col-sm-2 .description span,
.tem07-guide-language .item.col-sm-3 .description,
.tem07-guide-language .item.col-sm-3 .description span,
.tem07-guide-language .item.col-sm-4 .description,
.tem07-guide-language .item.col-sm-4 .description span{font-size:26px!important;}
.tem07-guide-language .item.col-sm-2 .subtitle a{padding:.5em 1em;}
@media(max-width:1199px){
    .tem07-guide-language .item.col-sm-2{width:33.333%;}
}
@media(max-width:767px){
    .tem07-guide-language .item.col-sm-4{width:100%;}
    .tem07-guide-language .item.col-sm-12 .description,
    .tem07-guide-language .item.col-sm-12 .description span,
    .tem07-guide-language .item.col-sm-6 .description,
    .tem07-guide-language .item.col-sm-6 .description span,
    .tem07-guide-language .item.col-sm-4 .description,
    .tem07-guide-language .item.col-sm-4 .description span{font-size:36px!important;}
    .tem07-guide-language .item.col-sm-2{width:50%;}
}
@media(max-width:520px){
    .tem07-guide-language .item.col-sm-3,
    .tem07-guide-language .item.col-sm-2{width:100%;}
    .tem07-guide-language .item.col-sm-3 .description,
    .tem07-guide-language .item.col-sm-3 .description span,
    .tem07-guide-language .item.col-sm-2 .description,
    .tem07-guide-language .item.col-sm-2 .description span{font-size:36px!important;}
}