.inner { width: 90%; margin: auto; }
.navbar-index .top { border-bottom: 1px solid #dcdcdc; }

#s1 { width: 100%; top: 60px; background-color: #005D71; padding: 100px 0 130px; color: #fff; }
#s1 .inner { margin-top: 20px; }
#s1 p.line { color: #5bd7e4; font-weight: bold; }
#s1 h4 { margin: 0; }
#s1 .left { width: 55%; float: left; }
#s1 .right { width: 40%; float: right; }
#s1 .right div.img { max-width: 100%; padding: 0 0 20px 20px; }
#s1 .right div.img img { max-width: 100%; }

#s2 { padding: 30px 0; }
#s2 p.first { width: 100%; }
/* #s2 div.banner { max-width: 100%; width: 200px; padding: 0 0 0 40px; background-color: #dedede; height: 600px; margin: 10px auto; } */
#s2 .col-sm-8 { margin-bottom: 20px; }

#s3 { background-color: #f7f7f7; padding: 30px 0; }
#s3 .intro { padding-bottom: 12px; }
#s3 .intro h4 { display: inline; }
#s3 .intro #filter-box { width: 100%; display: inline-block; }
#s3 .intro form select, #s3 .intro form input { float: right; display: inline; margin-left: 5px; }
#s3 .intro form .btns { float: right; clear: both; margin: 10px 0;}
/* #s3 .intro form .btns button { border-color: #000; } */
#s3 .list .item { padding-top: 28px; border-top: 1px solid #4d4d4d; }
#s3 .list .row { padding-bottom: 15px; }
#s3 .list .btn { width: 250px; background-color: #5bd7e4; border-radius: 7.5px; margin: 20px 0; }
#s3 .list .status p { display: inline; }
#s3 .list .status .circle { width: 10px; height: 10px; border-radius: 20px; background-color: #78f542; margin-left: 2px; display: inline-block; }
#s3 .list .status .circle.closed { background-color: #e04f3f; }
#s3 .list .status .circle.upcoming { background-color: #ffca57; }
/* #s3 .list .right { padding-top: 30px; } */
#s3 .list .right p { margin-bottom: 0; }
#s3 .list p.bold { font-weight: bold; }