.closest-events_i .date strong{

font-weight:400;

font-size:110px;

line-height:112px;

color:#000;

font-family:futura-demic-reg,Arial,sans-serif}

.closest-events_i .date em{

font-style:normal;

font-size:10px;

text-transform:uppercase;

line-height:12px;

color:#000;

font-family:futura-demic-reg,Arial,sans-serif;

letter-spacing:2px;

padding-left:6px;

position:relative}

.no-touch .closest-events_i:hover .line-1 i{

-moz-transition:width .4s ease-out;

-o-transition:width .4s ease-out;

-webkit-transition:width .4s ease-out;

transition:width .4s ease-out}

.no-touch .closest-events_i:hover .line-2 i{

-moz-transition:height .4s ease-out .4s;

-o-transition:height .4s ease-out .4s;

-webkit-transition:height .4s ease-out;

-webkit-transition-delay:.4s;

transition:height .4s ease-out .4s}

.no-touch .closest-events_i:hover .line-3 i{

-moz-transition:width .4s ease-out .8s;

-o-transition:width .4s ease-out .8s;

-webkit-transition:width .4s ease-out;

-webkit-transition-delay:.8s;

transition:width .4s ease-out .8s}

.no-touch .closest-events_i:hover .line-4 i{

-moz-transition:height .4s ease-out 1.2s;

-o-transition:height .4s ease-out 1.2s;

-webkit-transition:height .4s ease-out;

-webkit-transition-delay:1.2s;

transition:height .4s ease-out 1.2s}

.no-touch .closest-events_i:hover .line-1 i,.no-touch .closest-events_i:hover .line-2 i,.no-touch .closest-events_i:hover .line-3 i,.no-touch .closest-events_i:hover .line-4 i{

width:100%;

height:100%}

.no-touch .closest-events_i:hover .title{

color:#0cf}

.line-2,.line-4{

width:4px;

height:0;

background:#000;

position:absolute}

@media only screen and (min-width:768px) and (max-width:1240px){

.line-2,.line-4{

height:100%}

}

@media only screen and (max-width:767px){

.line-2,.line-4{

height:100%}

}

.line-2 i,.line-4 i{

display:block;

position:absolute;

width:100%;

height:0;

background:#0cf}

.line-1,.line-3{

height:4px;

width:0;

background:#000;

position:absolute}

@media only screen and (min-width:768px) and (max-width:1240px){

.line-1,.line-3{

width:100%}

}

@media only screen and (max-width:767px){

.line-1,.line-3{

width:100%}

}

.line-1 i,.line-3 i{

display:block;

position:absolute;

height:100%;

width:0;

background:#0cf}

.line-1{

left:0;

top:0}

.inview .line-1{

-moz-transition:background .4s ease,width .4s ease-out;

-o-transition:background .4s ease,width .4s ease-out;

-webkit-transition:background .4s ease,width .4s ease-out;

transition:background .4s ease,width .4s ease-out;

width:100%}

.line-1 i{

left:0;

top:0;

-moz-transition:width .4s ease-out 1.2s;

-o-transition:width .4s ease-out 1.2s;

-webkit-transition:width .4s ease-out;

-webkit-transition-delay:1.2s;

transition:width .4s ease-out 1.2s}

.line-2{

top:0;

right:0}

.inview .line-2{

-moz-transition:background .4s ease,height .4s ease-out .4s;

-o-transition:background .4s ease,height .4s ease-out .4s;

-webkit-transition:background .4s ease,height .4s ease-out;

-webkit-transition-delay:0s,.4s;

transition:background .4s ease,height .4s ease-out .4s;

height:100%}

.line-2 i{

top:0;

left:0;

-moz-transition:height .4s ease-out .8s;

-o-transition:height .4s ease-out .8s;

-webkit-transition:height .4s ease-out;

-webkit-transition-delay:.8s;

transition:height .4s ease-out .8s}

.line-3{

right:0;

bottom:0}

.inview .line-3{

-moz-transition:background .4s ease,width .4s ease-out .8s;

-o-transition:background .4s ease,width .4s ease-out .8s;

-webkit-transition:background .4s ease,width .4s ease-out;

-webkit-transition-delay:0s,.8s;

transition:background .4s ease,width .4s ease-out .8s;

width:100%}

.line-3 i{

right:0;

top:0;

-moz-transition:width .4s ease-out .4s;

-o-transition:width .4s ease-out .4s;

-webkit-transition:width .4s ease-out;

-webkit-transition-delay:.4s;

transition:width .4s ease-out .4s}

.line-4{

bottom:0;

left:0}

.inview .line-4{

-moz-transition:background .4s ease,height .4s ease-out 1.2s;

-o-transition:background .4s ease,height .4s ease-out 1.2s;

-webkit-transition:background .4s ease,height .4s ease-out;

-webkit-transition-delay:0s,1.2s;

transition:background .4s ease,height .4s ease-out 1.2s;

height:100%}

.line-4 i{

bottom:0;

left:0;

-moz-transition:height .4s ease-out 0s;

-o-transition:height .4s ease-out 0s;

-webkit-transition:height .4s ease-out;

-webkit-transition-delay:0s;

transition:height .4s ease-out 0s}