Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*About*/
- .about.header {
- background-image: url('../../assets/images/header1.jpg');
- background-repeat: no-repeat;
- background-position: center;
- background-size: cover;
- position: relative;
- padding-top: 70px;
- }
- .about.header .container {
- margin-top: 15%;
- color: white;
- }
- .about.header h1 {
- font-weight: 600;
- font-size: 48px;
- }
- .about.header p {
- font-weight: 300;
- font-size: 24px;
- }
- .about .section-1 {
- padding: 150px 0;
- }
- .about .section-1 h2, .about .section-2 h2, .about.section-3 h2 {
- font-size: 32px;
- color: #c7840f;
- margin-bottom: 60px;
- font-weight: 600;
- }
- .about .section-1 p, .about.section-3 p {
- font-weight: 300;
- font-size: 20px;
- }
- .about.section-2 {
- padding: 70px 0;
- background-image: url('../../assets/images/section-how.jpg');
- background-repeat: no-repeat;
- background-position: center;
- background-size: cover;
- }
- .about.section-2 h3 {
- color: #c7840f;
- margin: 20px 0;
- }
- .about.section-2 p {
- font-weight: 300;
- font-size: 16px;
- }
- .about.section-3 {
- padding: 100px 0;
- }
- .about.section-3 .info-data {
- margin-top: 50px;
- }
- .about.section-3 .info-data span {
- font-size: 60px;
- color: #c7840f;
- display: block;
- }
- .about.section-3 .info-data font {
- color: #cf9849;
- font-size: 20px;
- top: -15px;
- position: relative;
- }
- .about.section-3 .info-data p {
- font-size: 16px;
- }
- .about.section-3 .info-data > div {
- border-right: 1px solid #999;
- }
- .about.section-3 .info-data > div:last-child {
- border: none;
- }
- .about.section-4 {
- padding: 100px 0;
- background: #e6e6e6;
- }
- .about.section-4 h2 {
- font-size: 32px;
- margin-bottom: 50px;
- font-weight: 300;
- }
- .about.section-4 span {
- font-weight: bold;
- font-size: 22px;
- }
- .about.section-4 p {
- font-size: 20px;
- font-weight: 300;
- }
- .about.section-4 .team-img {
- margin-top: 30px;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: space-around;
- align-items: center;
- }
- .about.section-4 .team-img>div {
- margin-bottom: 20px;
- position: relative;
- }
- .about.section-4 .team-img>div>div {
- display: none;
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- overflow: hidden;
- padding: 5px;
- padding-top: 60%;
- background: rgba(201, 149, 61, .7);
- text-align: center;
- color: white;
- }
- .about.section-4 .team-img>div>div>font {
- display: block
- }
- .about.section-4 .team-img>div>div>p {
- font-size: 14px
- }
- .about.section-5 {
- padding: 100px 0;
- }
- .about.section-5 h2 {
- font-size: 32px;
- margin-bottom: 40px;
- }
- .about.section-5 p {
- font-size: 16px;
- }
- .about.section-5 .author {
- margin-top: 20px;
- }
- .about.section-5 .author span {
- font-size: 17px;
- font-weight: bold;
- display: block;
- }
- .about.section-5 .author font {
- font-size: 16px;
- font-weight: 300;
- }
- /*Clients*/
- .clients.header {
- background-image: url('../../assets/images/header-clients.jpg');
- background-repeat: no-repeat;
- background-position: center;
- background-size: cover;
- position: relative;
- padding-top: 70px;
- }
- .clients.header .container {
- margin-top: 15%;
- color: white;
- }
- .clients.header h1 {
- font-weight: 600;
- font-size: 48px;
- }
- .clients.header p {
- font-weight: 300;
- font-size: 24px;
- }
- .clients.form-list {
- padding: 100px 0;
- }
- .clients.form-list select {
- padding: 5px 20px;
- margin: 0;
- border-radius: 0;
- color:#333;
- border: 1px solid #333;
- outline:none;
- display: inline-block;
- -webkit-appearance:none;
- -moz-appearance:none;
- appearance:none;
- cursor:pointer;
- background-color: transparent;
- background-image: url(../../assets/images/ico-down.png);
- background-repeat: no-repeat;
- background-position: 90% center;
- font-size: 18px;
- background-size: 14px 9px;
- padding-right: 45px;
- }
- .clients.form-list .form {
- margin-bottom: 100px;
- margin-left: 2.5%;
- }
- .list-result {
- width: 85%;
- display: inline-block;
- text-align: left;
- margin-bottom: 30px;
- padding-bottom: 20px;
- border: 1px solid #c9c9c9;
- }
- .list-result:hover {
- border-color: #c7840f;
- }
- .list-result img {
- width: 100%;
- }
- .list-result p {
- margin: 15px;
- }
- .list-result a {
- margin-left: 15px;
- margin-bottom: 15px;
- color: black;
- }
- .list-result a:after {
- content: '→';
- display: inline-block;
- color: black;
- }
- .list-result a:hover {
- color: #aaa;
- }
- .clients.form-list .col-md-4:nth-child(3n+1) {
- clear: both;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement