/* CRITICAL CSS = Faster Load Time :) */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; font-size: 16px; font-family: 'Playfair Display', Georgia, Sans-serif; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /*Landing Style*/ header { background-color: #F0F0F2; padding: 80px 0 100px; margin-bottom: 50px; } h1 { font-size: 50px; margin: 20px 40px; } .lead { font-size: 24px; max-width: 800px; line-height: 1.4; margin: 0 auto; } .logo { margin-bottom: 30px; } .btn { display: inline-block; padding: 17px 40px; border-radius: 30px; background-color: #3898EC; color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; text-transform: uppercase; } .btn:hover, .btn:focus, .btn:active { opacity: 0.8; } .featured-btn { margin: 42px 15px 0 15px; background-color: #f037a5; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; } .btn-green { background-color: #19e68c; } .btn-blue { background-color: #34397e; } .container { max-width: 1170px; margin: 0 auto; text-align: center; } .container:before, .row:before { content: " "; display: table; } .container:after, .row:after { content: " "; display: table; clear: both; } .row { margin-left: -15px; margin-right: -15px; } .col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; } .col-half { width: 50%; } @media (max-width: 767px) { .col-half { width: 100%; } } .img-hover { margin: 0 30px 100px; position: relative; border-radius: 5px; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .img-hover:hover { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 5px 10px 80px rgba(0, 0, 0, 0.5); -moz-box-shadow: 5px 10px 80px rgba(0, 0, 0, 0.5); box-shadow: 5px 10px 80px rgba(0, 0, 0, 0.5); } .img-hover .overlay { opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 5; background: rgba(0, 0, 0, 0.7); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; color: #FFF; text-decoration: none; } .valign { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 25px; } .img-hover a { display: block; } .img-hover:hover .overlay { opacity: 1; } .img-hover img { display: block; max-width: 100%; height: auto; } .footer { text-align: center; padding: 50px 0; color: #333; }

广东十一选五个位十位百位千位万位

Duotone is a Music & Band Website Template. It comes with two version. One Page and Multi Page. Choose your favorite layout.

Purchase Now Explore Demos