*{padding:0;margin:0;box-sizing:border-box}
#wrapper{width:1170px;max-width:100%;margin:auto}
body{font-family:Lato,Helvetica,Arial,sans-serif}
.block-live-outer{float:left;width:100%;padding:60px 0}
.block-live-inner{float:left;width:100%}
.block-live-inner ul{float:left;width:100%;text-align:center}
.block-live-inner ul li{display:inline-block;width:30%;margin:20px 1.5%;border-radius:5px;overflow:hidden;transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;border:1px solid #eee}
.block-live-inner ul li:hover{box-shadow:0 0 22px rgba(0,0,0,.22)}
.block-live-img{float:left;width:100%;position:relative}
.block-live-img img{float:left;width:100%}
.block-live-text{float:left;width:100%;background:#f5f5f5;padding:15px 15px}
.block-live-inner h4{float:left;width:100%;text-align:center;margin-bottom:30px;font-size:48px;font-family:ralewaylight;color:#20303c}
.block-live-text h5{padding:10px 0;font-size:16px;color:#000;font-weight:400;text-transform:uppercase}
.block-templates-live-inner{float:left;width:100%}
.block-templates-live-inner h4,.block-templates-live-innerh4{float:left;width:100%;text-align:center;margin-bottom:30px;font-size:48px;font-family:ralewaylight;color:#20303c}
.block-templates-base{float:left;width:100%;margin:50px 0}
.block-templates-base:nth-of-type(2n+0){background:#f5f5f5}
.margin-top-0{margin-top:0!important}
#pull{display:none}
#pull i{font-size:24px;color:#fff}
#pull i.blue-icon{color:#54a0dc}
.header-5 .logo a{display:inline-block;float:none;text-align:center;width:100%}
.block-img-hover{position:absolute;left:0;top:0;height:100%;width:100%;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;background:rgba(0,0,0,.8);display:none}
.block-img-hover a{background-color:#54a0dd!important;border:medium none!important;border-radius:3px!important;color:#fff!important;font-family:open_sanssemibold!important;font-size:14px!important;overflow:hidden!important;padding:11px 22px!important;text-transform:capitalize!important;position:absolute;left:0;right:0;margin:auto;text-decoration:none;width:110px;height:42px;bottom:0;top:0}
.block-live-inner ul li:hover .block-img-hover{display:block}
@media screen and (max-width:1200px){
#wrapper{width:95%!important}
}
@media screen and (max-width:768px){
.block-live-inner ul li{width:44%}
}
@media screen and (max-width:450px){
.block-live-inner ul li{width:100%;margin-left:0;margin-right:0}
.block-live-inner h4{font-size:42px}
}