Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ul,
- nav,
- body,
- h1,
- h2,
- h4,
- h6,
- p,
- figure {
- margin: 0;
- padding: 0;
- }
- a {
- transition: all 0.3s ease;
- }
- html {
- box-sizing: border-box;
- }
- *,
- *::before,
- *::after {
- box-sizing: inherit;
- }
- .container {
- width: 100%;
- max-width: 1200px;
- margin-right: auto;
- margin-left: auto;
- }
- .tm-container-inner {
- padding-left: 15px;
- padding-right: 15px;
- }
- .row {
- display: flex;
- flex-wrap: wrap;
- margin-left: -15px;
- margin-right: -15px;
- }
- .col-lg-3,
- .col-md-4,
- .col-md-6,
- .col-sm-6,
- .col-12 {
- position: relative;
- padding-right: 15px;
- padding-left: 15px;
- }
- .col-12 {
- max-width: 100%;
- }
- .tm-btn {
- display: inline-block;
- font-size: 1rem;
- width: auto;
- padding: 10px 30px;
- text-decoration: none;
- cursor: pointer;
- border: 0;
- }
- .tm-btn-default {
- border: 1px solid #ccc;
- background-color: transparent;
- color: #626364;
- }
- .tm-btn-default:hover,
- .tm-btn-default:focus {
- color: white;
- background-color: #98999a;
- }
- .tm-mb-45 {
- margin-bottom: 45px;
- }
- .text-center {
- text-align: center;
- }
- .hidden {
- display: none !important;
- }
- .img-fluid {
- max-width: 100%;
- height: auto;
- }
- body {
- font-family: "Open Sans", Arial, sans-serif;
- font-size: 17px;
- background-color: #ccc;
- overflow-x: hidden;
- }
- .container {
- background-color: white;
- }
- p {
- color: #626364;
- line-height: 1.8;
- }
- .placeholder {
- width: 100%;
- min-height: 460px;
- background-color: #556e5b;
- }
- .parallax-window {
- min-height: 460px;
- background: transparent;
- position: relative;
- }
- .tm-header {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- color: white;
- z-index: 1000;
- }
- .tm-header-inner {
- padding: 40px 50px;
- justify-content: space-between;
- }
- .tm-site-logo {
- display: inline-block;
- margin-right: 5px;
- }
- .tm-site-text-box {
- display: inline-block;
- }
- .tm-site-title {
- font-size: 2.2rem;
- font-weight: 400;
- margin-bottom: 5px;
- }
- .tm-site-description {
- font-size: 1.1rem;
- font-weight: 400;
- }
- .tm-nav {
- text-align: right;
- margin-top: 30px;
- }
- .tm-nav-ul {
- display: flex;
- justify-content: flex-end;
- }
- .tm-nav-li {
- list-style: none;
- display: block;
- margin-bottom: 0;
- padding-right: 25px;
- padding-left: 25px;
- }
- .tm-nav-link {
- color: white;
- text-decoration: none;
- padding-bottom: 10px;
- }
- .tm-nav-link.active,
- .tm-nav-link:hover {
- border-bottom: 1px solid white;
- }
- .tm-welcome-section {
- margin: 60px auto;
- max-width: 655px;
- }
- .tm-section-title {
- font-size: 2rem;
- font-weight: 400;
- margin-bottom: 30px;
- text-align: center;
- margin-left: 115px;
- }
- .tm-gallery {
- margin-bottom: 80px;
- margin-left: 80px
- }
- .tm-gallery-page {
- margin: 0 300px;
- display: flex;
- flex-wrap: wrap;
- }
- .tm-gallery-description {
- font-size: 0.95rem;
- }
- .tm-section,
- .tm-container-inner {
- margin-left: auto;
- margin-right: auto;
- }
- .tm-gallery-item {
- max-width: 280px;
- }
- .tm-gallery-img {
- margin-bottom: 20px;
- }
- .tm-gallery-title {
- font-size: 1.3rem;
- font-weight: 400;
- color: #1a6692;
- margin-bottom: 15px;
- }
- .tm-gallery-description {
- margin-bottom: 20px;
- }
- .tm-gallery-price {
- font-size: 1.25rem;
- color: #2f956d;
- margin-bottom: 60px;
- }
- .tm-paging-links {
- text-align: center;
- margin-bottom: 40px;
- }
- .tm-paging-item {
- list-style: none;
- display: inline-block;
- border: 1px solid #2f956d;
- margin: 7px;
- }
- .tm-paging-link {
- padding: 10px 30px;
- display: flex;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- color: #2f956d;
- background-color: transparent;
- }
- .tm-cta-section {
- margin: 0 auto;
- width: 1200px;
- display: flex;
- }
- .tm-paging-link.active,
- .tm-paging-link:hover {
- background-color: #2f956d;
- color: white;
- }
- .tm-description-figure {
- text-align: center;
- }
- .tm-description-box {
- margin-left: auto;
- margin-right: auto;
- }
- .tm-description-box {
- padding-left: 0;
- padding-right: 0;
- display: flex;
- flex-direction: column;
- margin-top: 30px;
- max-width: 530px;
- }
- .tm-right {
- align-self: flex-end;
- }
- .tm-footer {
- padding: 25px 15px;
- margin-top: 40px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement