@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i";
.tl-about{padding-bottom:50px;}
.white,a.white,p.white,span.white{color:#fff!important}
button:focus,.btn:focus{outline:0 solid;-webkit-box-shadow:none;box-shadow:none}
.btn{height:43px;line-height:29px;border-radius:25px;padding:6px 22px;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:2px}
.btn-border{border:1px solid #fff;color:#fff}
.btn-border:hover{background:#ffbf10;color:#333;border-color:#ffbf10}
.bg-color1{background:#06b8a6!important}
.bg-color2{background:#dc493a!important}
.bg-color3{background:#0165a3!important}
.about-bg{background-size:cover;width:100%;height:100%}
.about-box{padding:25px 40px; height:300px;}
.about-box h3{color:#fff;font-weight:700;margin-bottom:12px;text-transform:uppercase}
.about-box p{color:#fff;margin-bottom:18px}
.event-box-wrapper{border-bottom:1px solid #ffbd0a;margin-bottom:4px;position:relative;padding:6px 0 8px 0px;min-height:1px}
.event-info .event-name{text-transform:none;margin-bottom:2px;font-size:13px;font-weight:normal;}
.event-info .event-location>span{color:#ffbd0a;margin-right:15px;font-size:11px}
.event-info .event-location>span i{color:#8e8e8e;margin-right:4px}
@keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgba(181,169,131,.3)}100%{box-shadow:0 0 0 20px transparent}}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
.about-box{padding:10%}

}